À¥À» ÅëÇØ »õ·Î¿î âÁ¶¸¦ ²Þ²Ù´Â Àΰ£ - kimdirector
www.kimdirector.co.kr Photo by unsplash.com
kimdirector
Creative Web & Mobile UI/UX Planner and Designer
Humans dreaming of new creation through the UI/UX



WEBDESK
Webdesign Report
HOME ¡µ WEBDESK ¡µ Webdesign Report
2015³â À¥µðÀÚÀÎ Æ®·»µå¸¦ »ìÆìº¼±î¿ä?
Posted by kimdirector | 2015.01.12 | Hit : 2376
2015³â À¥µðÀÚÀÎ Æ®·»µå
¸ñ·Ïº¸±âÀÌÀüº¸±â
2015³â À¥µðÀÚÀÎ Æ®·»µå¸¦ »ìÆìº¼±î¿ä?
¹°·Ð ¶ó±ºÀÌ ¿¹ÃøÇϸé ÁÁ°ÚÁö¸¸~ ´çÃé ÀÌ·±°ÍµéÀº ¾îÂî ¿¹ÃøÇÏ´ÂÁö ¸ð¸£°Ú±â¿¡!
ÇØ¿Ü±â»ç¿¡¼­ ¹ßÃéÇØ ¿Ô½À´Ï´Ù! (¹ø¿ª±â Ç® °¡µ¿ Áß)
​​
 
01  Ghost Buttons
 
°í½ºÆ® ¹öưÀº ¼ÓÀÌ ºó, ´Ü¼øÇÑ ¼³¸í¹®±¸¿Í ÇÔ²² Èæ¹éÀÇ ¿Ü°û¼±À¸·Î¸¸ ó¸®ÇÑ ½ºÅ¸ÀÏÀ» ÀǹÌÇÕ´Ï´Ù. Call-To-Action(»ç¿ëÀÚÀÇ Çൿ°³½Ã À¯µµ)ÀÌ ÇÊ¿äÇÑ °÷¿¡ °­Á¦ÀûÀÎ ´À³¦ÀÌ ´úÇØ ¸¹ÀÌ »ç¿ëÇÏ´Â Ç÷§µðÀÚÀÎ Æ®·»µåÀÇ ¿¬Àå¼±¿¡¼­ ¹ßÀüµÈ µðÀÚÀÎ ¿ä¼ÒÀÔ´Ï´Ù. Ç渮¿ìµå ¿µÈ­ ½ºÅ¸Æ®·ºÀ̳ª ¾ÆÀ̾ð¸Ç¿¡¼­ ¸¹ÀÌ ºÃÀ½ Á÷ÇÑ µðÀÚÀÎÀ¸·Î, ¹Ì·¡ÁöÇâÀûÀÎ ´À³¦ÀÌ µì´Ï´Ù.
 
°í½ºÆ® ¹öưÀ» Àß È°¿ë ÇÑ »çÀÌÆ®ÀÔ´Ï´Ù.
 
 
02  Bigger Emphasis on Typography
​2014³â¿¡ À̾î ŸÀÌÆ÷±×·¡ÇÇÀÇ À¯ÇüÀº ¼Õ±Û¾¾, ¹Í½º¾Ø¸ÅÄ¡, ±×¸®°í Å©°Ô ±¸¼ºÇÏ´Â Á¡ ÀÔ´Ï´Ù.
Àüü À̹ÌÁö(ºñµð¿À)¹è°æ°ú ūŸÀÌÆ÷±×·¡ÇÇ´Â 2015³â¿¡µµ °è¼ÓµË´Ï´Ù. ¹è°æµµ Å­Á÷Å­Á÷, ŸÀÌÆ÷µµ Å­Á÷Å­Á÷. ½Ã°¢ÀûÀÎ ´À³¦À» ±Ø´ëÈ­ ½ÃŰ´Â »çÀÌÆ®µéÀ» ÀÚÁÖ Á¢ÇÏ°Ô µË´Ï´Ù.
​Å« À̹ÌÁö¹è°æ°ú ŸÀÌÆ÷°¡ Àß ¾î¿ï¸®´Â ½Ã¿ø½Ã¿øÇÑ ´À³¦ÀÇ »çÀÌÆ® ÀÔ´Ï´Ù.
 
 
¿öµåÇÁ·¹½ºÅ׸¶Áß Å« ŸÀÌÆ÷¸¦ ÀÌ¿ëÇÑ ÅÛÇø´ ÀÔ´Ï´Ù.
03  Large, Beautiful Background Images & Videos

