作為視覺設(shè)計師來說，能設(shè)計出一款賞心悅目、走在設(shè)計潮流前線而又有自己品牌設(shè)計基因的產(chǎn)品是每個人心目中的追求。
無可否認(rèn)，在2013年扁平化設(shè)計風(fēng)格全面普及以來，扁平化依舊是移動產(chǎn)品設(shè)計的主流方向。但扁平化的普及也使得產(chǎn)品之間的視覺差異越來越小，設(shè)計師如何把自己的產(chǎn)品設(shè)計做得與眾不同，讓自己產(chǎn)品于同類競品中脫穎而出就變得尤為關(guān)鍵。
結(jié)合實際工作經(jīng)驗，我將在文中簡單分享下當(dāng)前移動產(chǎn)品扁平化視覺的一些趨勢，主要由質(zhì)感、色彩、文字、圖標(biāo)、內(nèi)容展示、動效、手勢、品牌應(yīng)用幾點進(jìn)行分析，如果有說得不正確的地方歡迎大家指正，也希望對扁平化設(shè)計有興趣的同學(xué)私底下與我多多交流，相互學(xué)習(xí)。
1.質(zhì)感
| 極致扁平
趨向使用更輕量、簡潔的方式設(shè)計界面，去除所有質(zhì)感，追求極致扁平設(shè)計是當(dāng)下一個設(shè)計潮流。
界面內(nèi)只關(guān)注核心內(nèi)容，拋開任何無關(guān)的設(shè)計元素，排除了視覺干擾，同時也使界面風(fēng)格變得更加現(xiàn)代、優(yōu)雅，工具及內(nèi)容展示類產(chǎn)品特別適合于此種風(fēng)格。
| 弱質(zhì)感
過度扁平的設(shè)計對于內(nèi)容比較復(fù)雜的產(chǎn)品來說并不利于視覺層級的表現(xiàn)，所以現(xiàn)在很多產(chǎn)品的視覺設(shè)計融入了輕微質(zhì)感元素，既豐富了細(xì)節(jié)，同時也使內(nèi)容層級更加清晰直觀。
1.色彩
配色以簡潔為主，界面中的顏色比例對比之前更加精簡，更傾向于用更少的顏色進(jìn)行設(shè)計，充分利用顏色對比度去突出重要的內(nèi)容信息，提高視覺沖擊力并強(qiáng)調(diào)產(chǎn)品關(guān)鍵功能，同時也可以為產(chǎn)品體驗營造氛圍，提升產(chǎn)品的品牌辨識度。
2.文字
文字信息作為內(nèi)容的重要載體之一，一直是扁平化設(shè)計排版的重要環(huán)節(jié)?，F(xiàn)在更多產(chǎn)品的文字設(shè)計更加趨向于使用單一字體，通過字體自身樣式（加粗、中等、細(xì)體、斜體）去劃分內(nèi)容層次，有助于優(yōu)化瀏覽體驗，打造更加簡潔、優(yōu)雅的界面，增強(qiáng)產(chǎn)品的品牌屬性。
偏向選用無襯線字體設(shè)計，字體線條清晰、筆觸統(tǒng)一，避免過多的裝飾性細(xì)節(jié)。IOS9專門針對中文字體做了設(shè)計調(diào)整，使用新的“蘋方”字體，字體形態(tài)更粗，邊角更圓潤。
3.圖標(biāo)
圖標(biāo)是產(chǎn)品功能的重要標(biāo)識，同時也是塑造產(chǎn)品品牌設(shè)計風(fēng)格的核心基因之一。圖標(biāo)設(shè)計必須注重好辨識度與創(chuàng)意的平衡，太抽象的圖標(biāo)影響用戶認(rèn)知，不利于操作，太普通的圖標(biāo)則比較中規(guī)中距，視覺上沒有亮點。
扁平化的圖標(biāo)主要以“線、面”兩個基礎(chǔ)元素不斷地進(jìn)行多種組合表現(xiàn)，不同的組合能產(chǎn)生不同的質(zhì)感風(fēng)格，在視覺呈現(xiàn)上具有一定的差異化。
| 純線條形式
線條式圖標(biāo)在當(dāng)今設(shè)計中被廣泛應(yīng)用，線條的提煉對于以前越來越精簡，同時更注重細(xì)節(jié)呈現(xiàn)。
| “線+面”組合形式
通過線與面的搭配，讓圖標(biāo)在保持扁平風(fēng)格基礎(chǔ)的同時融入擬物化元素，貼近實際，豐富細(xì)節(jié)。
| 剪影形式
現(xiàn)代設(shè)計趨勢的剪影圖標(biāo)更加講求色彩的對比度，同時也可以通過對形體不同的面進(jìn)行拼色搭配達(dá)到擬物效果，讓圖標(biāo)與現(xiàn)實物件聯(lián)系起來，減少用戶認(rèn)知成本。 ?
另外，圖標(biāo)設(shè)計上考慮觸發(fā)后的效果，可以加強(qiáng)情感化元素，給用戶帶來輕松愉悅的視覺感觀。
4.內(nèi)容展示
扁平化視覺設(shè)計的核心是追求純粹的內(nèi)容信息本質(zhì)，過往界面會使用線條分隔各種區(qū)域內(nèi)容，但是這樣的處理會顯得界面比較擁擠，同時整體信息排列也比較散亂。
使用卡片的形式呈現(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è)計基因。
流行的動效設(shè)計是以交互思想作為核心準(zhǔn)則去設(shè)計，以“輕”為主，視覺呈現(xiàn)上要把握好合適的度，不能太刻意地隨意添加。因為多而復(fù)雜的動效既影響了性能，也使操作過程變得更為復(fù)雜，極大降低了效率。一般來說，動效設(shè)計比較適合于用在產(chǎn)品核心功能操作、切換、使用反饋上，也可以用在產(chǎn)品特性介紹上。
操作反饋的動效設(shè)計，讓產(chǎn)品的使用體驗更加輕松愉悅，促進(jìn)了用戶的參與度，并且交互層次更“輕”
啟動頁通過動效的使用，讓用戶在等待過程中不再枯燥，也體現(xiàn)了品牌設(shè)計基因
6.手勢
隨著iOS、安卓智能手機(jī)的普及，用戶對手勢操作也有了一定的認(rèn)知，產(chǎn)品結(jié)合手勢運(yùn)用能大幅度提升效率，給用戶呈現(xiàn)更簡潔、直觀的體驗。
7.品牌應(yīng)用
品牌設(shè)計是個比較大的概念，色彩、版式、質(zhì)感等設(shè)計元素都可以是品牌設(shè)計中的一種。這里說的品牌應(yīng)用是指在產(chǎn)品界面中應(yīng)用到的一些品牌延伸設(shè)計，比如依據(jù)品牌定制的圖形、動效等等，這些設(shè)計元素可以讓用戶對產(chǎn)品品牌有更深刻的認(rèn)識，以達(dá)到品牌推廣目的。
最后的總結(jié)
了解設(shè)計趨勢對后面的視覺設(shè)計工作有重要幫助，它能讓設(shè)計師形成“審美標(biāo)準(zhǔn)”，讓具體的設(shè)計工作更加有效率。
但設(shè)計趨勢畢竟是帶主觀的分析結(jié)果，具體的產(chǎn)品視覺呈現(xiàn)還要綜合產(chǎn)品需求定位、交互、市場運(yùn)營等等因素，所以視覺設(shè)計師在設(shè)計中要學(xué)會靈活運(yùn)用，不能一味照搬，選取最符合自己產(chǎn)品的設(shè)計方法才能更好地包裝產(chǎn)品，突出品牌設(shè)計基因，并不斷地加以優(yōu)化去加深品牌設(shè)計對用戶的影響。
最后說幾個小建議：
*?作為視覺設(shè)計師，除了工作之外應(yīng)該要多注重生活中的發(fā)現(xiàn)，要善于發(fā)現(xiàn)美。
*?當(dāng)看到一個很棒的設(shè)計效果，除了收藏之外，更應(yīng)該多想一下為什么。
*?工作之外視覺設(shè)計師應(yīng)該勤做設(shè)計嘗試，注重自我提升，不要依賴產(chǎn)品項目提升自己。
*?時刻了解設(shè)計行情與資訊，關(guān)注產(chǎn)品的最新動態(tài)，設(shè)計不是閉門造車。
*?優(yōu)秀視覺設(shè)計師要有更好的發(fā)散思維，懂得針對當(dāng)前流行的設(shè)計手法加以優(yōu)化提煉，形成自己獨樹一幟的設(shè)計文化去引領(lǐng)潮流。
原文轉(zhuǎn)載自：網(wǎng)易內(nèi)部論壇“網(wǎng)易實踐者社區(qū)”? ? ??
作者：劉戈，網(wǎng)易資深設(shè)計專家
推薦閱讀：
設(shè)計篇
