設(shè)計(jì)改版每年各個(gè)公司都在做，大家經(jīng)常遇見(jiàn)的一些問(wèn)題和挑戰(zhàn)就是被當(dāng)前的條件限制無(wú)法施展拳腳，如何在改版后能讓用戶感知到，并把一些好的設(shè)計(jì)趨勢(shì)和內(nèi)容加到項(xiàng)目中去？今天就和大家聊一聊如何巧妙增添設(shè)計(jì)記憶點(diǎn)。

 什么是設(shè)計(jì)記憶點(diǎn) 

大家應(yīng)該都有這個(gè)習(xí)慣，身邊的朋友多了，你會(huì)怎么去記住身邊這些朋友呢？一定是要記住他的一些個(gè)性特征，比如搞笑幽默，比如吃貨，旅行達(dá)人等等；那么其實(shí)在做設(shè)計(jì)改版時(shí)候也一樣，我們需要一些設(shè)計(jì)記憶點(diǎn)讓用戶感知到。

▲比如ios剛剛公布的ios14

概念設(shè)計(jì)在日常項(xiàng)目中，通常是針對(duì)一個(gè)產(chǎn)品目前現(xiàn)狀，在現(xiàn)有基礎(chǔ)上設(shè)計(jì)師去做一些限制的設(shè)計(jì)，比如iphone每年的系統(tǒng)升級(jí)，不知道大家有沒(méi)有注意到，他們放出的設(shè)計(jì)稿，里面的概念稿，都會(huì)去做一些我們?nèi)粘Ｊ煜さ慕缑娴膔edsign設(shè)計(jì)。

比如地圖，多媒體，相冊(cè)、音樂(lè)播放器等等！這些頁(yè)面功能大家已經(jīng)很熟悉了，用戶對(duì)他功能交互已經(jīng)形成潛移默化的認(rèn)知，所以在這些頁(yè)面上去做設(shè)計(jì)變更、調(diào)整，用戶能很明顯的感知到變化！

 如何打造記憶點(diǎn)？

什么是設(shè)計(jì)記憶點(diǎn)，我們對(duì)于任何一個(gè)設(shè)計(jì)，如果需要用戶能記住，一定是需要在你的改版，你的新的設(shè)計(jì)中去傳達(dá)這個(gè)點(diǎn)，這個(gè)概念，否則你的頁(yè)面改版了，卻因?yàn)槿狈υO(shè)計(jì)記憶點(diǎn)，導(dǎo)致用戶并無(wú)感知！

1.亮眼的色彩

關(guān)注Neverpay的同學(xué)不難發(fā)現(xiàn)，上一個(gè)版本和現(xiàn)在的版本區(qū)別很大，其中很明顯的一個(gè)記憶點(diǎn)就是顏色變化，通過(guò)對(duì)于顏色來(lái)強(qiáng)調(diào)他們?cè)O(shè)計(jì)記憶點(diǎn)，再配合一些交互框架的優(yōu)化，以及卡片布局等，來(lái)強(qiáng)調(diào)他們?cè)O(shè)計(jì)調(diào)性的轉(zhuǎn)變！

2.別致的版式構(gòu)圖

隨著互聯(lián)網(wǎng)產(chǎn)品越來(lái)越多元化，一些雜志、書(shū)籍甚至購(gòu)物類的產(chǎn)品在界面呈現(xiàn)上有了更獨(dú)特的構(gòu)圖板式，如之前特別流行的雜志風(fēng)，就是基于符合產(chǎn)品調(diào)性的基礎(chǔ)上，強(qiáng)化用戶對(duì)這類型產(chǎn)品的感知，讓用戶更具沉浸感體驗(yàn)。

3.定制化字體

字體也是記憶點(diǎn)的一個(gè)緯度，字體的變化有時(shí)候也會(huì)讓整個(gè)設(shè)計(jì)有一個(gè)很好的記憶點(diǎn)！騰訊之前公布的logo定制字體，通過(guò)字體細(xì)節(jié)、傾斜等對(duì)比強(qiáng)調(diào)，來(lái)形成設(shè)計(jì)記憶點(diǎn)。