2015³â¿¡µµ Ç®½ºÅ©¸° À̹ÌÁö&µ¿¿µ»óÀ» ¹è°æÀ¸·Î »ç¿ëÇÏ´Â Æ®·»µå°¡ Áö¼ÓµÉ°ÍÀ¸·Î º¸°í ÀÖ½À´Ï´Ù. ½Ã°¢ÀûÀ¸·Î È¿°úÀûÀÎ À̹ÌÁö&µ¿¿µ»óÀº º¸´Â »ç¶÷¿¡°Ô ±Ûº¸´Ù °­ÇÑ ÀλóÀ» ³²°ÜÁÝ´Ï´Ù.
 
 
aribnb.com »çÀÌÆ®ÀÇ °æ¿ì ¿©·¯³ª¶óÀÇ ¼÷¼Ò¸¦ ¼Ò°³ÇÏ°í ¿¹¾àÇÏ´Â »çÀÌÆ®·Î, Èí»ç ÇØ´ç ¿©ÇàÁö¸¦ ¿©ÇàÇÏ´Â ´À³¦À» Å« À̹ÌÁö ¹è°æÀ¸·Î ´À³¢°Ô ÇØÁÝ´Ï´Ù.
 
 
 
µ¿¿µ»óÀ» ¹è°æÀ¸·Î »ç¿ëÇÏ´Â »çÀÌÆ®ÀÔ´Ï´Ù.
04  Parallax Scrolling
ÆÐ·² ·¢½º ½ºÅ©·Ñ¸µÀº Á¡Á¡ ´õ Àα⸦ ²ø°í ÀÖ´Â °Í °°½À´Ï´Ù. ÇØ¿Ü¿¡¼­ Àα⸦ ´©¸®´õ´Ï, ±¹³»¿¡ µµÀԵǸ鼭 À̺¥Æ®/»óǰ¼Ò°³ ÆäÀÌÁöµî¿¡ ¸¹ÀÌ È°¿ëµÇ°í ÀÖ½À´Ï´Ù.

ÆÐ·²·¢½º ½ºÅ©·Ñ¸µÀ» Àß È°¿ëÇÑ Æø½º¹Ù°Õ »çÀÌÆ®ÀÔ´Ï´Ù. ​±âÁ¸¿¡ º¸´ø ½ºÅ©·Ñ¸µ ±â¹ý°ú ¾à°£ »óÀÌÇÏÁö¸¸, ±×·¡¼­ ´õ ¸Å·ÂÀûÀÎ°Í °°½À´Ï´Ù.
05  Grid Layout(Card Design)
​±×¸®µå ·¹À̾ƿôÀº 2015³â¿¡µµ °è¼ÓµË´Ï´Ù. ÀÌ ·¹À̾ƿôÀº »ç¿ëÀÚ°¡ ½±°Ô Á¢±ÙÇÒ ¼ö ÀÖÀ¸¸ç Ç׸ñÀ» È®ÀÎÇÏ´Â µ¥µµ Æí¸®ÇÔÀ» ÁÝ´Ï´Ù. ÀÌ µðÀÚÀÎÀº »õ·Î¿î°ÍÀº ¾Æ´ÏÁö¸¸ ¹ÝÀÀÇü À¥µðÀÚÀÎÀÇ ÈǸ¢ÇÑ µµ±¸ÀÔ´Ï´Ù.
​​
±×¸®µåµðÀÚÀÎÀ¸·Î ±¸¼ºµÈ ¹ÝÀÀÇü À¥ÀÔ´Ï´Ù. ​¿Ö ±×¸®µåµðÀÚÀÎÀ» Ãß±¸ÇÏ´ÂÁö ¾Ë°Ô µÉ °Í ÀÔ´Ï´Ù.
06  Flat Design is Growing Up
 
