從智能手機(jī)說起,看設(shè)計(jì)風(fēng)格演變的趨勢(shì)

1 評(píng)論 13487 瀏覽 35 收藏 7 分鐘

長(zhǎng)期以來,大多數(shù)人對(duì) UI設(shè)計(jì)趨勢(shì)的理解,都是扁平化??蛇@容易引來兩種誤解:一群人理解扁平化,是一股潮流,這潮流就像流行時(shí)尚一樣,會(huì)不斷更替,原來的擬物風(fēng)會(huì)重出江湖;另一群人,認(rèn)為扁平化就是平,對(duì)設(shè)計(jì)的理解局限在表達(dá)手法上。

想要正確地認(rèn)識(shí)設(shè)計(jì)風(fēng)格演變的趨勢(shì),我們還得從智能手機(jī)興起那段開始說起。

起初上帝造人……

1

很久以后,出現(xiàn)有一個(gè)人,他創(chuàng)造出了iPhone。

2

iPhone橫空出世,從此人們進(jìn)入智能手機(jī)時(shí)代。然而,此時(shí)的人們對(duì)智能手機(jī)的認(rèn)知還是一片空白。由于人都是通過以往的認(rèn)知來理解新事物,基于這一點(diǎn),當(dāng)時(shí)應(yīng)用界面必然要采用擬物風(fēng)格,以便于人們的理解和操作。

慶幸的是,當(dāng)時(shí)的智能手機(jī)所具備的功能比較簡(jiǎn)單,如錄音機(jī)、指南針、水平尺。

3

?iPhone 3GS 廣告片截圖

智能手機(jī)更多的是在充當(dāng)一些日常的小工具。

在這個(gè)階段,手機(jī)界面擬物化是必然的。同時(shí)也帶了一些問題,由于大家都是將現(xiàn)實(shí)物體搬到手機(jī)屏幕,導(dǎo)致功能相似的應(yīng)用,長(zhǎng)的都差不多。圖標(biāo)相似度極高,比如相機(jī)應(yīng)用。

4

隨后幾年,隨著智能手機(jī)市場(chǎng)的成熟,人們對(duì)智能手機(jī)的認(rèn)知已組建養(yǎng)成,擬物雖帶來的引導(dǎo)性已經(jīng)不再重要,反而嚴(yán)重局限了APP 發(fā)展。

由于每個(gè)人所處的文化、地段、環(huán)境不同,導(dǎo)致認(rèn)知也各不相同,如果 APP 的圖標(biāo)和界面繼續(xù)取自實(shí)物,那么對(duì)于那些沒見過這些或者不熟悉的的人而言,只會(huì)蒙一臉。

5

比如這個(gè) icon,我就一致搞不懂這個(gè)干啥的。

此外,擬物還帶來另外三個(gè)問題。

設(shè)計(jì)層面,擬物要求設(shè)計(jì)師需要花費(fèi)大量的時(shí)間研究技法(類似游戲 UI ),豐富質(zhì)感、層次、陰影,這些最終都需要通過視覺元素來實(shí)現(xiàn)。有的時(shí)候,一天能出一個(gè)界面,改一次風(fēng)格就得吐血三生。

對(duì)用戶而言,用戶關(guān)注的核心永遠(yuǎn)都是信息本身,華麗的視覺元素或許在用戶使用的初期,起到賞心悅目的裝飾,但久而久之,這都將成為對(duì)用戶獲取信息的一種干擾。用戶需要簡(jiǎn)單直接的得到想到的信息。

大家都熟悉的事物其實(shí)非常有限,而 APP 的創(chuàng)新卻在不斷進(jìn)行,很多創(chuàng)新的產(chǎn)品本身在現(xiàn)實(shí)世界就沒有參照物。

如果一味追求擬物化,就是開歷史倒車。

這個(gè)階段,擬物依然成為一種桎梏,阻礙了創(chuàng)新。

世界智能手機(jī)在 2010 年左右引來井噴,2012年底中國(guó)智能手機(jī)占有率接近10% 。

此時(shí)設(shè)計(jì)風(fēng)格的轉(zhuǎn)變已經(jīng)變得迫在眉睫。

在2013年,蘋果推出了iOS7 開啟了擬物向扁平轉(zhuǎn)變的風(fēng)潮。

設(shè)計(jì)師的春天終于來了,可以有更多的時(shí)間去思考設(shè)計(jì),而非技法。

很多人轉(zhuǎn)行做 UI 就是覺得上手簡(jiǎn)單 。

而在今年幾家走在 APP 設(shè)計(jì)最前沿的公司,不約而同的選擇了同一種方法對(duì) UI 進(jìn)行了改版。

6

通過去除原本大面積的界面主色,基本只保留黑白、更大號(hào)的粗體字、簡(jiǎn)化的 APP 圖標(biāo),的品牌色被用于 UI 的各個(gè)細(xì)節(jié)處。

而不是像過去,隨處可見。

UI 的減弱,表明新的趨勢(shì)再一部向“突出內(nèi)容”的本質(zhì)靠攏,即“認(rèn)知簡(jiǎn)約”。

7

由于用戶學(xué)習(xí)的不斷深入,逐漸簡(jiǎn)化復(fù)復(fù)雜和先前用于“解釋”的信息。

曾經(jīng)的擬物化也是作為“解釋”信息而存在 。

8

如上圖,整個(gè)過程很像文字的演變。

目前整個(gè) UI 設(shè)計(jì)大的趨勢(shì),還是在朝著“認(rèn)知簡(jiǎn)約”的方向發(fā)展。

雖然國(guó)外的設(shè)計(jì)師 Michael Horton 提出了, Complexion Reduction(膚色簡(jiǎn)約)的手機(jī)應(yīng)用設(shè)計(jì)趨勢(shì),即每個(gè) APP 看起來都差不多,主要以內(nèi)容來區(qū)分。

可目前,國(guó)內(nèi)資訊 APP 內(nèi)容同質(zhì)化嚴(yán)重,如果界面相似,內(nèi)容再相似,用戶還有必要下載多個(gè) APP 嗎?

所以,我覺得就實(shí)際情況而言,保持 APP 現(xiàn)有的特色,并不斷通過 “認(rèn)知簡(jiǎn)約” 簡(jiǎn)化 APP 中現(xiàn)有元素,在未來較長(zhǎng)的周期內(nèi)都將是大家需要認(rèn)真思考的事情

 

作者:海邊來的設(shè)計(jì)師

來源:微信公眾號(hào)CSD

版權(quán)聲明:人人都是產(chǎn)品經(jīng)理尊重行業(yè)規(guī)范,所轉(zhuǎn)載的文章都注明作者和來源,若標(biāo)注有誤,請(qǐng)聯(lián)系主編QQ:419297645更改。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 作者的文章一直很nice,期待更好的文章~加油

    回復(fù)