同理還有阿里巴巴發(fā)布的普惠體，筆畫(huà)現(xiàn)代簡(jiǎn)潔，偏瘦長(zhǎng)，并將字的重心提高，展現(xiàn)了20歲阿里巴巴少年的精氣神。

4.形的刻畫(huà)

▲比如百度網(wǎng)盤(pán)的圖標(biāo)，由多個(gè)彩色形狀組合而成

圖形的變化趨勢(shì)，逐漸由規(guī)則圖形變成不規(guī)則或品牌圖形融入產(chǎn)品基因，單色圖標(biāo)逐漸變化成為彩色漸變、分型等，只要我們把這個(gè)設(shè)計(jì)特點(diǎn)很好的體現(xiàn)落地到整個(gè)頁(yè)面那么就會(huì)形成很強(qiáng)的記憶感知。

5.質(zhì)感刻畫(huà)

質(zhì)感變化很好理解，如何讓用戶感知明顯很重要一點(diǎn)在特定場(chǎng)景下，與其他產(chǎn)品具備一定差異化，比如音樂(lè)播放界面常用的毛玻璃效果，還有現(xiàn)在流行的微質(zhì)感。

▲毛玻璃質(zhì)感

▲新擬態(tài)質(zhì)感

像這樣的案例還有很多，運(yùn)用特殊質(zhì)感能讓用戶更多的感知到產(chǎn)品的差異，并由此增強(qiáng)對(duì)產(chǎn)品的印象。

6.輔助圖形

輔助圖形的變化很好理解，Uber在品牌設(shè)計(jì)中，大家注意到logo的背景沒(méi)有，根據(jù)不同國(guó)家提取各個(gè)國(guó)家有代表性圖形運(yùn)用在新的設(shè)計(jì)中去。

插畫(huà)是Uber新改版設(shè)計(jì)中很強(qiáng)的一個(gè)設(shè)計(jì)記憶點(diǎn)，對(duì)于各個(gè)國(guó)際的圖形提煉都很好的傳遞出了對(duì)應(yīng)國(guó)度的感覺(jué)。這些圖形的提煉也都有規(guī)可循。

▲中國(guó)圖形的提煉

▲墨西哥圖形的提煉

▲愛(ài)爾蘭圖形的提煉

▲印度圖形的提煉

7.插畫(huà)不落俗

▲今年支付寶五福和迎春海報(bào)都運(yùn)用了3d質(zhì)感的插圖

▲Google一組腦洞大開(kāi)的插畫(huà)設(shè)計(jì)

除了色彩，形狀，輔助圖形，質(zhì)感外，其實(shí)插畫(huà)也是很好的一個(gè)點(diǎn)，今年支付寶的春節(jié)插畫(huà)就比較可愛(ài)，也是當(dāng)前比較流行的3d插圖，這次的改變?cè)谝曈X(jué)和故事感上充分打動(dòng)了用戶，很多人拿來(lái)當(dāng)手機(jī)桌面，這也是能讓用戶感知認(rèn)可的點(diǎn)。

 總結(jié) 

關(guān)于設(shè)計(jì)記憶點(diǎn)遠(yuǎn)遠(yuǎn)不止是我說(shuō)的這些，關(guān)鍵是我們?nèi)绾瓮ㄟ^(guò)設(shè)計(jì)去表現(xiàn)出來(lái)，哪怕你的記憶點(diǎn)只是像可口可樂(lè)、阿迪達(dá)斯那樣的一條曲線、三道杠，在UI設(shè)計(jì)中，我們需要去不斷尋找一些設(shè)計(jì)記憶點(diǎn)和設(shè)計(jì)線索，幫助我們?cè)谠O(shè)計(jì)改版時(shí)候讓我們的用戶感知，幫助我們提升品質(zhì)！希望這篇文章能對(duì)大家有些設(shè)計(jì)啟發(fā)！