不論是在手機(jī)屏幕上，瀏覽器上，還是智能手表的屏幕上，設(shè)計都是促使產(chǎn)品和用戶互動的最重要的驅(qū)動力之一。從扁平化設(shè)計到MaterialDesign，從小屏幕到大屏幕，我分析了一下設(shè)計的趨勢演變規(guī)律，并同你分享一下我的一些拙見。到底有哪些趨勢?這些趨勢的存在，對于用戶有何裨益?它們將會創(chuàng)建怎樣的未來?這就是今天的文章所要探討的內(nèi)容。

作為近年設(shè)計領(lǐng)域中最具有代表性的設(shè)計風(fēng)格，我們不妨從扁平風(fēng)和MaterialDesign入手，聊聊它們是怎樣出現(xiàn)、如何成為現(xiàn)如今的設(shè)計趨勢。

更輕量的設(shè)計

ShotbyGhaniPradita

它是什么

相比于使用大量漸變和陰影堆砌細(xì)節(jié)的擬物化設(shè)計，扁平化設(shè)計在美感、程序設(shè)計以及流行趨勢上，有著更為明顯的優(yōu)勢。扁平化的設(shè)計對于負(fù)空間的運(yùn)用有著更高的要求，不再對漸變和陰影有太多依賴，用簡約的界面，專注于核心的信息，將流程中無法提高用戶操作效率的設(shè)計元素移除。

為什么

輕量級的設(shè)計可以避免用戶分心，引導(dǎo)用戶專注于屏幕上更有意義更重要的內(nèi)容，導(dǎo)航也因此更容易，時尚、現(xiàn)代、簡約的美學(xué)也更符合目前品牌設(shè)計的訴求。

用單一字體貫穿整個設(shè)計

ShotbyBrianPlemons

是什么

降低單屏的字體類型的數(shù)量，從而強(qiáng)化排版的設(shè)計感和美感。不同的字體擁有不同的氣質(zhì)，帶來不同的感受，字體大小和疏密的排列則能更好的區(qū)分內(nèi)容的親疏關(guān)系。

為什么

通過橫貫整個設(shè)計的單一字體來擁抱一致性設(shè)計，并不是只有品牌設(shè)計會做的事情，應(yīng)用程序、桌面和手機(jī)網(wǎng)站都可以通過這樣的優(yōu)化統(tǒng)一多平臺的體驗。另外，單一字體也能讓界面更加簡單易用，提升內(nèi)容識別度。

用空間來間隔

ShotbyEricAtwell

是什么

通過線條和分隔符來進(jìn)行劃分內(nèi)容區(qū)塊是之前所流行的處理方式，但是這樣會讓界面擁擠不堪。通過空白空間來劃分區(qū)塊能讓界面更加通透，構(gòu)建更優(yōu)秀更干凈的界面。

為什么

移除分割線和分隔符可以為界面提供更加現(xiàn)代化的外觀，專注于功能，比如可以將圖片和字體放大，提供更加清晰的層級劃分和更優(yōu)的易用性。通過空間間隔來劃分區(qū)塊是一種非干擾性的設(shè)計，更匹配時下流行的風(fēng)格和設(shè)計的需求。

高亮的數(shù)據(jù)

ShotbyMorganAllanKnutson

是什么

用戶更偏愛簡單的界面，大號的字體和醒目的色彩，希望特定的數(shù)據(jù)在最重要的位置顯示出來，而這些被高亮處理的數(shù)據(jù)會隨著用戶的狀態(tài)變化而靈活地變化。

為什么

通過增加字體尺寸和顯眼的色彩來將用戶的注意力轉(zhuǎn)到特定的區(qū)域，這種方式更加潛移默化，不顯突兀。在這樣的設(shè)計之下，用戶會更快地接受信息和數(shù)據(jù)，更高效地導(dǎo)航。

微交互

ShotbyKirill

是什么

圍繞特定的用例，通過微妙細(xì)小的動效或者交互強(qiáng)化它的視覺效果。通常當(dāng)你完成某個過程的時候，比如收藏某個條目、彈出提示框，這個時候微妙的動畫會強(qiáng)化這些動作，將這些控件同其他的元素區(qū)分開來。

為什么

這些微交互能夠作為信號提示，來提醒用戶動作和任務(wù)的完成，它們更簡單、更有趣也更加吸引人。微交互通過微妙的細(xì)節(jié)和動效賦予界面更強(qiáng)大的生命力。

簡約的配色

ShotbyAri

是什么

扁平風(fēng)在2013年開始大規(guī)模流行，令簡約設(shè)計風(fēng)成為了大勢所趨。為了更為契合簡約的設(shè)計理念，設(shè)計師和用戶都逐漸開始喜歡用更少的色彩來完成設(shè)計。

為什么

色彩的運(yùn)用是營造情緒、吸引用戶吸引力、構(gòu)建品牌意識必不可少的組成部分。更少的色彩能讓品牌形象更加突出，色彩的減少意味著凝聚性的提升，用戶更容易買賬，因為它不容易讓人分心，突出主要功能和內(nèi)容。