|
[»ó] Æ˾÷ ½º¸¶Æ®Æù ¾Û UX & UI µðÀÚÀÎ
|
ÀÌ ÆǸÅÀÚÀÇ »óÇ° ´õº¸±â +
ÄÚÄںϽº
°³Àλç¾÷ÀÚ
ÆǸŵµ¼ : 69,811 °Ç
¿¬¶ôó :
010-2585-8754 ÁÖ¼Ò : °æ±â ¾È»ê½Ã ´Ü¿ø±¸ ¼±ºÎµ¿
¹è¼Û·á : Á¶°ÇºÎ ¹«·á (50,000¿ø ¹Ì¸¸ 3,500¿ø)
|
|
¹Ù·Î »Ì¾Æ ¾²´Â Æ˾÷ ½º¸¶Æ®Æù ¾Û UX & UI µðÀÚÀÎ
ÄÚÄںϽº ÆǸÅÀÚ°¡ µî·ÏÇÑ À̹ÌÁöÀÔ´Ï´Ù.
Part ¥°. GUI µðÀÚÀÎ
1Àå. GUI µðÀÚÀÎÀ̶õ? Step 01. ÀÇ¹Ì¿Í À¯·¡ Step 02. GUI µðÀÚÀÎÀÇ ºÐ¾ß Step 03. µðÀÚÀ̳ÊÀÇ ¿ªÇÒ Step 04. µðÀÚÀÎ ÇÁ·Î¼¼½º 2Àå. ½º¸¶Æ®Æù°ú GUI µðÀÚÀÎ Step 01. ¸ð¹ÙÀÏ µð¹ÙÀ̽ºÀÇ Æ¯Â¡ Step 02. Application Step 03. ÇØ»óµµ Step 04. UI ÄÄÆ÷³ÍÆ® 3Àå. ÄÄÇ»ÅÍ ±×·¡ÇÈ Step 01. Vector¿Í Bitmap Step 02. Color bit & System Step 03. À̹ÌÁö ÃÖÀûÈ Step 04. ÆÄÀÏ Æ÷¸Ë Step 05. ¸¶½ºÅ©mask 4Àå. Basic Rendering Step 01. ºûÀÇ È帧 Step 02. Áú°¨ Part ¥±. ½ÇÀü µû¶óÇϱâ 1Àå. UI Component design
Exercise 01. ÀÔü°¨ ÀÖ´Â ¹öÆ° Standard Button Exercise 02. ÅؽºÃÄ ¹öÆ° Texture Button Exercise 03. °ÔÀÓ ÄÁÆ®·Ñ·¯ ¹öÆ° Game Controller Button Exercise 04. ´ÙÅ© ½ºÅ¸ÀÏ ¹öÆ° Radio Button Check Box Exercise 05. Çü±¤µî ½ºÀ§Ä¡ Toggle Switch Button Exercise 06. ºñµð¿À Ç÷¹À̾î À§Á¬ Slider Exercise 07. »çÀÌÆ® ·Îµù ¾ÆÀÌÄÜ Loading Bar Exercise 08. µå·Ó´Ù¿î ¸Þ´º Dropdown Menu Exercise 09. ÅÇ ¸Þ´º Tab Menu Exercise 10. Àá±Ý ȸé Lock Screen 2Àå. Application design
Exercise 01. ÇüÅ¿¡¼ ±âÃÊÇÑ ¾Û ¾ÆÀÌÄÜ Bus Card Reader App Icon Exercise 02. »ç½ÇÀûÀÎ Áú°¨À» °¡Áø ¾Û ¾ÆÀÌÄÜ Speaker App Icon Exercise 03. äÆà ¾îÇø®ÄÉÀÌ¼Ç Chat App Exercise 04. °è»ê±â ¾îÇø®ÄÉÀÌ¼Ç Calculator App Exercise 05. Ä«¸Þ¶ó ¾îÇø®ÄÉÀÌ¼Ç Camera App Exercise 06. ¼¼°è ½Ã°£ ¾îÇø®ÄÉÀÌ¼Ç World Clock App
Part 3 Tip & ¿ë¾îÁ¤¸® Chapter 1. ¾ÛÀ» ¿Ï¼ºÇÏ´Â 18°¡Áö Tip
1. Æ÷Åä¼¥ ÆÛÆ÷¸Õ½º¸¦ ³ô¿©º¸ÀÚ 2. Global Light´Â ½ÅÁßÇÏ°Ô! 3. Smart Object¸¦ »ç¿ëÇ϶ó 4. Perfect Radius 5. Full Name º¸´Ù´Â °¡µ¶¼ºÀ» ¿ì¼±½ÃÇضó 6. ¾Û ¾ÆÀÌÄÜÀº ºê·£µå ÆÄ¿ö¸¦ °¡Áö°í ÀÖ´Ù 7. ¾Û ¾ÆÀÌÄÜÀº ÀÏ°üµÈ LookÀ» °¡Á®¾ßÇÑ´Ù 8. ºÎµå·¯¿î ±×¸²ÀÚ Ã³¸®¸¦ Ç϶ó 9. ¼öÄ¡´Â ¦¼ö·Î ¸¸µé¾î¶ó 10. °³¹ßÀÚ¿Í À̾߱âÇ϶ó 11. À̹ÌÁö ¼Ò½ºµéÀº ÇÑ °÷¿¡ ¸ð¾Æ °ü¸®Ç϶ó 12. ¸ðµç Çȼ¿Àº Á¤È®È÷ ¸Â¾Æ¾ßÇÑ´Ù 13. »çÀÌÁî´Â Å« Çػ󵵿¡¼ ÀÛÀº Çػ󵵷ΠÁ¦ÀÛÇ϶ó 14. Æú´õ Á¤¸®¸¦ ÇÏÀÚ 15. ÆÄÀÏ ¿ë·®Àº ÁÙÀÏ ¼ö ÀÖÀ¸¸é ÁÙ¿©¶ó 16. µðÀÚÀΰú °³¹ß °£ÀÇ Â÷À̸¦ Á¼Çô¶ó 17. Ç÷§Æû¿¡¼ Á¦°øÇÏ´Â µðÀÚÀÎ °¡À̵带 Á¸ÁßÇ϶ó 18. ¹«µå º¸µåmood board¸¦ ¸¸µé¾î¶ó Chapter 2. ¿ë¾îÁ¤¸®: ¸ð¹ÙÀÏ ¾Û µðÀÚÀÎ °üÁ¡¿¡¼ Ç®¾îº» ¿ë¾î Á¤¸®
1. IA (Information Architecture) 2. UX (User eXperience) 3. UI (User Interface) 4. Native App 5. Mobile Web 6. Hybrid App 7. Portrait view ¿Í Landscape view 8. Modal view 9. Ticker 10. Action sheet 11. toasts 12. Splash screen 13. Alert 14. Tool bar 15. Badge 16. Page indicator 17. Loading indicator
ÀÌ Ã¥Àº Æ÷Åä¼¥À» »ç¿ëÇØ ¸ð¹ÙÀÏ ¾Û µðÀÚÀÎÀ» Çϱâ À§ÇÑ À̷аú ¹æ¹ýµéÀ» °íÄ÷¸®Æ¼ÀÇ ¿¹Á¦¸¦ Áß½ÉÀ¸·Î ¼Ò°³ÇÏ°í ÀÖ½À´Ï´Ù. º»¹®Àº ¾Û µðÀÚÀÎÀ» Àß ¸ð¸£°Å³ª óÀ½ Á¢ÇÏ´Â µ¶ÀÚµéºÎÅÍ ¸ð¹ÙÀÏ ¾Û µðÀÚÀÎÀÇ ±âÃʸ¦ ´ÙÁö°í ÇÑ ´Ü°è ¹ßÀüÇÏ±æ ¿øÇÏ´Â ÁÖ´Ï¾î µðÀÚÀ̳ʱîÁö ´©±¸³ª ½±°Ô µû¶óÇÒ ¼ö ÀÖµµ·Ï Å©°Ô ÀÌ·Ð, ½Ç½À ¿¹Á¦, ÆÁ°ú ¿ë¾î Á¤¸®·Î ±¸¼ºµÇ¾î ÀÖ½À´Ï´Ù. ¸ÕÀú ÀÌ·Ð ÆÄÆ®¿¡¼ ¾Û µðÀÚÀÎÀ» ½ÃÀÛÇϱâ Àü ±âº»ÀûÀ¸·Î ¾Ë¾ÆµÖ¾ß ÇÒ GUI µðÀÚÀÎ À̷аú ¸ð¹ÙÀÏ È¯°æÀÇ Æ¯¼ºÀ» ÆľÇÇØ ±âÃʸ¦ ½×Àº ÈÄ, ½ÇÀü ÆÄÆ®¿¡¼´Â ±× ÀÌ·ÐÀ» Åä´ë·Î UI ÄÄÆ÷³ÍÆ® µðÀÚÀΰú ¾Û µðÀÚÀÎ ¿¹Á¦µéÀ» µû¶óÇÏ¸é¼ °¢ ÄÄÆ÷³ÍÆ®ÀÇ Æ¯¼º°ú ¾²ÀÓ»õ¸¦ ¾Ë°í ¾ÛÀÇ ¼º°ÝÀÇ µû¸¥ ´Ù¾çÇÑ µðÀÚÀÎ ½ºÅ¸ÀÏ µîÀ» ÀÍÈú ¼ö ÀÖ½À´Ï´Ù. ±×¸®°í ¾Û µðÀÚÀΰú °ü·ÃµÈ ¿©·¯ ÆÁ°ú ÇÁ·ÎÁ§Æ® ÆÄÀÏ/Æú´õ °ü¸®ÇÏ´Â ¹æ¹ý, À̹ÌÁö ó¸® ¹æ¹ý µîÀÇ À¯¿ëÇÑ µðÀÚÀÎ ³ëÇÏ¿ìµéµµ ÇÔ²² ¼Ò°³ÇÏ¿© È¿À²ÀûÀÎ ÀÛ¾÷ ¹æ¹ýÀ» ¾È³»ÇÏ°í ÀÖ½À´Ï´Ù.
|
µ¿ÀÏÇÑ µµ¼¸íÀÇ Á¦Ç°À» ÆǸÅÇÏ´Â ´Ù¸¥ ÆǸÅÀÚÀÇ ÁÖ¹®³»¿ªµµ Æ÷ÇԵǾî ÀÖ½À´Ï´Ù.
|
|
|
|
|