作為視覺設(shè)計(jì)師來說奠衔，能設(shè)計(jì)出一款賞心悅目谆刨、走在設(shè)計(jì)潮流前線而又有自己品牌設(shè)計(jì)基因的產(chǎn)品是每個(gè)人心目中的追求。
無可否認(rèn)归斤，在2013年扁平化設(shè)計(jì)風(fēng)格全面普及以來痊夭，扁平化依舊是移動產(chǎn)品設(shè)計(jì)的主流方向。但扁平化的普及也使得產(chǎn)品之間的視覺差異越來越小脏里，設(shè)計(jì)師如何把自己的產(chǎn)品設(shè)計(jì)做得與眾不同她我，讓自己產(chǎn)品于同類競品中脫穎而出就變得尤為關(guān)鍵。
結(jié)合實(shí)際工作經(jīng)驗(yàn)迫横，我將在文中簡單分享下當(dāng)前移動產(chǎn)品扁平化視覺的一些趨勢番舆，主要由質(zhì)感、色彩员淫、文字合蔽、圖標(biāo)、內(nèi)容展示、動效、手勢溉知、品牌應(yīng)用幾點(diǎn)進(jìn)行分析，如果有說得不正確的地方歡迎大家指正刃宵，也希望對扁平化設(shè)計(jì)有興趣的同學(xué)私底下與我多多交流，相互學(xué)習(xí)徘公。
1.質(zhì)感
| 極致扁平
趨向使用更輕量牲证、簡潔的方式設(shè)計(jì)界面，去除所有質(zhì)感关面，追求極致扁平設(shè)計(jì)是當(dāng)下一個(gè)設(shè)計(jì)潮流坦袍。
界面內(nèi)只關(guān)注核心內(nèi)容，拋開任何無關(guān)的設(shè)計(jì)元素等太，排除了視覺干擾捂齐，同時(shí)也使界面風(fēng)格變得更加現(xiàn)代、優(yōu)雅缩抡，工具及內(nèi)容展示類產(chǎn)品特別適合于此種風(fēng)格奠宜。
| 弱質(zhì)感
過度扁平的設(shè)計(jì)對于內(nèi)容比較復(fù)雜的產(chǎn)品來說并不利于視覺層級的表現(xiàn)，所以現(xiàn)在很多產(chǎn)品的視覺設(shè)計(jì)融入了輕微質(zhì)感元素，既豐富了細(xì)節(jié)压真，同時(shí)也使內(nèi)容層級更加清晰直觀娩嚼。
1.色彩
配色以簡潔為主，界面中的顏色比例對比之前更加精簡滴肿，更傾向于用更少的顏色進(jìn)行設(shè)計(jì)岳悟，充分利用顏色對比度去突出重要的內(nèi)容信息，提高視覺沖擊力并強(qiáng)調(diào)產(chǎn)品關(guān)鍵功能泼差，同時(shí)也可以為產(chǎn)品體驗(yàn)營造氛圍竿音，提升產(chǎn)品的品牌辨識度。
2.文字
文字信息作為內(nèi)容的重要載體之一拴驮，一直是扁平化設(shè)計(jì)排版的重要環(huán)節(jié)。現(xiàn)在更多產(chǎn)品的文字設(shè)計(jì)更加趨向于使用單一字體柴信，通過字體自身樣式（加粗套啤、中等、細(xì)體随常、斜體）去劃分內(nèi)容層次潜沦，有助于優(yōu)化瀏覽體驗(yàn)，打造更加簡潔绪氛、優(yōu)雅的界面唆鸡，增強(qiáng)產(chǎn)品的品牌屬性。
偏向選用無襯線字體設(shè)計(jì)枣察，字體線條清晰争占、筆觸統(tǒng)一，避免過多的裝飾性細(xì)節(jié)序目。IOS9專門針對中文字體做了設(shè)計(jì)調(diào)整臂痕，使用新的“蘋方”字體，字體形態(tài)更粗猿涨，邊角更圓潤握童。
3.圖標(biāo)
圖標(biāo)是產(chǎn)品功能的重要標(biāo)識，同時(shí)也是塑造產(chǎn)品品牌設(shè)計(jì)風(fēng)格的核心基因之一叛赚。圖標(biāo)設(shè)計(jì)必須注重好辨識度與創(chuàng)意的平衡澡绩，太抽象的圖標(biāo)影響用戶認(rèn)知，不利于操作俺附，太普通的圖標(biāo)則比較中規(guī)中距肥卡，視覺上沒有亮點(diǎn)。
扁平化的圖標(biāo)主要以“線昙读、面”兩個(gè)基礎(chǔ)元素不斷地進(jìn)行多種組合表現(xiàn)召调，不同的組合能產(chǎn)生不同的質(zhì)感風(fēng)格，在視覺呈現(xiàn)上具有一定的差異化。
| 純線條形式
線條式圖標(biāo)在當(dāng)今設(shè)計(jì)中被廣泛應(yīng)用唠叛，線條的提煉對于以前越來越精簡只嚣，同時(shí)更注重細(xì)節(jié)呈現(xiàn)。
| “線+面”組合形式
通過線與面的搭配艺沼，讓圖標(biāo)在保持扁平風(fēng)格基礎(chǔ)的同時(shí)融入擬物化元素册舞，貼近實(shí)際，豐富細(xì)節(jié)障般。
| 剪影形式
現(xiàn)代設(shè)計(jì)趨勢的剪影圖標(biāo)更加講求色彩的對比度调鲸，同時(shí)也可以通過對形體不同的面進(jìn)行拼色搭配達(dá)到擬物效果，讓圖標(biāo)與現(xiàn)實(shí)物件聯(lián)系起來挽荡，減少用戶認(rèn)知成本藐石。 ?
另外，圖標(biāo)設(shè)計(jì)上考慮觸發(fā)后的效果定拟，可以加強(qiáng)情感化元素于微，給用戶帶來輕松愉悅的視覺感觀。
4.內(nèi)容展示
扁平化視覺設(shè)計(jì)的核心是追求純粹的內(nèi)容信息本質(zhì)青自，過往界面會使用線條分隔各種區(qū)域內(nèi)容株依，但是這樣的處理會顯得界面比較擁擠，同時(shí)整體信息排列也比較散亂延窜。
使用卡片的形式呈現(xiàn)內(nèi)容恋腕，并通過適當(dāng)?shù)牧舭组g隔，可以減少線條等元素對內(nèi)容造成的視覺干擾逆瑞，可以創(chuàng)造出更干凈荠藤、清晰的界面，讓用戶更專注于內(nèi)容获高，提高了易用性商源。
融入一些平面排版元素（如雜志版式），可讓界面更加高端谋减、文藝牡彻。
5.動效
在產(chǎn)品使用過程中，操作動效通過視覺上的反饋可以把用戶的注意力吸引到特定區(qū)域出爹，減少用戶對產(chǎn)品的思考庄吼，促進(jìn)了任務(wù)參與。此外严就，產(chǎn)品動效在情感上可取悅用戶总寻，讓用戶在操作過程中感到驚喜，有利于塑造品牌設(shè)計(jì)基因梢为。
流行的動效設(shè)計(jì)是以交互思想作為核心準(zhǔn)則去設(shè)計(jì)渐行，以“輕”為主轰坊，視覺呈現(xiàn)上要把握好合適的度，不能太刻意地隨意添加祟印。因?yàn)槎喽鴱?fù)雜的動效既影響了性能肴沫，也使操作過程變得更為復(fù)雜，極大降低了效率蕴忆。一般來說颤芬，動效設(shè)計(jì)比較適合于用在產(chǎn)品核心功能操作、切換套鹅、使用反饋上站蝠，也可以用在產(chǎn)品特性介紹上。
操作反饋的動效設(shè)計(jì)卓鹿，讓產(chǎn)品的使用體驗(yàn)更加輕松愉悅菱魔，促進(jìn)了用戶的參與度，并且交互層次更“輕”
啟動頁通過動效的使用吟孙，讓用戶在等待過程中不再枯燥豌习，也體現(xiàn)了品牌設(shè)計(jì)基因
6.手勢
隨著iOS、安卓智能手機(jī)的普及拔疚，用戶對手勢操作也有了一定的認(rèn)知，產(chǎn)品結(jié)合手勢運(yùn)用能大幅度提升效率既荚，給用戶呈現(xiàn)更簡潔稚失、直觀的體驗(yàn)。
7.品牌應(yīng)用
品牌設(shè)計(jì)是個(gè)比較大的概念恰聘，色彩句各、版式、質(zhì)感等設(shè)計(jì)元素都可以是品牌設(shè)計(jì)中的一種晴叨。這里說的品牌應(yīng)用是指在產(chǎn)品界面中應(yīng)用到的一些品牌延伸設(shè)計(jì)凿宾，比如依據(jù)品牌定制的圖形、動效等等兼蕊，這些設(shè)計(jì)元素可以讓用戶對產(chǎn)品品牌有更深刻的認(rèn)識初厚，以達(dá)到品牌推廣目的。
最后的總結(jié)
了解設(shè)計(jì)趨勢對后面的視覺設(shè)計(jì)工作有重要幫助孙技，它能讓設(shè)計(jì)師形成“審美標(biāo)準(zhǔn)”产禾，讓具體的設(shè)計(jì)工作更加有效率。
但設(shè)計(jì)趨勢畢竟是帶主觀的分析結(jié)果牵啦，具體的產(chǎn)品視覺呈現(xiàn)還要綜合產(chǎn)品需求定位亚情、交互、市場運(yùn)營等等因素哈雏，所以視覺設(shè)計(jì)師在設(shè)計(jì)中要學(xué)會靈活運(yùn)用楞件，不能一味照搬衫生，選取最符合自己產(chǎn)品的設(shè)計(jì)方法才能更好地包裝產(chǎn)品，突出品牌設(shè)計(jì)基因土浸，并不斷地加以優(yōu)化去加深品牌設(shè)計(jì)對用戶的影響罪针。
最后說幾個(gè)小建議：
*?作為視覺設(shè)計(jì)師，除了工作之外應(yīng)該要多注重生活中的發(fā)現(xiàn)栅迄，要善于發(fā)現(xiàn)美站故。
*?當(dāng)看到一個(gè)很棒的設(shè)計(jì)效果，除了收藏之外毅舆，更應(yīng)該多想一下為什么西篓。
*?工作之外視覺設(shè)計(jì)師應(yīng)該勤做設(shè)計(jì)嘗試，注重自我提升憋活，不要依賴產(chǎn)品項(xiàng)目提升自己岂津。
*?時(shí)刻了解設(shè)計(jì)行情與資訊，關(guān)注產(chǎn)品的最新動態(tài)悦即，設(shè)計(jì)不是閉門造車吮成。
*?優(yōu)秀視覺設(shè)計(jì)師要有更好的發(fā)散思維，懂得針對當(dāng)前流行的設(shè)計(jì)手法加以優(yōu)化提煉辜梳，形成自己獨(dú)樹一幟的設(shè)計(jì)文化去引領(lǐng)潮流粱甫。
原文轉(zhuǎn)載自：網(wǎng)易內(nèi)部論壇“網(wǎng)易實(shí)踐者社區(qū)”? ? ??
作者：劉戈，網(wǎng)易資深設(shè)計(jì)專家
推薦閱讀：
設(shè)計(jì)篇
3個(gè)維度分析騰訊的設(shè)計(jì)體驗(yàn)作瞄。
