{"id":1084,"date":"2013-02-19T02:10:41","date_gmt":"2013-02-18T17:10:41","guid":{"rendered":"http:\/\/adreamer.godohosting.com\/?p=1084"},"modified":"2013-02-19T02:22:30","modified_gmt":"2013-02-18T17:22:30","slug":"skeuomorphism-vs-flat-design","status":"publish","type":"post","link":"http:\/\/milkdrops.net\/index.php\/archives\/1084","title":{"rendered":"Skeuomorphism vs. Flat design"},"content":{"rendered":"<p>\ud574\uc678 \ube14\ub85c\uace0\uc2a4\ud53c\uc5b4\uc5d0\uc11c\ub294 <strong>\uc2a4\ud050\uc5b4\ubaa8\ud53c\uc998(skeuomorphism)<\/strong>\uacfc <strong>flat design<\/strong>\uac04\uc758 \ub17c\uc7c1\uc774 \uac70\uc138\ub2e4.<\/p>\n<p>\uc2a4\ud050\uc5b4\ubaa8\ud53c\uc998\uc740 \uc774\uc81c \ub354 \uc774\uc0c1 \ud544\uc694\uac00 \uc5c6\uc9c0\ub9cc \uacfc\uac70\uc758 \ud2b9\uc9d5\uc744 \uac00\uc838\uc640 \ub098\ud0c0\ub0b4\uac70\ub098(\uc2a4\ub9c8\ud2b8\ud3f0 \uc0ac\uc9c4\uc744 \ucc0d\uc744 \ub54c \ud544\ub984 \uce74\uba54\ub77c\uc758 \uc154\ud130\uc74c\uc744 \ub4e4\ub824\uc90c) \ud604\uc2e4\uc758 \ubb3c\uac74\uc758 \ubaa8\uc2b5\uc744 \ubc18\uc601\ud558\ub294 \ub514\uc790\uc778(\uc2e4\uc81c \uacc4\uc0b0\uae30\uc758 \ubaa8\uc2b5\uc744 \ub534 \uacc4\uc0b0\uae30\uc571)\uc744 \ub098\ud0c0\ub0bc \ub54c \uc8fc\ub85c \uc4f0\ub294 \ub9d0\uc774\ub2e4.<\/p>\n<figure id=\"attachment_1085\" aria-describedby=\"caption-attachment-1085\" style=\"width: 169px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/i0.wp.com\/adreamer.godohosting.com\/wp-content\/uploads\/2013\/02\/20130219-002534.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1085 \" alt=\"iOS \uacc4\uc0b0\uae30\uc571\uc740 \uc2a4\ud050\uc5b4\ubaa8\ud53c\uc998\uc758 \ub300\ud45c\uc801\uc778 \uc608\" src=\"https:\/\/i0.wp.com\/adreamer.godohosting.com\/wp-content\/uploads\/2013\/02\/20130219-002534-169x300.jpg?resize=169%2C300\" width=\"169\" height=\"300\" srcset=\"https:\/\/i0.wp.com\/milkdrops.net\/wp-content\/uploads\/2013\/02\/20130219-002534.jpg?resize=169%2C300 169w, https:\/\/i0.wp.com\/milkdrops.net\/wp-content\/uploads\/2013\/02\/20130219-002534.jpg?w=577 577w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/><\/a><figcaption id=\"caption-attachment-1085\" class=\"wp-caption-text\">iOS \uacc4\uc0b0\uae30\uc571\uc740 \uc2a4\ud050\uc5b4\ubaa8\ud53c\uc998\uc758 \ub300\ud45c\uc801\uc778 \uc608<\/figcaption><\/figure>\n<p><strong>\uc544\uc774\ud3f0<\/strong>\uc774 \uc774\ub7f0 \uc2a4\ud050\uc5b4\ubaa8\ud53c\uc998\uc744 \ub300\uc911\ud654\ud558\uace0 \uc774\ub7f0 \ub17c\uc7c1\uc744 \ucd09\ubc1c\uc2dc\ud0a8 \ub300\ud45c\uc801\uc778 \uc81c\ud488\uc774\ub77c\uace0 \ud560 \uc218 \uc788\ub294\ub370 \uadf8 \uc774\uc804\uc5d0\ub294 <a href=\"http:\/\/www.thewanderlust.net\/blog\/2010\/03\/29\/user-interface-design-in-video-games\/\">\uac8c\uc784<\/a>\uc815\ub3c4\uc5d0\uc11c\ub098 \uc2a4\ud050\uc5b4\ubaa8\ud53c\uc998\uc744 \ubcfc \uc218 \uc788\uc5c8\ub2e4.<\/p>\n<p><a href=\"http:\/\/sachagreif.com\/flat-pixels\/\">Flat Pixels<\/a><\/p>\n<blockquote><p>Before the iPhone, realism in user interface was unusual, with the exception of video games. In order to preserve immersion, game designers had long began to craft their user interfaces out of wood, metal, and stone. Diablo 2 for example featured stone-wrought controls and glass energy meters supported by gothic statues.<\/p><\/blockquote>\n<p>\uc2a4\ud2f0\ube0c \uc7a1\uc2a4\ub294 \ub9ac\uc5bc\ub9ac\uc998\uc744 \ub9e4\uc6b0 \uc911\uc694\uc2dc\ud558\uc600\uace0 <a href=\"http:\/\/en.wikipedia.org\/wiki\/File:OS_X_Calendar.png\">iCal<\/a>\uc758 \uac00\uc8fd \ubb34\ub2ac\ub97c \uc2a4\ud2f0\ube0c \uc7a1\uc2a4\uc758 \uac1c\uc778 \uc81c\ud2b8\uae30\uc758 \uc758\uc790 \uac00\uc8fd \ubb34\ub2ac\uc5d0\uc11c \ub530\uc628 <a href=\"http:\/\/www.fastcodesign.com\/1670760\/will-apples-tacky-software-design-philosophy-cause-a-revolt\">\uc77c\ud654<\/a>\ub3c4 \uc788\ub2e4. \uac00\uc8fd \ud328\ud134\uc744 \uc0ac\uc6a9\ud55c \uc571\ub4e4\uc774\ub098 iBooks\uc758 \ucc45 \ub118\uae30\ub294 \ud6a8\uacfc \ub4f1 \ub2e4\ub978 OS\uc5d0\uc11c\ub294 \ubcfc \uc218 \uc5c6\ub294 \ud654\ub824\ud55c \uc2dc\uac01\uc801 \ud6a8\uacfc\uac00 \uac00\ub4dd\ud588\ub358 \uc544\uc774\ud3f0\uc740 \ucd9c\uc2dc \ub2f9\uc2dc\uc5d0\ub294 \ucda9\uaca9\uc801\uc774\uc5c8\uace0 \ub610 \ub9ac\uc5bc\ub9ac\uc998\uc740 \uc2a4\ub9c8\ud2b8\ud3f0\uc5d0 \uc775\uc219\ud558\uc9c0 \uc54a\uc558\ub358 \uc0ac\uc6a9\uc790\ub4e4\uc5d0\uac8c \uce5c\uadfc\uac10\uc744 \uc8fc\uace0 \uc27d\uac8c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \uc694\uc18c\ub85c \uc791\uc6a9\ud588\ub2e4.<\/p>\n<p>\uc77c\ubc18\uc801\uc778 OS\ub4e4\uc774\ub098 \uc6f9\uc5d0\uc11c\ub294 \ud654\uba74\ud06c\uae30\ub97c \ud2b9\uc815\ud560 \uc218 \uc5c6\uace0 \uc774\ubbf8\uc9c0 \ub9ac\uc18c\uc2a4\uac00 \ucee4\uc9c0\uba74 \ub85c\ub529 \uc2dc\uac04\uc774 \uae38\uc5b4\uc9c0\uae30 \ub54c\ubb38\uc5d0 \uc774\ub7f0 \ub514\uc790\uc778\uc774 \uac70\uc758 \ubd88\uac00\ub2a5\ud588\uc9c0\ub9cc, \uc544\uc774\ud3f0\uc740 \ud50c\ub7ab\ud3fc\ub3c4 \ud654\uba74 \ud06c\uae30\ub3c4 \ud558\ub098\ubfd0\uc774\uc5c8\uace0 \uc774\ubbf8\uc9c0 \uc6a9\ub7c9\uc5d0\ub3c4 \uc81c\ud55c\uc774 \uc801\uc5c8\uae30 \ub54c\ubb38\uc5d0 \uc774\ub7f0 \ub514\uc790\uc778\uc774 \uac00\ub2a5\ud588\ub358 \uac83\uc774\ub2e4. \uadf8\ub9ac\uace0 \uac8c\uc784\ub3c4 \ucf58\uc194 \uac19\uc774 \ube44\uc2b7\ud55c \ud658\uacbd\uc744 \uac00\uc84c\ub358 \ud0d3\uc5d0 \ud604\uc2e4\uc801\uc778 UI\ub97c \uc81c\uacf5\ud560 \uc218 \uc788\uc5c8\uc744 \uac83\uc774\ub2e4.<\/p>\n<p>\uadf8\ub7f0\ub370 \uc774\uc81c \uc774\ub7f0 \uc2a4\ud050\uc5b4\ubaa8\ud53c\uc998\uc740 \uac00\uc9dc \uac00\uc8fd\uacfc \ub098\ubb34 \ubb34\ub2ac UI\ub85c <strong>\uc2dd\uc0c1\ud558\uace0 \ucc9c\ubc15<\/strong>\ud574\ubcf4\uc774\ub294 \ub514\uc790\uc778\uc73c\ub85c \uc778\uc2dd\ub418\uc5b4\uc838 \uac00\uace0 \uc788\ub2e4.<\/p>\n<figure id=\"attachment_1089\" aria-describedby=\"caption-attachment-1089\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/i0.wp.com\/adreamer.godohosting.com\/wp-content\/uploads\/2013\/02\/findmyfriends_location.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1089\" alt=\"findmyfriends_location\" src=\"https:\/\/i0.wp.com\/adreamer.godohosting.com\/wp-content\/uploads\/2013\/02\/findmyfriends_location-300x221.jpg?resize=300%2C221\" width=\"300\" height=\"221\" srcset=\"https:\/\/i0.wp.com\/milkdrops.net\/wp-content\/uploads\/2013\/02\/findmyfriends_location.jpg?resize=300%2C221 300w, https:\/\/i0.wp.com\/milkdrops.net\/wp-content\/uploads\/2013\/02\/findmyfriends_location.jpg?w=935 935w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-1089\" class=\"wp-caption-text\">\uac00\uc8fd\ubb34\ub2ac\uc640 \uc2a4\ud2f0\uce58\ub97c \ubcf4\uc774\ub294 <a href=\"https:\/\/www.apple.com\/icloud\/features\/find-my-friends.html\">\uce5c\uad6c\ucc3e\uae30<\/a>\uc571\uc740 \ubd88\ud544\uc694\ud55c \uc2a4\ud050\uc5b4\ubaa8\ud53c\uc998\uc73c\ub85c \ube44\ud310\uc744 \ub9ce\uc774 \ubc1b\ub294\ub2e4.<\/figcaption><\/figure>\n<p>\uc2a4\ud050\uc5b4\ubaa8\ud53c\uc998\uc740 \uc2e4\uc81c \uc0ac\ubb3c\uc758 \ubaa8\uc2b5\uc740 \ube4c\ub824\uc654\uc9c0\ub9cc \ub3d9\uc791\uc740 \uadf8\ub807\uac8c \ud558\uc9c0 \uc54a\ub294 \uacbd\uc6b0 <a href=\"http:\/\/www.getfinch.com\/2010\/08\/avoiding_the_uncanny_valley_of_interface_design\/\">\ubb38\uc81c<\/a>\uac00 \ub420 \uc218 \uc788\ub2e4. \uc608\ub97c \ub4e4\uc5b4 \uc544\uc774\ud328\ub4dc\uc6a9 <a href=\"http:\/\/dun4nx4d6jyre.cloudfront.net\/flat-pixels\/images\/contacts.png\">\uc5f0\ub77d\ucc98\uc571<\/a>\uc740 \ucc45\uc758 \ubaa8\uc591\uc744 \ud558\uace0 \uc788\uc9c0\ub9cc \ucc45\uc7a5 \ub118\uae30\ub4ef \ub118\uae38 \uc218 \uc5c6\uace0 \uc2e4\uc81c\ub85c\ub294 \uc2a4\ud06c\ub864\uc744 \ud558\uac8c \ub418\uc5b4\uc788\ub2e4. \ub610 <strong>\uc2e4\uc81c \uc0ac\ubb3c\uc758 \uc81c\uc57d<\/strong>\ub3c4 \uac00\uc838\uc624\uac8c \ub418\ub294 \ubb38\uc81c\ub3c4 \uc788\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uacc4\uc0b0\uae30\uc571\uc740 \uc2e4\uc81c \uacc4\uc0b0\uae30\uc758 \ubaa8\uc2b5\uc744 \uac00\uc838\uc628 \ud0d3\uc5d0 \ubc84\ud2bc\uc758 \uc218\ub3c4 \uc81c\ud55c\uc801\uc774\uace0 \ud55c \uc904\ubc16\uc5d0 \ud45c\uc2dc\uac00 \ub418\uc9c0 \uc54a\ub294\ub2e4.<\/p>\n<p>\uadf8\ub9ac\uace0 \uc2a4\ud050\uc5b4\ubaa8\ud53c\uc998\uc758 \uc9c0\uc9c0\uc790\uc600\ub358 \uc2a4\ud2f0\ube0c \uc7a1\uc2a4\uc758 \uc0ac\ub9dd\uacfc\u00a0 iOS \uc18c\ud504\ud2b8\uc6e8\uc5b4\ub97c \ub2f4\ub2f9\ud588\ub358 \uc2a4\uce87 \ud3ec\uc2a4\ud0c8\ub3c4 \ub5a0\ub098\uac8c \ub418\uba74\uc11c \uc870\ub098\ub2e8 \uc544\uc774\ube0c\uc758 <a href=\"http:\/\/www.macrumors.com\/2012\/09\/11\/apples-designers-clashing-over-tacky-software-skeuomorphisms\/\">\ubbf8\ub2c8\uba40\ub9ac\uc998 \ub514\uc790\uc778\uc774 iOS\uc5d0 \ubc18\uc601<\/a>\ub420 \uac83\uc73c\ub85c \uc608\uc0c1\ub418\uace0 \uc788\ub2e4.<\/p>\n<p>\ud558\uc9c0\ub9cc \uc758\uc678\ub85c \uc0c8\ub85c\uc6b4 \ub514\uc790\uc778 \ud2b8\ub80c\ub4dc\ub294 Microsoft\uc5d0\uc11c \ub098\ud0c0\ub098\uac8c \ub41c\ub2e4.<\/p>\n<p>\ub9c8\uc774\ud06c\ub85c\uc18c\ud504\ud2b8\ub294 \uc0c8\ub85c\uc6b4 \uc708\ub3c4\uc6b08\uacfc \uc708\ub3c4\uc6b0\ud3f0\uc5d0\uc11c \ud50c\ub7ab\ud55c \uc0c9\uc0c9\uc758 \ub124\ubaa8\ub4e4\uacfc \ud070 \ud0c0\uc774\ud3ec\uadf8\ub798\ud53c\uac00 \ud2b9\uc9d5\uc778 <a href=\"http:\/\/en.wikipedia.org\/wiki\/Metro_%28design_language%29\">\uba54\ud2b8\ub85c \ub514\uc790\uc778<\/a>\uc744 \uc120\ubcf4\uc778\ub2e4. (\ud558\uc9c0\ub9cc Metro\ub77c\ub294 \uba85\uce6d\uc740 \ubc95\uc801\uc778 \ubb38\uc81c\ub85c \uc0ac\uc6a9\ud558\uc9c0 \ubabb\ud558\uac8c \ub428)<\/p>\n<figure style=\"width: 300px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/upload.wikimedia.org\/wikipedia\/en\/8\/8e\/Windows_8_Start_Screen.png\" width=\"300\" height=\"169\" \/><figcaption class=\"wp-caption-text\">\uc708\ub3c4\uc6b08\uc758 \uc2dc\uc791\ud654\uba74<\/figcaption><\/figure>\n<p>\uc774\ub7f0 flat design\uc740 \ubbf8\ub2c8\uba40\ub9ac\uc998\uc744 \uc0ac\ub791\ud558\ub294 \ub514\uc790\uc774\ub108\ub4e4\uc5d0\uac8c \uc601\ud5a5\uc744 \uc8fc\uc5c8\uace0 iOS \uc571\uc5d0\uc11c\ub3c4 \uc774\ub7f0 \ubbf8\ub2c8\uba40\ub9ac\uc998 \uc2a4\ud0c0\uc77c\uc744 \uad6c\uc0ac\ud55c <a href=\"http:\/\/www.realmacsoftware.com\/clear\/\">Clear<\/a>\ub098 <a href=\"https:\/\/itunes.apple.com\/us\/app\/letterpress-word-game\/id526619424?mt=8\">Letterpress<\/a>\uac19\uc740 \uc571\ub4e4\uc774 \ub728\uac8c \ub418\uba74\uc11c \uc774\ub7f0 \ub514\uc790\uc778\uc744 \ub9ce\uc740 \uc571\ub4e4\uc5d0\uc11c \uc120\ubcf4\uc774\ub294 \ucd94\uc138\uc774\ub2e4.<\/p>\n<div id='gallery-1' class='gallery galleryid-1084 gallery-columns-3 gallery-size-thumbnail'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='http:\/\/milkdrops.net\/index.php\/archives\/1084\/mzl-qpkjwekq-320x480-75'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/i0.wp.com\/milkdrops.net\/wp-content\/uploads\/2013\/02\/mzl.qpkjwekq.320x480-75.jpg?resize=150%2C150\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-1092\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-1092'>\n\t\t\t\tLetterpress\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='http:\/\/milkdrops.net\/index.php\/archives\/1084\/ss_iphone'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/i0.wp.com\/milkdrops.net\/wp-content\/uploads\/2013\/02\/ss_iphone.png?resize=150%2C150\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-1091\" srcset=\"https:\/\/i0.wp.com\/milkdrops.net\/wp-content\/uploads\/2013\/02\/ss_iphone.png?resize=150%2C150 150w, https:\/\/i0.wp.com\/milkdrops.net\/wp-content\/uploads\/2013\/02\/ss_iphone.png?zoom=2&amp;resize=150%2C150 300w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-1091'>\n\t\t\t\tClear\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='http:\/\/milkdrops.net\/index.php\/archives\/1084\/rise-320x480-75'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/i0.wp.com\/milkdrops.net\/wp-content\/uploads\/2013\/02\/rise.320x480-75.jpg?resize=150%2C150\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-1094\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-1094'>\n\t\t\t\tRise\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p>\ud558\uc9c0\ub9cc \uba54\ud2b8\ub85c \ub514\uc790\uc778\ubfd0\ub9cc \uc544\ub2c8\ub77c \uc560\ud50c\uc758 \uace0\ud574\uc0c1\ub3c4 \ub808\ud2f0\ub098 \ud654\uba74\uc774 \ubbf8\uce5c \uc601\ud5a5\ub3c4 \ud06c\ub2e4. \ub808\ud2f0\ub098 \ud654\uba74\uc758 \ub4f1\uc7a5\uc73c\ub85c \ucef4\ud4e8\ud130 \ub514\uc2a4\ud50c\ub808\uc774\uac00 \ud504\ub9b0\ud2b8\ub41c \ucd9c\ub825\ubb3c\uc758 \ud488\uc9c8\uc5d0 \uac00\uae4c\uc6cc\uc84c\uace0 \uc774\uac83\uc740 \ud0c0\uc774\ud3ec\uadf8\ub798\ud53c\uc758 \uc601\ud5a5\ub825\uc774 \ucee4\uc9c0\ub3c4\ub85d \ud588\ub2e4. \uace0\ud574\uc0c1\ub3c4 \ub514\uc2a4\ud50c\ub808\uc774\uc5d0 \uba4b\uc9c4 \ud0c0\uc774\ud3ec\uadf8\ub798\ud53c\uac00 \uacc1\ub4e4\uc5b4\uc9c0\uba74 \ub9ce\uc740 \uc791\uc5c5\uc744 \ud558\uc9c0 \uc54a\uc544\ub3c4 \uc544\ub984\ub2e4\uc6b4 \uacb0\uacfc\ubb3c\uc774 \ub9cc\ub4e4\uc5b4\uc9c0\ub294 \uac83\uc774\ub2e4.<\/p>\n<p><a href=\"http:\/\/daringfireball.net\/2013\/01\/the_trend_against_skeuomorphism\">The Trend Against Skeuomorphic Textures and Effects in User Interface Design<\/a><\/p>\n<blockquote><p>The trend away from skeuomorphic special effects in UI design is the beginning of the retina-resolution design era.<\/p><\/blockquote>\n<p>\ub610 \ubaa8\ubc14\uc77c\uc5d0\uc11c\uc758 \ubc18\uc751\ud615 \uc6f9\uc5d0\uc11c\ub3c4 flat design\uc774 \uc560\uc6a9\ub418\uac8c \ub418\uc5c8\ub2e4. \ub2e4\uc591\ud55c \uc7a5\uce58\uc5d0 \ub9de\uac8c \ubcc0\ud654\ud558\ub824\uba74 \uace0\uc815\uc0ac\uc774\uc988 \uc774\ubbf8\uc9c0\ubcf4\ub2e4\ub294 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c CSS\ub85c \ub80c\ub354\ub9c1\ub418\ub3c4\ub85d \ud558\ub294 \uac83\uc774 \ud6a8\uc728\uc801\uc774\uae30 \ub54c\ubb38\uc774\ub2e4.<\/p>\n<p>\uc774\ub7f0 \ub2e4\uc591\ud55c \uc774\uc720\ub4e4\uc774 \ud569\uccd0\uc9c0\uba74\uc11c \ub514\uc790\uc774\ub108\ub4e4\uc774 \ubb34\uac70\uc6b4 \ud14d\uc2a4\uccd0\ub97c \uc0ac\uc6a9\ud55c \ub9ac\uc5bc\ub9ac\uc998\uc5d0\uc11c \uc720\uc5f0\uc131\uc788\uace0 \uac00\ubcbc\uc6b4 flat \uc2a4\ud0c0\uc77c\ub85c \uc62e\uaca8\uac00\uac8c \ub418\uc5c8\ub2e4.<\/p>\n<p>\ud558\uc9c0\ub9cc flat \ub514\uc790\uc778\ub3c4 \ub2e8\uc810\uc774 \uc788\ub294\ub370 \ubbf8\ub2c8\uba40\ub9ac\uc998\uc744 \ub108\ubb34 \ucd94\uad6c\ud558\uac8c \ub418\uba74 \uc0ac\uc6a9\uc131\uc5d0 \uc545\uc601\ud5a5\uc744 \ub07c\uce58\uac8c \ub418\ub294 \uac83\uc774\ub2e4.<\/p>\n<p>\uc608\ub97c \ub4e4\uc5b4 \uc0ac\uc6a9\uc790\ub294 \uadf8\ub77c\ub370\uc774\uc158\uc774\ub098 \uadf8\ub9bc\uc790\uac19\uc740 \uc2e4\ub9c8\ub9ac\ub85c \ubc84\ud2bc\uc744 \uc778\uc2dd\ud558\uac8c \ub418\ub294\ub370 \uc774\ub7f0 \uc2e4\ub9c8\ub9ac\ub4e4\uc744 \uc5c6\uc560\uace0 \ub124\ubaa8 \uc0c1\uc790\ub9cc \ub450\uac8c \ub418\uba74 \uc774\uac83\uc774 \ubc84\ud2bc\uc778\uc9c0 \ubc30\ub108\uc778\uc9c0 \ud5f7\uac08\ub9ac\uac8c \ub41c\ub2e4. \ub610 \ubbf8\ub2c8\uba40\ub9ac\uc998\uc744 \ucd94\uad6c\ud55c \uc704\uc758 Clear \uac19\uc740 \uc571\ub4e4\uc740 \uc81c\uc2a4\uccd0\uc5d0 \ud06c\uac8c \uc758\uc874\ud558\uac8c \ub418\ub294\ub370 \uc81c\uc2a4\uccd0\uac00 \uc5b4\ub5a4 \ud589\ub3d9\uc744 \ud558\uac8c \ub420 \uac83\uc778\uc9c0 \uc678\uc6cc\uc57c\ud558\uace0 \uc775\uc219\ud574\uc838\uc57c\ud558\ub294 \ubb38\uc81c\ub3c4 \uc788\ub2e4. (\uc81c\uc2a4\uccd0\uc640 \uc77c\uc5b4\ub098\ub294 \uc561\uc158\uc774 \ud06c\uac8c \uc0c1\uad00\uad00\uacc4\ub294 \uc5c6\uae30 \ub54c\ubb38\uc774\ub2e4.)<\/p>\n<p>\ub514\uc790\uc774\ub108\ub4e4\uc774 \ubbf8\ub2c8\uba40\ub9ac\uc998\uc758 \ubbf8\uc801\uc778 \ucda9\uc871\ubcf4\ub2e4\ub294 \uc0ac\uc6a9\uc790\ub97c \uc6b0\uc120\uc2dc\ud574\uc57c\ud558\ub294\ub370 \uc774 \ub610\ud55c \uc27d\uc9c0 \uc54a\uc740 \ubb38\uc81c\uc774\ub2e4.<\/p>\n<blockquote><p>As designers, will we be able to resist the appeal of minimalism and keep in mind that the needs of users should always come before our aesthetic pursuits? If the way we handled the previous realism trend is any indication, users might be in for a rough ride\u2026<\/p><\/blockquote>\n<p>\uad6c\uae00\uc740 \uc0ac\uc6a9\uc131\uc744 \ud574\uce58\uc9c0 \uc54a\ub294 \uc120\uc5d0\uc11c \ud6a8\uc728\uc131\uacfc \uc2ec\ud50c\ud568\uc744 \ucd94\uad6c\ud558\ub294 \ub514\uc790\uc778(<a href=\"http:\/\/www.matthewmooredesign.com\/almost-flat-design\/\">Almost Flat Design<\/a>\uc774\ub77c\uace0 \ubd80\ub974\uae30\ub3c4 \ud55c\ub2e4)\uc744 \uc694\uc998 \uc120\ubcf4\uc774\uace0 \uc788\ub2e4.<\/p>\n<figure id=\"attachment_1095\" aria-describedby=\"caption-attachment-1095\" style=\"width: 175px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/i0.wp.com\/adreamer.godohosting.com\/wp-content\/uploads\/2013\/02\/gmap.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1095\" alt=\"Google Maps\" src=\"https:\/\/i0.wp.com\/adreamer.godohosting.com\/wp-content\/uploads\/2013\/02\/gmap-175x300.jpg?resize=175%2C300\" width=\"175\" height=\"300\" srcset=\"https:\/\/i0.wp.com\/milkdrops.net\/wp-content\/uploads\/2013\/02\/gmap.jpg?resize=175%2C300 175w, https:\/\/i0.wp.com\/milkdrops.net\/wp-content\/uploads\/2013\/02\/gmap.jpg?w=280 280w\" sizes=\"auto, (max-width: 175px) 100vw, 175px\" \/><\/a><figcaption id=\"caption-attachment-1095\" class=\"wp-caption-text\">Google Maps<\/figcaption><\/figure>\n<p>\ub0a1\uace0 \uc2dc\ub300\uc5d0 \ub4a4\uccd0\uc838\uc9c4 \uc2a4\ud050\uc5b4\ubaa8\ud53c\uc998, \ud604\ub300\uc801\uc774\uace0 \uc138\ub828\ub41c flat \ub514\uc790\uc778, \uadf8\ub7f0 \uc5ec\ub860\uc774 \ud615\uc131\ub418\ub294 \ucd94\uc138\uc774\uc9c0\ub9cc \uc0ac\uc2e4 \uc815\uc758\ub098 \ub300\uc0c1\ub3c4 \ubd88\uba85\ud655\ud55c \uc0c1\ud0dc\uc5d0\uc11c <a href=\"http:\/\/mantia.me\/blog\/skeuomorphism\/\">\uc798\ubabb \uc774\ud574\ub418\uc5b4\uc9c0\ub294 \ubd80\ubd84<\/a>\ub4e4\ub3c4 \uc788\ub2e4. \uc0ac\uc6a9\uc790\ub97c \uc704\ud55c \ub514\uc790\uc778\uc744 \uc81c\uacf5\ud558\ub294 \uac83\uc774 \uac00\uc7a5 \uc911\uc694\ud560 \uac83\uc774\ub2e4.<\/p>\n<p><a href=\"http:\/\/blog.wells.ee\/less-aesthetic-more-design\">Less Aesthetic, More Design<\/a><\/p>\n<blockquote><p>\u201cIs my design useful?\u201d<\/p>\n<p>Think first about the problem you&#8217;ve set out to solve. Think about implementation. Think about utility. \u201cEasy to use\u201d and \u201cbeautiful\u201d are awesome goals, but ultimately mean nothing if a product isn&#8217;t <em>useful<\/em> to begin with.<\/p><\/blockquote>\n<p>&#8216;\uc774\uac83\uc740 \uc720\uc6a9\ud55c \ub514\uc790\uc778\uc778\uac00?&#8217; \ubbf8\uc801\uc778 \uac83 \ubfd0\ub9cc \uc544\ub2c8\ub77c \ub098\uba38\uc9c0 <a href=\"https:\/\/www.vitsoe.com\/us\/about\/good-design\">\uc88b\uc740 \ub514\uc790\uc778\uc758 \uc6d0\uce59<\/a>\uc744 \uc78a\uc9c0 \ub9d0\uc790.<\/p>\n<p><object width=\"82\" height=\"21\" classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\" bgcolor=\"#ffffff\"><param name=\"src\" value=\"http:\/\/api.v.daum.net\/static\/recombox4.swf?nid=40500005\" \/><param name=\"quality\" value=\"high\" \/><\/object><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud574\uc678 \ube14\ub85c\uace0\uc2a4\ud53c\uc5b4\uc5d0\uc11c\ub294 \uc2a4\ud050\uc5b4\ubaa8\ud53c\uc998(skeuomorphism)\uacfc flat design\uac04\uc758 \ub17c\uc7c1\uc774 \uac70\uc138\ub2e4. \uc2a4\ud050\uc5b4\ubaa8\ud53c\uc998\uc740 \uc774\uc81c \ub354 \uc774\uc0c1 \ud544\uc694\uac00 \uc5c6\uc9c0\ub9cc \uacfc\uac70\uc758 \ud2b9\uc9d5\uc744 \uac00\uc838\uc640 \ub098\ud0c0\ub0b4\uac70\ub098(\uc2a4\ub9c8\ud2b8\ud3f0 \uc0ac\uc9c4\uc744 \ucc0d\uc744 \ub54c \ud544\ub984 \uce74\uba54\ub77c\uc758 \uc154\ud130\uc74c\uc744 \ub4e4\ub824\uc90c) \ud604\uc2e4\uc758 \ubb3c\uac74\uc758 \ubaa8\uc2b5\uc744 \ubc18\uc601\ud558\ub294 \ub514\uc790\uc778(\uc2e4\uc81c \uacc4\uc0b0\uae30\uc758 \ubaa8\uc2b5\uc744 \ub534 \uacc4\uc0b0\uae30\uc571)\uc744 \ub098\ud0c0\ub0bc \ub54c \uc8fc\ub85c \uc4f0\ub294 \ub9d0\uc774\ub2e4. \uc544\uc774\ud3f0\uc774 \uc774\ub7f0 \uc2a4\ud050\uc5b4\ubaa8\ud53c\uc998\uc744 \ub300\uc911\ud654\ud558\uace0 \uc774\ub7f0 \ub17c\uc7c1\uc744 \ucd09\ubc1c\uc2dc\ud0a8 \ub300\ud45c\uc801\uc778 \uc81c\ud488\uc774\ub77c\uace0 \ud560 \uc218 \uc788\ub294\ub370 \uadf8 \uc774\uc804\uc5d0\ub294 \uac8c\uc784\uc815\ub3c4\uc5d0\uc11c\ub098 \uc2a4\ud050\uc5b4\ubaa8\ud53c\uc998\uc744 \ubcfc &hellip; <a href=\"http:\/\/milkdrops.net\/index.php\/archives\/1084\" class=\"more-link\"><span class=\"screen-reader-text\">Skeuomorphism vs. Flat design<\/span> \ub354\ubcf4\uae30 <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":1091,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[13],"tags":[197,196,199,198],"class_list":["post-1084","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-it","tag-flat-design","tag-skeuomorphism","tag-199","tag-198"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/milkdrops.net\/wp-content\/uploads\/2013\/02\/ss_iphone.png?fit=354%2C723","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/milkdrops.net\/index.php\/wp-json\/wp\/v2\/posts\/1084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/milkdrops.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/milkdrops.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/milkdrops.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/milkdrops.net\/index.php\/wp-json\/wp\/v2\/comments?post=1084"}],"version-history":[{"count":8,"href":"http:\/\/milkdrops.net\/index.php\/wp-json\/wp\/v2\/posts\/1084\/revisions"}],"predecessor-version":[{"id":1097,"href":"http:\/\/milkdrops.net\/index.php\/wp-json\/wp\/v2\/posts\/1084\/revisions\/1097"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/milkdrops.net\/index.php\/wp-json\/wp\/v2\/media\/1091"}],"wp:attachment":[{"href":"http:\/\/milkdrops.net\/index.php\/wp-json\/wp\/v2\/media?parent=1084"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/milkdrops.net\/index.php\/wp-json\/wp\/v2\/categories?post=1084"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/milkdrops.net\/index.php\/wp-json\/wp\/v2\/tags?post=1084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}