À¥À» ÅëÇØ »õ·Î¿î âÁ¶¸¦ ²Þ²Ù´Â Àΰ£ - kimdirector
kimdirector is Creative Web & Mobile UI/UX Planner and Designer
WEBDESK
Inspiration
HOME ¡µ WEBDESK ¡µ Inspiration
´Ù¾çÇÑ ÇüÅÂÀÇ ¸ð¼ÇÀ» ÀÌ¿ëÇÑ µðÀÚÀÎ »ç·Ê
Posted by kimdirector | 2015.03.20 | Hit : 14606
¸ð¼Ç ¾Ö´Ï¸ÞÀÌ¼Ç ¸ð¹ÙÀÏ GIF
¸ñ·Ïº¸±âÀÌÀüº¸±â
½º¸¶Æ®ÆùÀ» »ç¿ëÇϸ鼭 °¡²û ´À³¢´Â °Íµé Áß¿¡¼­ Àç¹ÌÀÖ´Â È¿°ú ¶Ç´Â ½Å±âÇÑ È¿°úµéÀ» º¼ ¶§¸é ³ªµµ ¸ð¸£°Ô °¨Åº»ç¸¦ ¿¬¹ßÇÒ ¶§°¡ ÀÖ´Ù. ÀÌ·± ´À³¦À» °¡Áú ¼ö ÀÖ´Â °ÍÀº ÀÌ ºÐ¾ß¿¡¼­ ÀÏÀ» Çϰí Àֱ⠶§¹®ÀÏ °ÍÀ̶ó »ý°¢ÇÑ´Ù.
 
ÀÏ¹Ý »ç¿ëÀڵ鿡°Ô´Â ´Ù¾çÇÑ »ç¿ëÀÚ °æÇè(UX)À» Á¦°øÇÏ¿© º¸´Ù ½±°Ô ÀÎÁöÇÒ ¼ö ÀÖ°í, Àç¹ÌÀÖ´Â ¿ä¼Ò¿Í Èï¹Ì¸¦ À¯¹ßÇÒ ¼ö ÀÖ´Ù¸é ÁÁÀ» °Í ÀÔ´Ï´Ù. 
 
¸ð¹ÙÀÏ È¯°æ¿¡¼­ ¸ð¼Ç ¶Ç´Â ¾Ö´Ï¸ÞÀ̼ÇÀ» Ȱ¿ëÇÏ¿© ±¸ÇöµÈ ´Ù¾çÇÑ ¾ÛµéÀ» ¼Ò°³ÇÑ´Ù.
 
¹°·Ð, ½ÇÁ¦·Î ±¸ÇöµÇÁö ¾ÊÀº °Íµéµµ ÀÖÁö¸¸, ÃæºÐÇÑ °¡´É¼ºÀ» °¡Áö°í ÀÖ´Â °ÍµéÀÏ °ÍÀÌ´Ù. ¶ÇÇÑ, ¾Èµå·ÎÀÌµå µðÀÚÀÎ ÄÁ¼ÁÀÎ ¸ÓÆ®¸®¾ó µðÀÚÀÎÀ» Ȱ¿ëÇÑ ±¸Çö¹æ½Äµµ ´«¿©°Ü º¼¸¸ÇÑ °Íµéµµ ÀÖ´Ù.
 
´Ù¸¸, ¸ð¼ÇÀ̳ª ¾Ö´Ï¸ÞÀ̼ÇÀÌ ¸¹ÀÌ µé¾î°¥¼ö·Ï º£Å͸® ¼Ò¸ð·®ÀÌ Ä¿Áú ¼ö¹Û¿¡ ¾øÀ» °Íµµ Çö½ÇÀÌÁö¸¸ Çѵΰ¡Áö Á¤µµ¿¡¼­ Ȱ¿ëµÈ´Ù¸é Á¶±ÝÀº ³ªÀº ¸ð¹ÙÀÏ È¯°æÀ» ¸¸µé ¼ö ÀÖÁö ¾ÊÀ»±î »ý°¢ÇÑ´Ù.
 
