APP設(shè)計(jì)的發(fā)展趨勢(shì)分析

文/潘宏銘，重慶工貿(mào)職業(yè)技術(shù)學(xué)院

無論是App的分屏，還是網(wǎng)頁瀏覽器或者智能手表的界面，設(shè)計(jì)都是消費(fèi)者購買它們的最關(guān)鍵因素之一。從扁平化設(shè)計(jì)到谷歌的材料設(shè)計(jì)語言（Meterial design），我們可以從其中方便地分析出設(shè)計(jì)的流行趨勢(shì)。那么這些趨勢(shì)是什么？為什么這樣做用戶更喜歡？它們是怎么樣被創(chuàng)造的呢？

1 更輕量的設(shè)計(jì)

所謂輕量化設(shè)計(jì)，主要指放棄了使用漸變或陰影等效果，現(xiàn)在App中更流行使用“扁平化設(shè)計(jì)”風(fēng)格，給人一種“更輕”的體驗(yàn)。這意味著設(shè)計(jì)師要善于利用負(fù)空間（指物體和物體的間隙）——來取代漸變、陰影等效果，以創(chuàng)造一個(gè)更加簡潔的界面，讓用戶的注意力可以集中在界面的核心信息上，將對(duì)用戶無效的設(shè)計(jì)元素去掉。這樣的做法同時(shí)也降低了用戶在該界面的導(dǎo)航成本，并且使品牌更具時(shí)尚感。

2 統(tǒng)一字體

減少不同種類字體的使用更能體現(xiàn)排版美學(xué)。與使用不同的字體形式表現(xiàn)不同的特性（比如，斜體、加粗、半加粗）相比，使用不同的字號(hào)更能將不同部分的內(nèi)容加以區(qū)別。在整個(gè)App中只使用一款字體可以很容易地為品牌帶來一致性的感受，這種效果是跨平臺(tái)的，比如App，移動(dòng)端網(wǎng)站、PC端網(wǎng)站。因此，優(yōu)化移動(dòng)端的設(shè)計(jì)細(xì)節(jié)是可以全方位提升用戶體驗(yàn)的。同時(shí)，用戶更喜歡統(tǒng)一的字體帶來的簡潔感。

3 卡片和留白

過去，設(shè)計(jì)師熱衷于使用線條來將不同的內(nèi)容主題或分類明顯地劃分開，但是這些線條卻創(chuàng)造出一個(gè)笨拙的擁擠的界面。取而代之，我們可以將不同的內(nèi)容放置于不同的卡片塊兒上，使用空白將不同內(nèi)容塊劃分開，這樣我們就可以騰出空間，搭建一個(gè)干凈的界面。分界線的棄用是為了帶來一個(gè)具有現(xiàn)代感的外觀，使用戶注意力集中在功能性上。比如放大圖片和字體的大小，這樣可以使視覺體驗(yàn)更加清晰，產(chǎn)品易用性也得到了提高。利用空間來取代分界線是一個(gè)順應(yīng)用戶使用習(xí)慣的選擇。

4 聚焦數(shù)據(jù)

因?yàn)橛脩魞A向于使用更加簡潔的界面，所以利用大字號(hào)和醒目的顏色來顯示具體的數(shù)據(jù)可以使用戶的注意力更加集中。可以通過高亮數(shù)據(jù)來吸引不同的目標(biāo)客戶。利用更大的字號(hào)或者一種流行色，來吸引用戶的注意力到一個(gè)屏幕的一個(gè)特定區(qū)域——這完全不會(huì)給用戶帶來強(qiáng)迫感。所以，用戶可以更快地接收到有效信息，導(dǎo)航和閱讀信息的體驗(yàn)也會(huì)更好。

5 微交互

微交互在使用場(chǎng)景中是一個(gè)很小的用戶體驗(yàn)的改變。這些場(chǎng)景包括完成一個(gè)交易，收藏喜歡的物件或者彈出一個(gè)消息。這些交互都是很細(xì)節(jié)的，但是產(chǎn)品的差異性就在于給合適的用戶使用合適的效果。這些微交互像是信號(hào)一樣驅(qū)動(dòng)著用戶去完成一項(xiàng)任務(wù)——比如調(diào)試設(shè)置——?jiǎng)?chuàng)建一個(gè)新的內(nèi)容彈出窗口。有微交互的那些App可以給用戶帶來更簡潔、更有趣、更有參與感的感覺。

6 用更少的顏色

