°³¶ËÀ̳׿¡¼­ ÆÇ¸ÅµÈ "Æ˾÷ ½º¸¶Æ®Æù ¾Û UX & UI µðÀÚÀÎ"     Á¤°¡ 27,000¿ø   Æò±ÕÇÒÀΰ¡
Ãß°¡ °Ë»ö Çϱâ
ÃÑ 4°³ÀÇ µµ¼­°¡ ÀÖ½À´Ï´Ù.
µµ¼­À̹ÌÁö µµ¼­¸í »óÅ °¡°Ý ÆǸÅÀÚ

Æ˾÷ ½º¸¶Æ®Æù ¾Û UX & UI µðÀÚÀÎ
»ó 
6,700¿ø

50,000 ¹Ì¸¸
¹è¼Ûºñ3,500
ÄÚÄںϽº
ÆǸŵµ¼­(75,086±Ç)

Æ˾÷ ½º¸¶Æ®Æù ¾Û UX & UI µðÀÚÀÎ
»õÃ¥ 
24,300¿ø

30,000 ¹Ì¸¸
¹è¼Ûºñ5,000
¾Æ±â¿À¸®
ÆǸŵµ¼­(197,187±Ç)

Æ˾÷ ½º¸¶Æ®Æù ¾Û UX & UI µðÀÚÀÎ
»õÃ¥ 
24,300¿ø

¹«·á¹è¼Û
»õÃ¥Àü¹®Á¡
ÆǸŵµ¼­(360,221±Ç)

Æ˾÷ ½º¸¶Æ®Æù ¾Û UX & UI µðÀÚÀÎ
»õÃ¥ 
24,300¿ø

¹«·á¹è¼Û
Ã¥°¡¹æ
ÆǸŵµ¼­(328,858±Ç)
 

»ó¼¼Á¤º¸

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 ÄÄÆ÷³ÍÆ® µðÀÚÀΰú ¾Û µðÀÚÀÎ ¿¹Á¦µéÀ» µû¶óÇϸ鼭 °¢ ÄÄÆ÷³ÍÆ®ÀÇ Æ¯¼º°ú ¾²ÀÓ»õ¸¦ ¾Ë°í ¾ÛÀÇ ¼º°ÝÀÇ µû¸¥ ´Ù¾çÇÑ µðÀÚÀÎ ½ºÅ¸ÀÏ µîÀ» ÀÍÈú ¼ö ÀÖ½À´Ï´Ù. ±×¸®°í ¾Û µðÀÚÀΰú °ü·ÃµÈ ¿©·¯ ÆÁ°ú ÇÁ·ÎÁ§Æ® ÆÄÀÏ/Æú´õ °ü¸®ÇÏ´Â ¹æ¹ý, À̹ÌÁö ó¸® ¹æ¹ý µîÀÇ À¯¿ëÇÑ µðÀÚÀÎ ³ëÇÏ¿ìµéµµ ÇÔ²² ¼Ò°³ÇÏ¿© È¿À²ÀûÀÎ ÀÛ¾÷ ¹æ¹ýÀ» ¾È³»ÇÏ°í ÀÖ½À´Ï´Ù.
 

¼­Æòº¸±â

´ÜÇົ BEST µµ¼­

³ªÀǼîÇÎ

  • Ä«µå³»¿ªÁ¶È¸
  • ¸¸Á·µµº¸±â
  • ÆǸÅÀÚº¸±â

ÃÖ±Ùº»»óÇ°

Àå¹Ù±¸´Ï

TOP