¼Ò°³Çϰí ÀÖ´Â GIF ¾Ö´Ï¸ÞÀ̼ÇÀ¸·Î ¸¸µé¾îÁø °ÍµéÀ̱⿡ µðÀÚÀÎÀ̳ª °³¹ßÇÒ ¶§ À¯¿ëÇÑ Âü°íÀÚ·á°¡ µÉ ¼ö ÀÖÀ» °ÍÀÌ´Ù.
 
 
Material Design Menu animations by Virgil Pana
 
 
Sidebar Animation by Jacub Antalik
 
 
Binary Game
 
 
Seconds+
 
 
Delivery Card
 
 
News App
 
 
DodgeIt - The Color Balls Game
 
 
Map interaction by Rally Interactive
 
 
Day/Night Toggle Button by Tsuriel
 
 
Share Results
 
 
Circle Game Menu
 
 
Game Loading Intro
 
 
Large Screen Navigation
 
 
Comic App Design
 
 
Power Chart by Kingyo
 
 
Onboarding for Müzo
 
 
Dashboard
 
 
Survey Platform Graph Design
 
 
Share Animation
 
 
Animated Infographic
 
 
Flat Label Form Interaction
 
 
Pull Down To Refresh
 
 
Energy Predictions
 
 
Contacts Screen
 
 
iOS Card Animation
 
 
Profile Cards iOS App
 
 
Onboarding Animation
 
 
Search Animation
 
 
Animated Check-in Button
 
 
Search Animation
 
 
Animated Tab Bar Icons
 
 
Sign Up Transition
 
 
Chat iPhone App Design
 
 
Chat Screen by Ramotion
 
 
Contact Sync by Ramotion
 
 
Progressive Reduction Swift module by Ramotion.
 
 
Profile Gallery Design
 
 
Balance Graph
 
 
Google Material Design
 
Small Universe Android Wear app design
 
 
City Guides for iPad
 
 
Delayed / On Time
 
Posted by kimdirector | 2015.03.20 | Hit : 14606
Tags ¸ð¼Ç ¾Ö´Ï¸ÞÀÌ¼Ç ¸ð¹ÙÀÏ GIF
Trackback http://www.kimdirector.co.kr/bbs/zerotb.php?id=DesignInspiration&no=71

COMMENT
¸ñ·Ïº¸±âÀÌÀüº¸±â

