|
|
Ȧ·Î¼±â Ä«Å×°í¸® Àüüº¸±â |
|
|
|
|
ÃÊ‧Áß‧°í Âü°í¼ |
|
|
|
Ȧ·Î¼±â¸ðÀ½Áý |
|
°íµî±âº»¼/¹®Á¦Áý |
|
¼ö´É´ëºñ/±âÃâ¹®Á¦Áý |
|
EBS°íµî |
|
EBSÁßµî |
|
ÁßÇг»½Å¹®Á¦Áý |
|
ÁßÇй®Á¦Áý |
|
Ãʵî |
|
POD |
|
|
|
8ÀýÁ¢ÁöÇü ¸ðÀÇ°í»ç |
|
ÀÎÇÇ´ÏÆ®(°ø¾ç¹Ì/°ø¾ç¹Ì¶óÀÌÆ®) |
|
ÀÎÇÇ´ÏÆ®(´É¼ö´ÉºÀ/ºÀÃßÂò´ß) |
|
ÀÎÇÇ´ÏÆ®(Æ÷µµºÀºÀ/ºÀ±â¼öÇÐ) |
|
ÀÎÇÇ´ÏÆ®(¼ö´ÉAccept/Feels) |
|
ÇعмöÇÐ |
|
ÀåÅ°æ¼öÇÐ |
|
Á¤±âÁß |
|
ÀÎÇÇ´ÏÆ®(±×¸´) |
|
¼öÇнºÄ³´× |
|
¸¶Ä¿½º³ëÆ® |
|
¾Æħ¹ä°øºÎ |
|
À̺¥Æ® |
|
|
|
À̺¥Æ® |
|
°øµ¿±¸¸Å |
|
¸®ÆÛºê |
|
±âȹ»óÇ° |
|
±³ÀçÁ¦ÀÛ |
|
|
|
±³ÀçÁ¦ÀÛ |
|
E-BOOK(ÀÚ·á½Ç) |
|
|
|
°íµî |
|
|
|
ÃÊ‧Áß‧°í Âü°í¼ |
| |
°ø¹«¿ø |
| |
ÀϹݵµ¼ |
| |
POD |
| |
À̺¥Æ® |
| |
¸ðÀÇ°í»ç ¸ÂÃãÁ¦ÀÛ |
| |
À¯Çüº°¸ÂÃãÁ¦ÀÛ |
| |
±³ÀçÁ¦ÀÛ |
| |
E-BOOK(ÀÚ·á½Ç) |
|
|
|
> |
|
|
|
|
|
¸ñÂ÷ PART 01. ¸ð¹ÙÀÏ UX/UI µðÀÚÀÎ CHAPTER 01. ¸ð¹ÙÀÏ ¾Û UXÀÇ ½ÃÀÛ LESSON 01. ¸ð¹ÙÀÏ ¾Û°ú UX µðÀÚÀÎÀÇ ¹ßÀü UX µðÀÚÀÎÀÇ µîÀå ȸé Å©±âÀÇ º¯È¿Í UXÀÇ ¹ßÀü ½Ç¹«¿¡¼ ¸»ÇÏ´Â ¸ð¹ÙÀÏ UX µðÀÚÀÎ LESSON 02. UX µðÀÚÀÎÀ» ¿Ï¼ºÇÏ´Â ¼¼ °¡Áö ¿ä¼Ò UX(User Experience) ÀÌÇØÇϱâ Çϳª. UX´Â ¹ß¸íÀÌ ¾Æ´Ñ ¹ß°ßÀÌ´Ù µÑ. UX´Â Æí¸®ÇÔº¸´Ù Àͼ÷ÇÔÀ» µû¸¥´Ù ¼Â. UX´Â Á¦Ç°ÀÌ ¾Æ´Ñ °¡Ä¡¸¦ Á¦°øÇÑ´Ù LESSON 03. Á÷°üÀûÀÎ UX µðÀÚÀÎ ¿ä¼Ò BX(Brand Experience) UI(User Interface) GUI(Graphical User Interface) ÀÎÆ÷±×·¡ÇÈ(Infographics) ÀÎÅÍ·¢¼Ç(Interaction)
CHAPTER 02. ¸ð¹ÙÀÏ UX ½Ã³ª¸®¿À LESSON 01. ¸ð¹ÙÀÏ UX ½Ã³ª¸®¿À ÀÇ¹Ì¿Í °úÁ¤ ¸ð¹ÙÀÏ UX ½Ã³ª¸®¿À °úÁ¤ LESSON 02. ¼ºñ½º ±¸ºÐÇÏ°í Á¦ÀÛ ¹æÇâ ¼³Á¤Çϱ⠸ð¹ÙÀÏ ¼ºñ½º ±¸ºÐÇϱ⠳×ÀÌƼºê ¾Û (Native App) ¸ð¹ÙÀÏ À¥¾Û (Mobile WebApp) ¹ÝÀÀÇü À¥¾Û(RWD : Responsive Web Design) ÀûÀÀÇü À¥¾Û(AWD : Adaptive Web Design) ÇÏÀ̺긮µå ¾Û(Hybrid App) LESSON 03. ŽºÅ© ºÐ¼®À» ÅëÇÑ ÁÖ¿ä UI ¼³°èÇϱâ ŽºÅ© ºÐ¼®(Task Research) °úÁ¤ LESSON 04. Ä«Å×°í¸® ºÐ¼®À» ÅëÇÑ µðÀÚÀÎ Æ÷Áö¼Ç ã±â 1´Ü°è. À¯»ç Ä«Å×°í¸® ¼ºñ½º ã¾Æ ºÐ¼®Çϱâ 2´Ü°è. µ¿ÀÏ »ç¿ëÀÚÃþ ¼ºñ½º ã¾Æ ºÐ¼®Çϱâ 3´Ü°è. µðÀÚÀÎ Æ÷Áö¼Ç(Design Position) È®Á¤Çϱ⠿¹½Ã·Î ¾Ë¾Æº¸´Â µðÀÚÀÎ Æ÷Áö¼Ç °úÁ¤ LESSON 05. µðÀÚÀÎ ¸®¼Ä¡¸¦ ÅëÇÑ µðÀÚÀÎ ¹æÇâ ¼³Á¤Çϱ⠹«µåº¸µå(Moodboard) Ä÷¯ ½º¿ÍÄ¡(Color Swatch) [µðÀÚÀ̳ÊÀÇ ºñ¹Ð³ëÆ®] Ä÷¯ ½Ã¹Ä·¹ÀÌ¼Ç ¼ºñ½º È°¿ëÇϱâ LESSON 06. ·±Ã³ ¾ÆÀÌÄÜ°ú ·±Ä¡ ½ºÅ©¸° µðÀÚÀÎÇϱ⠷±Ã³ ¾ÆÀÌÄÜ(Launcher Icon) ¿î¿µÃ¼Á¦ ±Ô°Ý¿¡ ¸Â°Ô µðÀÚÀÎÇϱ⠻ç¿ëÀÚ¿¡°Ô µ¿ÀÏÇÑ BX ¾ÆÀÌÄÜ Á¦°øÇϱâ BX°¡ Á¦´ë·Î µå·¯³ª°Ô µðÀÚÀÎÇϱ⠸ð¹ÙÀÏ À¥ ·±Ã³ ¾ÆÀÌÄÜ ·±Ä¡ ½ºÅ©¸°(Launch Screen) ½Ã°¢ º¸Á¤À» ÀÌ¿ëÇØ ·Î°í ¹èÄ¡Çϱ⠴پçÇÑ ±â´ÉÀ» ´ãÀº ·±Ä¡ ½ºÅ©¸° LESSON 07. ¿ÍÀ̾î ÇÁ·¹ÀÓ Çü½ÄÀÇ UI ±¸Á¶ ¼³°èÇϱâ UI ±¸Á¶ ¼³°è(UI Structure) ÆäÀÌÆÛ ÇÁ·ÎÅäŸÀÔ(Paper Prototype)°ú UI ¼³°èÇϱ⠵¿ÀÏÇÑ ±¸Á¶ÀÇ UI ¼³°èÇϱâ UI µª½º(Depth)¿Í GUI Ç¥½ÃÇϱâ Á¤È®ÇÑ È¸é À̸§°ú ÆÄÀϸí Ç¥±âÇϱâ Æ÷ÁöƼºê ¿ÍÀ̾î(Positive Wire)¿Í ³×°ÅƼºê ¿ÍÀ̾î(Negative Wire) Ç¥½ÃÇϱâ
CHAPTER 03. ¸ð¹ÙÀÏ ÇØ»óµµ ¹× Á¦ÀÛ ¹æ¹ý LESSON 01. ¸ð¹ÙÀÏ ÇØ»óµµ¿Í 72dpi ÀÌÇØÇϱ⠸ð¹ÙÀÏ ÇØ»óµµ 72dpi 72dpiÀÇ Ç¥Çö ÇØ»óµµ LESSON 02. AndroidÀÇ DP ÇØ»óµµ ¹× Á¦ÀÛ ¹æ¹ý Android DP ÇØ»óµµ ÀÌÇØÇϱâ Android DP¿¡ µû¸¥ Ç¥Çö ¹æ½Ä ¾Ë¾Æº¸±â Android DP¿¡ µû¸¥ À̹ÌÁö Á¦ÀÛ ¹æ½Ä ¾Ë¾Æº¸±â LESSON 03. iOSÀÇ Point ÇØ»óµµ¿Í Á¦ÀÛ ¹æ¹ý iOS Point ÇØ»óµµ ÀÌÇØÇϱâ iOS Point¿¡ µû¸¥ À̹ÌÁö Á¦ÀÛ ¹æ½Ä ¾Ë¾Æº¸±â [µðÀÚÀ̳ÊÀÇ ºñ¹Ð³ëÆ®] ¸ð¹ÙÀÏ ¿î¿µÃ¼Á¦ µðÀÚÀÎ °¡À̵å LESSON 04. ¸ð¹ÙÀÏ À¥°ú Viewport Àû¿ëÇϱâ Viewport Viewport¸¦ Àû¿ëÇÑ ¸ð¹ÙÀÏ ºä¾î »ç¿ëÇϱâ Viewport¿¡ µû¸¥ ¸ð¹ÙÀÏ À¥ À̹ÌÁö Á¦ÀÛ ¹æ½Ä ¾Ë¾Æº¸±â
CHAPTER 04. ¸ð¹ÙÀÏ ¾Û GUI µðÀÚÀÎ ¹× ·¹À̾ƿô LESSON 01. ¸ð¹ÙÀÏ ¾Û GUI µðÀÚÀΠŽºÅ© ºÐ¼®À» ÅëÇÑ GUI µðÀÚÀÎ ÅÇ(Tap) GUI ±¸Á¶ Ç÷ÎÆÃ(Floating) GUI ±¸Á¶ °¶·¯¸®(Gallery) GUI ±¸Á¶ ¼û±è ¸Þ´º GUI ±¸Á¶ ¼øÂ÷Àû GUI ±¸Á¶ LESSON 02. UI-Kit È°¿ëÇϱâ XD¿¡¼ UI-Kit ´Ù¿î·ÎµåÇÏ±â ¾Û ¾ÆÀÌÄÜ ´Ù¿î·ÎµåÇϱâ ÆùÆ® ´Ù¿î·ÎµåÇϱâ LESSON 03. Android ¾Û ÁÖ¿ä °¡À̵å¶óÀÎ Android ¾Û °¡À̵å¶óÀÎ Åø ¹ÙÀÇ ¹öÆ°°ú °¡ÀåÀÚ¸®ÀÇ ¸¶Áø ÄÜÅÙÃ÷¿Í ÄÜÅÙÃ÷ »çÀÌ ¸¶Áø Àüü È¸é ¸¶Áø »óÅ ¹Ù¿Í ¾ÆÀÌÄÜ ¿À¸¥ÂÊ ³¡ ¸¶Áø ¹öÆ°ÀÇ ÅÍÄ¡ ¿µ¿ª Åø ¹Ù, Ç÷ÎÆà ¹öÆ°, ¿À¹ö·¹ÀÌ ¸¶Áø ¸®½ºÆ® ¸ñ·Ï LESSON 04. iOS ¾Û ÁÖ¿ä °¡À̵å¶óÀÎ iOS ¾Û µðÀÚÀÎ Àü üũ »çÇ× iOS ¾Û ÁÖ¿ä °¡À̵å¶óÀÎ »óÅ ¹Ù ³»ºñ°ÔÀÌ¼Ç ¹Ù Å« ŸÀÌƲ ¹Ù ¸¶Áø ÅÇ ¹Ù Ȩ Ç¥½Ã ³»ºÎ µðÀÚÀÎ ¾ÆÀÌÄÜÀÇ ÅÍÄ¡ ¿µ¿ª LESSON 05. ³ªÀÎÆÐÄ¡¿Í ½ºÆ®·¹Äª À̹ÌÁö ³ªÀÎÆÐÄ¡(Draw9patch) Android¿¡ ¸Â´Â ³ªÀÎÆÐÄ¡ Á¦ÀÛ iOS ½ºÆ®·¹Äª À̹ÌÁö Á¦ÀÛ
CHAPTER 05. ¸ð¹ÙÀÏ ¾Û µðÀÚÀο¡ ÇÊ¿äÇÑ XD ÇÙ½É ±â´É ÀÍÈ÷±â LESSON 01. ¾ÆÆ®º¸µå ÆíÁýÇÏ°í ÀúÀåÇϱ⠾ÆÆ®º¸µå ÆíÁýÇϱ⠾ÆÆ®º¸µå Å©±â º¯°æÇϱ⠵¥½ºÅ©Åé È¸é ¹Ì¸® º¸±â ¹®¼ ¼³Á¤Çϱ⠹®¼ ÀúÀåÇÏ°í ¿±â ¿ÜºÎ µðÀÚÀÎ ÆÄÀÏ ¿±â(PSD, AI, Sketch) [µðÀÚÀ̳ÊÀÇ ºñ¹Ð³ëÆ®] XD ÁÖ¿ä ´ÜÃàÅ° LESSON 02. ±âº» µµ±¸ È°¿ëÇϱ⠱⺻ µµÇü ¸¸µé±â ¼Ó¼º °ü¸®ÀÚ¿¡¼ µµÇü º¯ÇüÇϱâ Ææ°ú ¼±À» ÀÌ¿ëÇØ µå·ÎÀ×Çϱâ ÅؽºÆ® ÀÔ·ÂÇÏ°í ÆíÁýÇϱâ ÅؽºÆ® ã±â ¿ÀºêÁ§Æ® Á¤·Ä°ú °áÇÕ LESSON 03. ¿ÜºÎ ÆÄÀÏ ºÒ·¯¿À°í ÆíÁýÇϱâ ÀÏ·¯½ºÆ®·¹ÀÌÅÍ(AI) ÆÄÀÏ ºÒ·¯¿À±â ºñÆ®¸Ê ÆÄÀÏ ºÒ·¯¿À±â LESSON 04. XD ÇÙ½É ±â´É ÀÍÈ÷±â Ç÷¯±×ÀÎ È°¿ëÇϱâ UI-Kit È°¿ëÇϱ⠹®¼ ¿¡¼Â È°¿ëÇϱ⠱¸¼º ¿ä¼Ò µî·ÏÇÏ°í È°¿ëÇϱ⠹®ÀÚ ½ºÅ¸ÀÏ µî·ÏÇÏ°í È°¿ëÇϱ⠻ö»ó ½ºÅ¸ÀÏ µî·ÏÇÏ°í ÆíÁýÇϱ⠱¸¼º ¿ä¼Ò ³»ºÎ ÀνºÅϽº(Instance) È°¿ëÇϱ⠹ݺ¹ ±×¸®µå ¹ÝÀÀÇü Å©±â Á¶Á¤ ¾ÆÆ®º¸µå ¾È³»¼±°ú ±×¸®µå ½Ã½ºÅÛ [µðÀÚÀ̳ÊÀÇ ºñ¹Ð³ëÆ®] ¾Û µðÀÚÀÎ »ö»ó »ç¿ë ½Ã ÁÖÀÇ»çÇ×
PART 02. ¸ð¹ÙÀÏ UX/UI µðÀÚÀÎ ÇÁ·ÎÁ§Æ® PROJECT 01. ÁªÇÈ ¸ð¹ÙÀÏ ¾Û ·Î±×ÀÎ, ȸ¿ø °¡ÀÔ ÆäÀÌÁö µðÀÚÀÎ_iOS STEP 01. ·Î±×ÀÎ ¹× ȸ¿ø °¡ÀÔ µðÀÚÀÎ ÁغñÇϱ⠻õ ¾ÆÆ®º¸µå ¸¸µé¾î ±âº» ·¹À̾ƿô ¾È³»¼± Àû¿ëÇϱ⠷ΰí, ¾ÆÀÌÄÜ, »ö»óÀ» ¹®¼ ¿¡¼Â¿¡ µî·ÏÇϱâ STEP 02. ·Î±×ÀÎ ÆäÀÌÁö µðÀÚÀÎÇϱâ login_01 ÆäÀÌÁö¿¡ ·Î°í, À̸ÞÀÏ, ºñ¹Ð¹øÈ£, ·Î±×ÀÎ ¹öÆ° Á¦ÀÛÇϱâ SNS ·Î±×ÀÎ ¹öÆ°°ú ȸ¿ø °¡ÀÔ ¹öÆ° ¸¸µé±â login_02 ÆäÀÌÁö µðÀÚÀÎÇϱ⠾ÆÀÌÄÜÀ» ¹®¼ ¿¡¼Â¿¡ µî·ÏÇϱâ STEP 03. ȸ¿ø °¡ÀÔ ÆäÀÌÁö µðÀÚÀÎÇϱâ signup_01 ÆäÀÌÁö µðÀÚÀÎÇϱâ signup_02 ÆäÀÌÁö µðÀÚÀÎÇϱâ STEP 04. ÀÚ¿¬½º·¯¿î È¿°úÀÇ ÇÁ·ÎÅäŸÀÔ Á¦ÀÛÇϱ⠷±Ä¡ ½ºÅ©¸°¿¡¼ ·Î±×Àΰú ȸ¿ø °¡ÀÔ ¿¬°áÇϱâ Skip, SNS ·Î±×ÀÎ, CREATE ¹öÆ°°ú ¸ÞÀÎ È¸é ¿¬°áÇϱâ
PROJECT 02. ½ºÅ©·Ñ ±â´ÉÀ» ÀÌ¿ëÇÑ ¸ÞÀÎ ÆäÀÌÁö µðÀÚÀÎ_Android STEP 01. ¸ÞÀÎ ÆäÀÌÁö UI µðÀÚÀÎ ÁغñÇϱ⠻õ ¾ÆÆ®º¸µå ¸¸µé¾î ±âº» ·¹À̾ƿô ¾È³»¼± Àû¿ëÇϱ⠾ÆÀÌÄÜ, »ö»óÀ» ¹®¼ ¿¡¼Â¿¡ µî·ÏÇϱâ STEP 02. »ó´Ü Åø ¹Ù¿Í ÇÏ´Ü ¸Þ´º ÅÇ ¹Ù µðÀÚÀÎÇϱâ main_01 ÆäÀÌÁöÀÇ »ó´Ü Åø ¹Ù µðÀÚÀÎÇϱ⠳»ºÎ ÀνºÅϽº¸¦ È°¿ëÇØ ÇÏ´Ü ¸Þ´º ÅÇ ¹Ù µðÀÚÀÎÇϱ⠸ÞÀÎ ¾ÆÀÌÄÜÀÇ ±¸¼º ¿ä¼Ò¸¦ È°¿ëÇØ ³»ºÎ ÀνºÅϽº Ãß°¡Çϱâ STEP 03. ÀÎÅÍ·¢¼Ç ±â´ÉÀ¸·Î ¼û±è ¸Þ´º ¸¸µé±â ¼û±è ¸Þ´º ±¸¼º ¿ä¼Ò·Î ³»ºÎ ÀνºÅϽº Ãß°¡Çϱâ ÀÎÅÍ·¢¼Ç ¼û±è ¸Þ´ºÀÇ ÇÁ·ÎÅäŸÀÔ ¸¸µé±â STEP 04. ´º½º ÇǵåÇü ÄÜÅÙÃ÷ µðÀÚÀÎÇϱ⠼¶³×ÀÏÀ» ÀÌ¿ëÇÑ »ç¿ëÀÚ ¸®½ºÆ® Á¦ÀÛÇϱ⠻çÁø Å©±â Á¶ÀýÇÏ°í ´º½º Çǵå ÄÜÅÙÃ÷ µðÀÚÀÎÇϱâ À̹ÌÁö ÄÁÆ®·Ñ ¾ÆÀÌÄÜ µðÀÚÀÎÇϱ⠽ºÅ©·Ñ ±â´ÉÀÇ ¸ÞÀÎ ÆäÀÌÁö µðÀÚÀÎÇϱâ STEP 05. ¿À¹ö·¹ÀÌ Æ˾÷ ÆäÀÌÁöÀÇ ÇÁ·ÎÅäŸÀÔ Á¦ÀÛÇϱâ Æ˾÷ ÆäÀÌÁö Á¦ÀÛÇϱ⠿À¹ö·¹ÀÌ È¿°úÀÇ ÇÁ·ÎÅäŸÀÔ Á¦ÀÛÇϱâ
PROJECT 03. ½½¶óÀ̵å È¿°úÀÇ ¸ÞÀÎ ÆäÀÌÁö µðÀÚÀÎ_iOS STEP 01. ¸ÞÀÎ ÆäÀÌÁö µðÀÚÀÎÇϱ⠻õ ¾ÆÆ®º¸µå ¸¸µé¾î ±âº» ·¹À̾ƿô ¾È³»¼± Àû¿ëÇϱ⠾ÆÀÌÄÜ, »ö»óÀ» ¹®¼ ¿¡¼Â¿¡ µî·ÏÇϱâ STEP 02. »ó´Ü Åø ¹Ù¿Í ÇÏ´Ü ¸Þ´º ÅÇ ¹Ù µðÀÚÀÎÇϱâ main_01 ÆäÀÌÁöÀÇ »ó´Ü ³»ºñ°ÔÀÌ¼Ç ¿µ¿ª µðÀÚÀÎÇϱ⠳»ºÎ ÀνºÅϽº¸¦ È°¿ëÇØ ÇÏ´Ü ¸Þ´º ÅÇ ¹Ù µðÀÚÀÎÇϱ⠸ÞÀÎ ¹öÆ° ±¸¼º ¿ä¼Ò·Î ³»ºÎ ÀνºÅϽº Ãß°¡Çϱâ STEP 03. ½½¶óÀ̵å ÆäÀÌÁöÀÇ ÄÜÅÙÃ÷ ±¸¼ºÇϱ⠽½¶óÀ̵å ÆäÀÌÁö¿¡ ÄÜÅÙÃ÷ ¹èÄ¡Çϱâ Ä«Å×°í¸® ¹öÆ° ¾ÆÀÌÄÜ ¹èÄ¡Çϱâ Ä«Å×°í¸® ¹öÆ° ±¸¼º ¿ä¼Ò·Î ³»ºÎ ÀνºÅϽº Ãß°¡Çϱâ STEP 04. ½½¶óÀ̵å È¿°úÀÇ ÇÁ·ÎÅäŸÀÔ Á¦ÀÛÇϱ⠾ÆÆ®º¸µå º¹»çÇÏ¿© °¢ È¸é ±¸¼ºÇϱ⠽½¶óÀ̵å(½º³À) È¿°úÀÇ ÀÎÅÍ·¢¼Ç Àû¿ëÇϱâ STEP 05. ÀÚµ¿ ½ºÅ©·Ñ È¿°úÀÇ ÇÁ·ÎÅäŸÀÔ Á¦ÀÛÇϱâ sub_01 »ó¼¼ ÆäÀÌÁö Á¦ÀÛÇϱâ ÀÚµ¿ ½ºÅ©·Ñ È¿°úÀÇ ÇÁ·ÎÅäŸÀÔ Á¦ÀÛÇϱâ
PROJECT 04. ½ÃÀÛ ¾Ö´Ï¸ÞÀÌ¼Ç È¿°úÀÇ ¸ÞÀÎ ÆäÀÌÁö µðÀÚÀÎ_Android STEP 01. ½ÃÀÛ ¾Ö´Ï¸ÞÀÌ¼Ç µðÀÚÀÎ ÁغñÇϱ⠻õ ¾ÆÆ®º¸µå ¸¸µé¾î ±âº» ·¹À̾ƿô ¾È³»¼± Àû¿ëÇϱ⠾ÆÀÌÄÜ, »ö»óÀ» ¹®¼ ¿¡¼Â¿¡ µî·ÏÇϱâ STEP 02. »ó´Ü Åø ¹Ù¿Í ¸ÞÀÎ ¸Þ´º µðÀÚÀÎÇϱâ main_start ÆäÀÌÁöÀÇ »ó´Ü Åø ¹Ù µðÀÚÀÎÇϱ⠳»ºÎ ÀνºÅϽº¸¦ È°¿ëÇÑ ¸ÞÀÎ ¸Þ´º µðÀÚÀÎÇϱâ STEP 03. ³»ºÎ ¾ÆÀÌÄÜ ¹× ½½¶óÀÌµå ¹öÆ° µðÀÚÀÎÇϱ⠳»ºÎ ¾ÆÀÌÄÜ ¸¸µé±â ¿øÇü ±×·¡ÇÁ ¸¸µé±â µ¥ÀÌÅÍ ¼öÄ¡ ÀÔ·ÂÇϱâ Á¤º¸ Ç¥½Ã ÀÔ·ÂÇϱ⠽½¶óÀÌµå ¹öÆ° µðÀÚÀÎÇϱâ STEP 04. ½ÃÀÛ ¾Ö´Ï¸ÞÀ̼ǰú ½½¶óÀ̵å È¿°úÀÇ ÇÁ·ÎÅäŸÀÔ Á¦ÀÛÇϱâ main_01 ¾ÆÆ®º¸µå ÆäÀÌÁö µðÀÚÀÎÇϱ⠸ÞÀÎ ¾ÆÆ®º¸µå¿¡ ½ÃÀÛ ¾Ö´Ï¸ÞÀÌ¼Ç ¿¬°áÇϱ⠽½¶óÀÌµå ¹öÆ° ÀÎÅÍ·¢¼Ç Á¦ÀÛÇϱâ STEP 05. ¼û±è ¸Þ´º µðÀÚÀÎÇÏ°í ÇÁ·ÎÅäŸÀÔ Á¦ÀÛÇϱ⠸޴º ¹è°æ°ú ¼¶³×ÀÏ µðÀÚÀÎÇϱ⠸޴º ¾ÆÀÌÄÜ°ú ¸®½ºÆ® µðÀÚÀÎÇϱ⠸޴º ½½¶óÀ̵å È¿°úÀÇ ÇÁ·ÎÅäŸÀÔ Á¦ÀÛÇϱâ [µðÀÚÀ̳ÊÀÇ ºñ¹Ð³ëÆ®] ¾Û UI µðÀÚÀÎÀÇ ¸Þ´º(Menu)
PROJECT 05. ±×¸®µå ½Ã½ºÅÛÀ» ÀÌ¿ëÇÑ ¹ÝÀÀÇü UI µðÀÚÀÎ_web STEP 01. ¸ÞÀÎ ÆäÀÌÁö UI µðÀÚÀÎ ÁغñÇϱ⠻õ ¾ÆÆ®º¸µå ¸¸µé±â ±×¸®µå ½Ã½ºÅÛ Àû¿ëÇϱâ STEP 02. ¹ÝÀÀÇü UI Åø ¹Ù¿Í ¸Þ´º µðÀÚÀÎÇϱ⠼û±è ¸Þ´º ±¸¼º ¿ä¼Ò·Î ³»ºÎ ÀνºÅϽº Ãß°¡Çϱâ(mobile_UI) ÁÖ¿ä ¸Þ´º¿¡ ¸¶¿ì½º ¿À¹ö »óÅ Ãß°¡Çϱ⠱¸¼º ¿ä¼Ò ÀÎÅÍ·¢¼ÇÀ» ÀÌ¿ëÇØ ¸ð¹ÙÀÏ ¸Þ´º µðÀÚÀÎÇϱâ ÀÎÅÍ·¢¼Ç ¼û±è ¸Þ´ºÀÇ ÇÁ·ÎÅäŸÀÔ ¸¸µé±â ¸Þ´º ±¸¼º ¿ä¼Ò·Î Æîħ ¸Þ´º ¸¸µé±â(tablet_UI) ¸Þ´º ±¸¼º ¿ä¼Ò·Î ¸ÞÀÎ Åø ¹Ù ¸¸µé±â(web_UI) STEP 03. ¹ÝÀÀÇü UI ³»ºÎ ÄÜÅÙÃ÷ µðÀÚÀÎÇϱ⠳»ºÎ ÄÜÅÙÃ÷ µðÀÚÀÎÇϱâ(mobile_UI) ³»ºÎ ÄÜÅÙÃ÷ µðÀÚÀÎÇϱâ(tablet_UI) ³»ºÎ ÄÜÅÙÃ÷ µðÀÚÀÎÇϱâ(web_UI)
PROJECT 06. °øÀ¯ ±â´ÉÀ» ÀÌ¿ëÇÑ °³¹ßÀÚ Çù¾÷ STEP 01. XD °øÀ¯ ±â´É È°¿ëÇϱ⠰øÀ¯ ¸µÅ© ¸¸µé±â °øÀ¯ ¸µÅ© ¾÷µ¥ÀÌÆ®ÇÏ°í °ü¸®Çϱ⠰øÀ¯ ÆäÀÌÁö °ü¸®Çϱ⠴ñ±ÛÀ» ÀÌ¿ëÇØ ÀÇ°ß ³ª´©±â STEP 02. ÇÁ·ÎÁ§Æ® °øÀ¯ÇÏ°í ½Ç¹«¿¡ È°¿ëÇϱ⠿üÁ¦º° ÇÁ·ÎÁ§Æ® °øÀ¯Çϱ⠿¡¼Â, »ö»ó, ¹®ÀÚ ½ºÅ¸ÀÏ È®ÀÎÇϱ⠵ðÀÚÀÎ °¡À̵å, ÀÎÅÍ·¢¼Ç È®ÀÎÇϱâ À¥»çÀÌÆ® Á¦ÀÛ¿¡ ÇÊ¿äÇÑ º¯¼ö CSS ´Ù¿î·Îµå [µðÀÚÀ̳ÊÀÇ ºñ¹Ð³ëÆ®] Á¦Çø°À» È°¿ëÇØ ÇÁ·ÎÁ§Æ® °øÀ¯Çϱâ
INDEX ÀúÀÚ¼Ò°³:ÀúÀÚ : ±è¿µ»ï ´ëÇп¡¼ ÆÐ¼Ç µðÀÚÀÎÀ» Àü°øÇÏ¿´À¸¸ç ±¹³» IT ½ÃÀå ÃÊâ±â ¶§ºÎÅÍ Áö±Ý±îÁö ¸ð¹ÙÀÏ UX/UI µðÀÚÀΰú À̸ðƼÄÜ Á¦ÀÛ ¹× µðÀÚÀÎÀ» ÇØ¿Ô´Ù. Çѱ¹ ¸ÅÅ©·Î¹Ìµð¾î MAX(¸ð¹ÙÀÏ °ÔÀÓ ºÎºÐ ´ë»ó), ¾ÆÀ̸®¹ö(¸ð¹ÙÀÏ Ç÷¡½Ã °ÔÀÓ ºÎºÐ Ưº°»ó), ģȯ°æ»óÇ°ÁøÈï¿ø(°ÔÀÓ ºÎºÐ 3À§), º¸°Çº¹Áö°¡Á·ºÎ(UCC ¾Ö´Ï¸ÞÀÌ¼Ç ºÎºÐ Àå°ü»ó) µî ¼ö»ó °æ·ÂÀÌ ÀÖ´Ù. ÇöÀç´Â ´ëÇб³ ¹× ´Ù¾çÇÑ ±³À°±â°ü¿¡¼ ¸ð¹ÙÀÏ UX/UI µðÀÚÀΰú À̸ðƼÄÜ °ü·Ã °ÀǸ¦ ÁøÇàÇϸç, ´Ù¼öÀÇ ¾Û °³¹ß ¹× µðÀÚÀÎÀ» º´ÇàÇÏ°í ÀÖ´Ù. ÃâÆÇ»ç¼Æò:¾î¶² µ¶ÀÚ¸¦ À§ÇÑ Ã¥Àΰ¡? - ¸ð¹ÙÀÏ ¾Û µðÀÚÀÎ ÇÁ·Î¼¼½º¸¦ AºÎÅÍ Z±îÁö °æÇèÇغ¸°í ½ÍÀº ¿¹ºñ µðÀÚÀ̳Ê(µðÀÚÀÎ Àü°ø ´ëÇлý) - Ãë¾÷, ÀÌÁ÷À» À§ÇØ Æ÷Æ®Æú¸®¿À¸¦ ÁغñÇÏ´Â ÁÖ´Ï¾î µðÀÚÀÌ³Ê - À¥ µðÀÚÀο¡¼ ¸ð¹ÙÀÏ µðÀÚÀÎÀ¸·Î ³Ñ¾î°¡´Â ÇöÁ÷ µðÀÚÀÌ³Ê - ½ºÅ¸Æ®¾÷ °ü·ÃÀÚ, ȤÀº ÀÚ»ç ¼ºñ½º ¾Û µðÀÚÀÎ/Á¦ÀÛ ´ã´çÀÚ µî - ¸ð¹ÙÀÏ ¾Û µðÀÚÀο¡ °ü½É ÀÖ°í ºü¸£°Ô ¹è¿ì°í ½ÍÀº ºÐ
ÀÌ Ã¥ÀÇ Æ¯Â¡ UX ½Ã³ª¸®¿À·Î ¸ð¹ÙÀÏ ¾Û µðÀÚÀÎ ½Ç¹« È帧 ¿ÏÀü Á¤º¹! ÁÁÀº ¸ð¹ÙÀÏ ¾Û µðÀÚÀÎÀº »ç¿ëÀÚ°¡ Æí¸®ÇÏ°Ô »ç¿ëÇÒ ¼ö ÀÖµµ·Ï UX ½Ã³ª¸®¿À¸¦ ÅëÇÑ ´Ü°èº° ÇÁ·Î¼¼½º¸¦ °ÅÃÄ¾ß ÇÑ´Ù. ¼ºñ½º ±âȹ UI ¼³°è(½ºÅ丮º¸µå) ÇÁ·ÎÅäŸÀÔ Á¦ÀÛ ¿î¿µÃ¼Á¦º° ÃÖÀûÈ ¹× °øÀ¯, Çù¾÷ °úÁ¤ÀÌ ¿øÈ°ÇÏ°Ô ÁøÇàµÇ¾î¾ß °³¹ßÀڿ͵µ È¿À²ÀûÀ¸·Î Çù¾÷ÇÒ ¼ö ÀÖ´Ù. ÀÌ Ã¥¿¡¼´Â ÀúÀÚ°¡ Á÷Á¢ °æÇèÇÑ ±¹³» ¸ð¹ÙÀÏ ¾Û µðÀÚÀÎ ÇÁ·Î¼¼½º¸¦ ´Ü°èº°·Î ³ª´©¾î ²Ä²ÄÈ÷ ¼Ò°³ÇÑ´Ù. ±×·± ´ÙÀ½ Adobe XD¸¦ È°¿ëÇØ µðÀÚÀΰú ÇÁ·ÎÅäŸÀÔ(ÀÎÅÍ·¢¼Ç)À» Àû¿ëÇÒ ¼ö ÀÖ°Ô ±¸¼ºÇß´Ù. ´Ü°èº°·Î À̾îÁø ½Ç½À¸¸ µû¶ó Çصµ UX/UI ½Ç¹« ¿öÅ©Ç÷ο츦 ÀÍÈ÷°í ¿Ï¼ºµµ ³ôÀº ¸ð¹ÙÀÏ ¾Û µðÀÚÀαîÁö ÇнÀÇÒ ¼ö ÀÖÀ» °ÍÀÌ´Ù.
¾îµð¼µµ µèÁö ¸øÇÑ 10³âÂ÷ ¼±¹è µðÀÚÀ̳ÊÀÇ ¸àÅ丵ÀÌ °¡µæ! ÀúÀÚ´Â 10¿© ³â ÀÌ»ó ¸ð¹ÙÀÏ ¾Û µðÀÚÀÎÀ» Çϸç Â÷°îÂ÷°î ½×Àº °æÇè°ú ³ëÇϿ츦 ÀÌ Ã¥¿¡ °¡µæ ´ã¾Ò´Ù. UX/UI ¹× ½Ç¹« ÇÁ·Î¼¼½º¿¡ °üÇÑ ²Ä²ÄÇÑ ¼³¸í°ú ÇöÀå°¨ ³ÑÄ¡´Â ´Ù¾çÇÑ ½Ç½À ¿¹Á¦¸¦ ±¸¼ºÇÏ¿© ¸ð¹ÙÀÏ UX/UI µðÀÚÀÎÀ» °æÇèÇÏÁö ¸øÇÑ ¿¹ºñ(½ÅÀÔ) µðÀÚÀÌ³Ê¶óµµ ¹Ì¸® ½Ç¹«¸¦ °æÇèÇÒ ¼ö ÀÖ°Ô µµ¿ÍÁØ´Ù. ´Ù¼¸ °³ÀÇ iOS, Android, Web ¾Û ½Ç½À ÇÁ·ÎÁ§Æ®¿Í 10³âÂ÷ ¼±¹è µðÀÚÀ̳ÊÀÇ ¸àÅ丵±îÁö Á¦´ë·Î ÀÍÈù´Ù¸é Ãʺ¸ µðÀÚÀ̳ʿ¡°Ô ¹þ¾î³ª ÁÁÀº ¸ð¹ÙÀÏ ¾Û µðÀÚÀÎÀ» ¸¸µé ¼ö ÀÖÀ» °ÍÀÌ´Ù.
½Ç·ÂÀ» Çâ»ó½ÃÄÑÁÙ ¿î¿µÃ¼Á¦º° µðÀÚÀÎ °¡À̵å¶óÀÎ Á¦°ø! ÁÁÀº ¸ð¹ÙÀÏ ¾Û µðÀÚÀÎÀ» ¸¸µé±â À§Çؼ´Â ¿î¿µÃ¼Á¦¿¡ ¸Â´Â µðÀÚÀÎ °¡À̵å¶óÀÎÀÌ °¡Àå Áß¿äÇÏ´Ù. ¸ð¹ÙÀÏ ¾Û µðÀÚÀÎÀº ÀÚÀ¯·Ó°Ô ÀÌ·ç¾îÁöÁö¸¸ ¾Û ±Ô°Ýȸ¦ À§ÇØ Á¤ÇØÁø ±ÔÄ¢À̳ª Å׸¶, µðÀÚÀÎ °¡À̵å¶óÀÎÀ» µû¶ó¾ß ÇÑ´Ù. ÀÌ Ã¥¿¡¼´Â iOS, Android¿¡¼ Á¦°øÇÏ´Â µðÀÚÀÎ °¡À̵å¶óÀο¡ ´ëÇØ ²Ä²ÄÇÏ°Ô ¼³¸íÇÏ°í UI-Kit¸¦ È°¿ëÇØ ´õ È¿À²ÀûÀ¸·Î µðÀÚÀÎÇÒ ¼ö ÀÖ´Â ¹æ¹ýÀ» Á¦½ÃÇÑ´Ù. ´Ù¾çÇÑ ¿¹½Ã À̹ÌÁö¿Í »óȲ¿¡ ¸Â´Â µðÀÚÀÎ °¡À̵å¶óÀÎÀ» Âü°íÇÑ´Ù¸é ¸ð¹ÙÀÏ ¾Û µðÀÚÀÎÀ» °øºÎÇÏ´Â µ¥´Â ¹°·ÐÀÌ°í µðÀÚÀÎ ÀÛ¾÷¿¡ ÇÊ¿äÇÑ ½Ã°£À» ÁÙ¿©ÁÖ´Â µ¥ Å« µµ¿òÀÌ µÉ °ÍÀÌ´Ù. ¼ÁöÁ¤º¸:Ã¥¼Ò°³, ÀúÀÚ¼Ò°³, ÃâÆÇ»ç¼Æò, ¸ñÂ÷ ÀÌ°ÍÀÌ ÁøÂ¥ ¸ð¹ÙÀÏ ¾Û µðÀÚÀÎÀÌ´Ù! ÁÁÀº µðÀÚÀÎÀ» ¸¸µå´Â ¸ð¹ÙÀÏ ¾Û UX/UI µðÀÚÀÎ ÆÛÆåÆ® °¡À̵å!
¸ð¹ÙÀÏ ±â±â¿¡ »ç¿ëÇÏ´Â ¸ð¹ÙÀÏ À¥¾Û ¼ºñ½º¿¡ »ý¸í·ÂÀ» ºÒ¾î³Ö±â À§Çؼ´Â UX µðÀÚÀ̳ÊÀÇ ¿ªÇÒÀÌ Å©´Ù. ÇÏÁö¸¸ UX µðÀÚÀ̳ʰ¡ ¼öÇàÇØ¾ß ÇÏ´Â °úÁ¤À» Á¤È®ÇÏ°í ü°èÀûÀ¸·Î ´Ù·ç±â´Â ½±Áö ¾Ê´Ù. ÃÖ±Ù µé¾î ¸ð¹ÙÀÏ À¥¾Û ¼ºñ½º¿¡ ÇÊ¿äÇÑ UX, UI, ±âȹ, µðÀÚÀÎ ÂÊÀ¸·Î °¨¼º°ú öÇÐÀÌ ´ã±ä Æ®·»µå°¡ »ý°Ü³ª°í ÀÖÀ¸¸ç, ¾Û °³¹ßÀ» ´Ü¼øÇÑ ÇÁ·Î±×·¡¹Ö°ú ¿î¿µÃ¼Á¦ÀÇ Á¶ÇÕÀÌ ¾Æ´Ñ »ç¿ëÀÚ °æÇè°ú ÀÎÅÍ·¢¼ÇÀ¸·Î Á¢±ÙÇÏ´Â ¹æ½Ä, Áï UX¸¦ ±â¹ÝÀ¸·Î ÇÑ Á¢±Ù ¹æ½ÄÀÌ ´ëµÎµÇ°í ÀÖ´Ù. ÁÁÀº ¸ð¹ÙÀÏ ¾Û µðÀÚÀÎÀ» ¸¸µé±â À§Çؼ´Â ´Ü¼øÈ÷ º¸±â ÁÁ°Ô µðÀÚÀÎÇؼ´Â ¾È µÈ´Ù. ¸Å·ÂÀûÀÎ µðÀÚÀο¡ »ç¿ëÀÚ°¡ Æí¸®ÇÏ°Ô Á¶ÀÛÇÒ ÀÎÅÍ·¢¼ÇÀ» Àû¿ëÇØ¾ß ÇÏ°í, À̸¦ À§Çؼ´Â UX ½Ã³ª¸®¿À¿¡ ¸ÂÃá ¾÷¹« ¼öÇà°ú ¿î¿µÃ¼Á¦º° Á¤È®ÇÑ µðÀÚÀÎ °¡À̵å¶óÀÎÀ» ÁöÄÑ µðÀÚÀÎÇØ¾ß ÇÑ´Ù.
¡¶10³âÂ÷ µðÀÚÀ̳ʿ¡°Ô 1:1·Î ¹è¿ì´Â ¸ð¹ÙÀÏ UX/UI µðÀÚÀÎ °ÀÇ with Adobe XD¡·´Â Á¦¸ñ ±×´ë·Î 10³âÂ÷ ¼±¹èÀÇ ¸ð¹ÙÀÏ ¾Û µðÀÚÀÎÀÇ ½Ç¹« ³ëÇÏ¿ì°¡ °í½º¶õÈ÷ µé¾î ÀÖ´Â ¸ð¹ÙÀÏ UX/UI µðÀÚÀÎ È°¿ë¼ÀÌ´Ù. PART 1¿¡¼´Â ±¹³» ½ÇÁ¤¿¡ ¸Â´Â ²Ä²ÄÇÑ UX, UI ÀÌ·Ð ¼³¸í°ú ½Ç¹« ¿öÅ©Ç÷ο츦 »ìÆ캸°í °¢ ¿î¿µÃ¼Á¦¿¡ ¸Â´Â µðÀÚÀÎ °¡À̵å¶óÀÎÀ» È®ÀÎÇÑ´Ù. PART 2¿¡¼´Â ½ÇÁ¦ ¼ºñ½º ÁßÀÎ Æ®·»µðÇÑ ÇÁ·ÎÁ§Æ® ¿¹Á¦ ½Ç½ÀÀ» ÅëÇØ ¸ð¹ÙÀÏ UX/UI µðÀÚÀÎ ½Ç¹«¸¦ Á¦´ë·Î ÆľÇÇÒ ¼ö ÀÖ°Ô ±¸¼ºÇß´Ù. ƯÈ÷ iOS, Android, Web ¼ºñ½º ¿¹Á¦¸¦ ÅëÇØ ½ÇÁ¦ ¸ð¹ÙÀÏ ¾ÛÀ» µðÀÚÀÎÇÏ°í ÇÁ·ÎÅäŸÀÌÇÎÀ¸·Î ÀÎÅÍ·¢¼ÇÀ» ±¸ÇöÇÒ ¼ö ÀÖ°Ô ±¸¼ºÇÏ¿© ½Ç¹« °æÇèÄ¡¸¦ ³ôÀ̱⿡ ¾È¼º¸ÂÃãÀÌ´Ù.
|
|
|
¹øÈ£ |
Á¦¸ñ |
ÀÛ¼ºÀÚ |
µî·ÏÀÏ |
Á¶È¸¼ö |
|
µî·ÏµÈ ¹®ÀÇ°¡¾ø½À´Ï´Ù. |
|
|
|
|
»óÇ°Æò |
Æò°¡Á¡¼ö |
Æò°¡ÀÏ |
|
µî·ÏµÈ ³×À̹ö±¸¸ÅÆòÀÌ ¾ø½À´Ï´Ù. |
|
|
|
¹ÝÇ°/±³È¯ ¹æ¹ý |
Q&A°Ô½ÃÆÇ, °í°´¼¾ÅÍ(02-853-8180) |
|
¹ÝÇ°/±³È¯ °¡´É±â°£ |
¼ö·ÉÈÄ 1ÁÖÀÏ À̳»ÀÇ »óÇ° |
|
¹ÝÇ°/±³È¯ ºñ¿ë |
¡¤ °íÀÇ ´Ü¼øº¯½É ¹× Âø¿À±¸¸ÅÀÏ °æ¿ì »óÇ° ¹è¼Ûºñ´Â °í°´ ºÎ´ãÇÔ ¡¤ À§ »çÇ× ÀÌ¿ÜÀÇ ¹®Á¦¿¡ ´ëÇؼ´Â ´ç½Ã¿¡¼ ¹è¼Ûºñ ºÎ´ã ¡¤ ¹ß»ýÇÏ´Â ºñ¿ë󸮴 ÁÖ¹®ÀÚ¿Í ´ç»ç°£¿¡ ÇùÀÇ ÈÄ Á¤ÇÔ |
|
¹ÝÇ°/±³È¯ ºÒ°¡»çÀ¯ |
¡¤ ¸ÂÃãÁ¦ÀÛ/±³ÀçÁ¦ÀÛÀ¸·Î ÀÛ¾÷µÈ »óÇ° ¡¤ ½ºÇÁ¸µ/Æ®À©¸µÀ¸·Î ¿É¼Çó¸®µÈ »óÇ° ¡¤ ¼ÒºñÀÚÀÇ ¿äû¿¡ µû¶ó °³º°ÀûÀ¸·Î ÁÖ¹® Á¦À۵Ǵ »óÇ° ¡¤ Ã¥¿¡ ¿À¿°/»ç¿ë°¨/ÀÌ»óÀÌ »ý°åÀ» °æ¿ì |
|
|
|