自從2013年扁平化設(shè)計(jì)推出后，在主題中使用更少的顏色變成了一個(gè)流行趨勢(shì)，這樣可以使設(shè)計(jì)變得清晰和簡潔。所以，設(shè)計(jì)師和用戶都更喜歡顏色更少的設(shè)計(jì)，以求一個(gè)更干凈的外觀。顏色的運(yùn)用在表達(dá)情緒、引導(dǎo)用戶注意力、品牌深化上都有著重要作用。采用更少的顏色能更容易突出品牌特性。另外，用戶也喜歡這樣美觀的界面，關(guān)鍵元素可以被輕易突出，導(dǎo)航體驗(yàn)也更好。

7 分層界面

過去，界面設(shè)計(jì)遵守?cái)M物化的原則，就是模擬一個(gè)物體的真實(shí)形態(tài)。比如，數(shù)字日歷對(duì)紙質(zhì)日歷的模仿，App圖標(biāo)的3D縱深，手機(jī)快門的咔嚓聲等等。現(xiàn)在，扁平化設(shè)計(jì)已經(jīng)不再采用這一原則，它使產(chǎn)品設(shè)計(jì)者可以用新的方式展示縱深效果， 通過分層設(shè)計(jì)可以更好地體現(xiàn)出縱深和規(guī)格化的感覺，為用戶提供一種更直觀的體驗(yàn)。

8 幽靈按鍵

幽靈按鍵是指沒有被填上顏色的透明按鈕。它們有著非常細(xì)化的邊緣，并且形狀往往很基礎(chǔ)，比如矩形、正方形或者直角、軟化邊緣等。這些按鈕中的文字往往很簡單且很小。這些設(shè)計(jì)得很微妙的按鈕可以吸引用戶注意力，而且看上去還很干凈、時(shí)髦、不會(huì)惹人煩。

9 手勢(shì)

隨著用戶設(shè)備集成了陀螺儀和動(dòng)作傳感器的功能，它能夠更好地感知?jiǎng)幼?。有了這些，用戶和設(shè)備之間的交互方式從鼠標(biāo)點(diǎn)擊拓展到了真實(shí)手勢(shì)上。用戶對(duì)一些手勢(shì)有著出于直覺的敏感。當(dāng)要?jiǎng)h除某個(gè)條目時(shí)，不管哪個(gè)年齡段哪個(gè)性別的用戶都會(huì)試圖把它移出屏幕。事實(shí)上，更少的點(diǎn)擊和更多的滾動(dòng)可以提升用戶體驗(yàn)，通過用手勢(shì)在屏幕定位而非點(diǎn)擊目標(biāo)可以讓你的應(yīng)用看上去交互性更強(qiáng)。

10 動(dòng)作

通過軟件創(chuàng)新，設(shè)計(jì)師現(xiàn)在可以利用樣式表控制運(yùn)動(dòng)?；趧?dòng)作的設(shè)計(jì)元素能夠以多種多樣的形式呈現(xiàn)，包括過渡、動(dòng)畫效果甚至模仿3D效果的紋理。設(shè)計(jì)中對(duì)動(dòng)作的使用可以幫助用戶接觸和吸收內(nèi)容，這和以往通過數(shù)據(jù)和對(duì)象來突出內(nèi)容重要性的方式已大有不同。動(dòng)作元素能夠?qū)⒂脩糇⒁饬ξ揭粋€(gè)明確的區(qū)域——或者把他們的注意力從那兒移開。通過視覺響應(yīng)，它可以增進(jìn)用戶對(duì)內(nèi)容的理解，并促使用戶產(chǎn)生一種愉快的體驗(yàn)。

11 更短的使用流程

相比通過復(fù)雜的頁面介紹如何使用產(chǎn)品，一個(gè)簡單的界面就可以幫你省去教育用戶的麻煩，并且減輕你投入到App上的不必要的時(shí)間和精力。

12 設(shè)計(jì)標(biāo)準(zhǔn)

設(shè)計(jì)標(biāo)準(zhǔn)是從項(xiàng)目啟動(dòng)之初就注入其中的視覺語言，它涉及到顏色、圖標(biāo)和整體風(fēng)格的設(shè)定等。設(shè)定設(shè)計(jì)標(biāo)準(zhǔn)可以幫助產(chǎn)品在不同平臺(tái)上形成更好的統(tǒng)一體驗(yàn)。它能將產(chǎn)品投入市場(chǎng)后可能產(chǎn)生的錯(cuò)誤壓到最低，并使其在未來更易于被修正。