¸ð¹ÙÀÏ UI µðÀÚÀÎ ¾Ö´Ï¸ÞÀÌ¼Ç 3°¡Áö ¿øÄ¢
¾Æ·¡ ³»¿ëÀº "3 Key Uses for Animation in Mobile UI Design"ÀÇ ³»¿ëÀ» ¹ø¿ªÇÑ ³»¿ëÀÔ´Ï´Ù. ÀÇ¿ªÀÌ ÀÖÀ» ¼ö ÀÖÀ¸...
NO:63 2020.05.25 689 
[ÀÎÆ÷±×·¡ÇÈ »çÀÌÆ® Ãßõ] 50¸¸ ÀåÀÌ ³Ñ´Â ¼Å...
Creative Template with apple banner / can be used for infographics / banners / concept vecto...
NO:62 2015.11.27 6594 (1)
2015 ·Î°í µðÀÚÀÎ Æ®·»µå Top10
Design Bolts—New trends of Logo design for 2015À» ¹ø¿ª ¹× À籸¼ºÇÑ Æ÷½ºÆ®¸¦ ¼Ò°³ÇÕ´Ï´Ù. ¿©·¯ºÐÀÇ ·Î°í µðÀÚ...
NO:61 2015.04.28 9452 
30 Dark iPhone App UI Designs
¸ð¹ÙÀÏ UI µðÀÚÀÎÀº ÇöÀç °£´ÜÇÑ ¹öưÀ̳ª ¶óÀÎ ¾ÆÀÌÄÜ ÆíÆòÇÑ ¿ä¼Ò¿¡ ÃÊÁ¡À» ¸ÂÃß°í ÀÖ½À´Ï´Ù. ±¦ÂúÀº ¾îÇø®ÄÉÀ̼ÇÀÌ ¸¹ÀÌ ÀÖÁö¸¸, UIÀÇ ¿µ°¨À» À§ÇÑ ÃÖ...
NO:60 2015.04.17 5803 
±â¹ßÇϰí âÀÇÀûÀÎ ·Î°í µðÀÚÀÎ 15¼±-ÇÏÀÌÄÁ¼Á,...
±â¹ßÇϰí âÀÇÀûÀÎ ¼¼°èÀÇ ·Î°í µðÀÚÀÎ 15¼±   °¡Àå ´Ü¼ø ½ÉÇà ÇÏÁö¸¸ ¸¹Àº °ÍÀ» ´ã°í ÀÖ¾î¾ß ÇÒ ·Î°í µðÀÚÀÎ ±×·¯ÇÑ ÀÌÀ¯·Î ·Î°í µð...
NO:59 2015.04.10 2962 
´Ù¾çÇÑ ÇüÅÂÀÇ ¸ð¼ÇÀ» ÀÌ¿ëÇÑ µðÀÚÀÎ »ç·Ê
½º¸¶Æ®ÆùÀ» »ç¿ëÇϸ鼭 °¡²û ´À³¢´Â °Íµé Áß¿¡¼­ Àç¹ÌÀÖ´Â È¿°ú ¶Ç´Â ½Å±âÇÑ È¿°úµéÀ» º¼ ¶§¸é ³ªµµ ¸ð¸£°Ô °¨Åº»ç¸¦ ¿¬¹ßÇÒ ¶§°¡ ÀÖ´Ù. ÀÌ·± ´À³¦À» °¡Áú ...
NO: 2015.03.20 14606 
The 2014 Logo Trend Report
2014³â ¿Ã ÇÑ ÇØµ¿¾È ÀÖ¾ú´ø ´Ù¾çÇÑ ½ºÅ丮µéÀÌ ¿¬¸»¿¡ ¸¹ÀÌ ¼Ú¾ÆÁ® ³ª¿À°í ÀÖ½À´Ï´Ù. IT°èµµ Å©°Ô ´Ù¸£Áö ¾Ê¾Ò½À´Ï´Ù.    2014³â¿¡ ±â...
NO:57 2014.12.26 6262 
È¿°úÀûÀÎ ±â´É¼ºÀ» °®Ãá UI, UX µðÀÚÀÎ »ç·Ê
À¥ ±â¹Ý ÀÀ¿ë ÇÁ·Î±×·¥°ú ¸ð¹ÙÀÏ ¾ÛÀ» µðÀÚÀÎ ÇÒ ¶§, Á¦ÀÏ ¸ÕÀú °í·ÁÇØ¾ß ÇÒ »çÇ×Àº ¾î¶² °ÍµéÀÌ ÀÖÀ»±î¿ä?   ´Ü¼øÈ÷ µðÀÚÀθ¸ °­Á¶ÇÒ °ÍÀÎÁö...
NO:56 2014.12.18 10504 
40 Effective Responsive Naviga...
¾Æ·¡ ¼Ò°³Çϰí ÀÖ´Â »çÀÌÆ®µéÀº ±âº»À¸·Î ¹ÝÀÀÇü À¥ ÇüÅ·ΠµÇ¾î ÀÖ½À´Ï´Ù. PC ¹öÀüÀÎ °æ¿ì¿¡´Â »ó°ü¾øÀÌ ¼­ÇÎÀÌ °¡´ÉÇϰÚÁö¸¸, ¸ð¹ÙÀÏ ¹öÀü¿¡¼­ÀÇ ...
NO:55 2014.12.13 2163 
25 UI design inspiration
¾Æ·¡ ¼Ò°³Çϰí ÀÖ´Â ´ëºÎºÐÀÇ UI µðÀÚÀÎÀº ¾ÖÇø®ÄÉÀÌ¼Ç ¶Ç´Â ¸ð¹ÙÀÏ ¾ÛÀ̳ª À¥ ÆäÀÌÁö¿¡¼­ Ȱ¿ë °¡´ÉÇÑ UI ¿ä¼Òµé ÀÔ´Ï´Ù. °¢Á¾ ¸Þ´º ¾ÆÀÌÄÜ ºÎÅÍ ½½...
NO:54 2014.11.26 2968 
26 Parallax Scrolling Design I...
¿äÁò ºÎ½ Parallax Scrolling¿¡ ´ëÇÑ Æ÷½ºÆÃÀÌ ¸¹Àº °Í °°½À´Ï´Ù. ÇöÀç ¸¹ÀÌ À̽´È­µÇ°í ÀÖ´Â Æ®·»µåÀ̱⵵ ÇÏÁö¸¸ ±×¸¸Å­ °ü½ÉÀ» ¸¹ÀÌ ...
NO:53 2014.11.11 2754 
jQuery ¶óÀ̺귯¸® ±â¹Ý ¹«·á ¿ÀÇ ¼Ò½º Ç÷¯...
¼Ò°³Çϰí ÀÖ´Â Ç÷¯±×ÀÎÀº ÁÖ·Î jQuery ¶óÀ̺귯¸®¸¦ ±â¹ÝÀ¸·Î ¹«·á ¿ÀÇ ¼Ò½ºµéÀÔ´Ï´Ù.  ¿øÇÏ´Â È¿°ú¸¦ ÀçÇöÇϱâ À§ÇØ °£´ÜÇÑ JavaScript ...
NO:52 2014.11.03 4302 
Elements of a Brilliant jQuery...
À¥»çÀÌÆ® Á¦ÀÛ½Ã, Ȱ¿ëµµ°¡ °¡Àå ³ôÀº image slider ¿¡ ´ëÇÑ ÁÁÀº ¸®¼Ò½º ÆÄÀϵéÀ» ¼Ò°³ÇÕ´Ï´Ù. ±× ÀÌÀ¯´Â ¿©·¯°¡Áö°¡ ÀÖ°ÚÁö¸¶ ±× Áß¿¡¼­ ÄÁ...
NO:51 2014.10.31 8144 
Interesting Examples of HTML5 ...
À¥µðÀÚÀ̳ʵ鿡°Ô Áß¿äÇÑ °Ç Æ÷Æ®Æú¸®¿ÀÀÔ´Ï´Ù. ÀÚ½ÅÀÌ ÀÛ¾÷ÇÑ °á°ú¹°À» Á¤¸®Çϱâ À§ÇÑ ¼ö´ÜÀ¸·Î Æ÷Æ®Æú¸®¿À¸¦ °ü¸®Çϱ⵵ ÇÏÁö¸¸ ³»°¡ Á¦ÀÛÇÑ ÀÛ¾÷¹°µé...
NO:50 2014.10.24 2183 
¸ð¹ÙÀÏ ¾Û µðÀÚÀο¡ ÃÖÀûÈ­µÈ UI ±¸Çö »ç·Êµé
¸ð¹ÙÀÏ ÀÎÅÍÆäÀ̽º µðÀÚÀ̳ʵéÀº ¸ð¹ÙÀÏ¿¡ ÃÖÀûÈ­ µÈ »çÀÌÆ®´Â »çÀÌÆ® °³¹ßÀÚÀÇ ºÎ´ãÀ» °¡º±°Ô ÇÒ ¼ö ÀÖÁö¸¸, ÀϺΰ¡ ¾Æ´Ñ Àüü ±â´ÉÀÇ ¾ÛÀ» ±¸ÃàÇÏ°í °³¹ßÇÏ...
NO:49 2014.10.16 10869 

 1 2345
