运用扁平化设计(flat design)的网页设计欣赏.doc

《运用扁平化设计(flat design)的网页设计欣赏.doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、运用扁平化设计(flatdesign)的网页设计欣赏作者：佚名來源：设计之家时间：2013-03-27标签：网页设计扁平化设计“扁平化设计(flatdesign)»一词所指的是抛弃那些己经流行多年的渐变、阴影、高光等拟真视觉效果，从而打造出一种看上去更“平”的界面。Layervault的设计师AllenGrinshtein曾经在HackerNews的一篇文章当屮说：“长久以来，网站的界面风格似乎都在遵从着同一种设计美学，大家都在用斜面、渐变、阴影一类的效果来突出界面元素的质感。对于设计师们来说，制作这类'可爱'的元素简玄变成了行规

2、英至是荣誉。不过对于我们，以及为数不多的其他…些设计师来说，这种惯用的方式并非一定正确。”去Layervault看上几眼，四处转转，你会发现他们所追求的这种于简约当中体现出的视觉美感。看到我们一肓以来习惯了的那些视觉风格正在越来越多的网站和移动应用产品屮被潜移默化的颠覆着，也是蛮有意思的事情。下而是如他一些例了：Snowbird20°1721LIFTS>二URGENTLY//-：O?II•：O?34°2232525-：6?34°24TRAILS>24hr48hrDepthYTD0595”331HMTNCAMSFULLREPORTW

3、eatherApp"Outsidethewindow112213◎Today®8Thunderstormsw22:13o1◎Today@3-70Z—/・8<琴>Storm,saveyourass...厶Eph7A4mphMoond*0■◎Today0/7°3\Fog/7714mphMoon6(w)>・★2Z13<<2>YourlocationKiev〈◎Notificationtime①AutodefineNotification9:00>squidee.coMMakethelogobigger.Nahfthat'stoobig

4、.MaybemakeitpurplewDon*tworryatx>utemail©ttAChmenthmits・uploadyourcompstoSquidee.andthensendthelinktoyourdevSpelltowerLayervaultSigninCuatomenFMtvrvtFHdngLayerVaultmakesdesigningalonebetteranddesigningtogethergreat・oureustomental(«atourSimoneMarcarinosmashingdesigners

5、martdeveloper凹窗•A乙©2013SimaneMarcarinoMailchimpPizzanomicsTotalordersTotalpizzas△LorenzoVerziniL。▼MILLOInteractiveAdventCalendarORDERBYTODAYYESTERDAY□i.MomDinnerTonightat10:002bagoPromotionalEmailBigDealsthisWeekend2hagoJohnSmithImportantMeeting「omorrow…2hagoDepartmen

6、tStoreReceiptforPurchase2hagoUnifiedInbox▼AllMessages▼Inky.TheRe1Inky1hragon

7、RemoteImagesLoaFoundationframeworkFoundationThemostadvancedresponsivefront・endframeworkintheworldDownloadFoundation4♦lOMlWQWtei♦OtouroiftJakubAntalikMailIMPhoneGeneralCalendarSecurityGeneralD

8、efaultAutoresponderForewarderReadConfrimationSignatureDefaultflag•Redflog▼EnablesoundnotificationCheckfornewemailsevery(Minutes)Savedraftmessagesevery(Minutes)DeleteTrashemailsolderthen(Days)MovedeletedmessagestoTrashfolderDeletemessageson"EmptyFolder"1actionTommyRous

9、selEarncreditsFlUGINSLastSendEMAIL〒SENDINVITATIONSRobSchlegelGmarylM®WortTuesdayTo-Do*sDoctor*sflfjpkOtrktiTVPnt®Tflkeouttra