¸î ÇØÀüºÎÅÍ °è¼Ó À¯ÁöµÇ°í ÀÖ´Â Ç÷§µðÀÚÀÎÀÇ °­¼¼´Â 2015³â¿¡µµ Áö¼ÓµÉ °Í °°½À´Ï´Ù. ​½ÉÇÃÇÔ°ú ¹Ì´Ï¸Ö¸®ÁòÀÇ Ãß¼¼°¡ Áö¼ÓµÇ´Â ÇÑ Ç÷§µðÀÚÀÎÀº Áö¼ÓµÉ ¿¹Á¤ÀÔ´Ï´Ù. ​Ç÷§µðÀÚÀÎÀº ¾÷°è¿¡¼­ ¸Å¿ì ½Ç¿ëÀûÀÌ°í ¸Å·ÂÀûÀ¸·Î º¸°í ÀÖ½À´Ï´Ù.
 
​À§ »çÀÌÆ®¿¡¼­ Ç÷§µðÀÚÀΰú ¸®¾ó¸®ÁòÀ» ¸íÈ®ÇÏ°Ô º¸¿©ÁÖ°í Àִµ¥¿ä. Á¤¸» Àç¹Ì³­ »çÀÌÆ®³×¿ä! ¾ÆÁ÷ Ç÷§µðÀÚÀο¡ °¨ÀÌ ¾È¿À½Å´Ù ÇÏ½Ã¸é ¹æ¹®ÇØº¸½Ã±æ!
 
 
2015³â À¥µðÀÚÀÎ Æ®·»µå Âü°í »çÀÌÆ®
 
Posted by kimdirector | 2015.01.12 | Hit : 2376
Origin http://blog.naver.com/PostView.nhn?blogId=backgroun&logNo=220223277049
Tags 2015³â À¥µðÀÚÀÎ Æ®·»µå
Trackback http://www.kimdirector.co.kr/bbs/zerotb.php?id=webdesign&no=425

COMMENT
¸ñ·Ïº¸±â ÀÌÀüº¸±â
WEBDESK
Design Review
Webdesign Report
Web Plan Report
Design Inspiration
Mobile Life
Web Standard
Recommend Site
Insight Story
Popular Contents
Category Cloud
About us Review Portfolio Design Review Leaders Story Mobile UXD IT Information Web Identity Everyday Story Mobile Life Webdesign
Web Standard Homepage Work Web Plan Report Practical Use Tip Inspiration Download Recommend Site
Tags
ºñ¿ë Àý°¨ µðÀÚÀÎ Æ®·»µå À¥Ç¥ÁØ Á¢±Ù¼º »ó»ç âÁ¶ »ç°í¹æ½Ä ¸®´º¾ó µðÀÚÀÎ °ü¸® ÀͽºÇ÷η¯ ¸¶ÀÌÅ©·Î¼ÒÇÁÆ® Button Design ºñÁî´Ï½º ½Ç¹ö¶óÀÌÆ® ÆÛ¼Ò³ª ¿¡¹ö³ëÆ® ¼ÅÅͽºÅå IT UI Draft ¸ÞÀÏÆû ¾ÆÀÌÄÜ ÀÎ¸Æ »ý»ê¼º ·Î°í CIP ¿ìºÐÅõ À¥ºê¶ó¿ìÀú À¥»çÀÌÆ® ºñ¿£³¯·¹ ½º¸¶Æ®¿öÅ© ³ªÀÌŰ Àλý Æ÷Åä±×·¡ÇÇ CheatSheet ÀÇ»ç°áÁ¤ Àè ¸¶