WEBDESK
Webdesign Report
Web Plan Report
Inspiration
Web Development
Recommend Site
Insight Story
Popular Contents
Category Cloud
About us   Review Portfolio Design Review Leaders Story Mobile Work IT Information Web Identity Work Everyday Mobile Life Webdesign Web Development Homepage Work Web Plan Report Practical Use Tip Inspiration Download Recommend Site  ETC. Work  Artwork  Typography Work
Tags
±Û·Î¹ú ¹ÝÀÀÇü »ýŰè Draft µðÀÚÀÎ ¸Æ ¾Û À¯ÀúÀÎÅÍÆäÀ̽º µðÀÚÀÎ ¸ð¹ÙÀÏ »ý»ê¼º ȨÆäÀÌÁö User Experience ºòµ¥ÀÌÅÍ ±â¾÷ ¸ð¹ÙÀÏ ÇÏÀÌÅÍÄ¡ À̹ÌÁö Á¢±Ù¼º ½Ç¼ö HTML5 µðÀÚÀÌ³Ê ·Î°í ¾÷¹« ·Î°íµðÀÚÀÎ ¸ð¹ÙÀÏ ¾Û ŸÀÌÆ÷±×·¡ÇÇ ¸®´õ È­»ìÇ¥ °³¹ß ÀÎÆ÷±×·¡ÇÈ SNS PMO ¿­Á¤ ÆùÆ® °ÔƼÀ̹ÌÁöÄÚ¸®¾Æ ½ºÆ÷Ä« ±¸±ÛÅ©·Ò iOS7 ÆäÀ̽ººÏ
Recommend Tags
µðÀÚÀÎ ¾ÅÅ· ÆÛ½º³Î ºê·£µå »ç¿ëÀÚ °æÇè ¼­ºñ½º µðÀÚÀÎ