古語常說:去粗取精,去偽存真。自小念念不忘的句子,不僅是教會我們?yōu)槿颂幨赖牡览恚菧蚀_的揭示了事物的本質(zhì)和規(guī)律。自13年興起的Flat設計趨勢,也恰恰好符合了這一規(guī)律。去除冗余、厚重和繁雜的裝飾效果,這是Flat設計的核心意義。
道理仿佛異常簡單,但要做出優(yōu)秀的Flat設計,卻并不如此。如何去掉多余的透視、紋理、漸變以及能做出3D效果的元素讓“信息”本身重新作為核心被凸顯出來?如何設計出抽象、極簡和符號化的設計元素?這些都是扁平化設計需要斟酌的問題,小到一個ICON,大到整體的設計理念和風格,扁平化設計絕不是簡單的“簡單化設計”。
今天我整理了20個優(yōu)秀的手機端扁平化設計案例,這些作品大多出自Behance和Dribbble上的設計達人之手,全當拋磚引玉,如果你有更好的作品,歡迎分享哦。
1. WeDo
設計師:Fabio Basile
所用工具:Sketch, PS
亮點:我是真的很喜歡這只小狐貍,無論是集合形狀的元素,還是溫軟飽和的配色,都能達到舒適的視覺效果。
單一背景色,幾乎以白色純色為主,配合集合圖形和簡單線條。
襯線字體,色彩和大小形成對比,強化重要信息。
2. Vault financial app design
設計師:Higher
所用工具:Sketch, PS, AI
亮點:logo “ V ” 的設計非常巧妙,凸顯主題Vault Financial app design,且配色簡單。純白背景色,留白空間。
排版中的重點突出,標題和二級標題對比鮮明,信息層次分明。界面很干凈。
3. Intimate
設計師:Mockplus
所用工具:Mockplus, PS
亮點:純白背景留白,空間點十足。
文本排版合理,字體大小對比鮮明且不突兀,突出主要信息。
配圖簡潔,風格一致,整體界面和諧干凈。
交互合理,不會讓用戶產(chǎn)生誤解。
4. Upper APP
設計師:nest Asanov, Andrey Drobovich, Vlad Taran and Sergey Valiukh
所用工具: PS, AE, Sketch APP
亮點:色彩,紅黑白三種色彩,對比鮮明,明快鮮亮,且所占比例符合6:3:1的UI配色黃金比例。
字體色彩選擇與其背景形成對比,突出文本信息,不會產(chǎn)生閱讀障礙。
5. Weather App
設計師:Sergey Valiukh & Tubik Studio
所用工具:PS, AI,AE
亮點:采用梯度式漸變高光,這是扁平化設計的一個特征,梯度式漸變比過度式漸變更具有扁平感。
配色溫和,給人溫和平靜的感覺。
6. Sea Schedule App
設計師:Khenkin, Sergey Valiukh, Tubik Studio
所用工具:Mac OS X, Axure, InVision, Flinto, PS, AI, AE
亮點:采用UI安全色藍色為純色背景,易于接近用戶,界面簡潔。
界面元素為藍色背景的顏變色,但仍舊采用梯度式漸變。