如何為界面設(shè)計(jì)改版添加設(shè)計(jì)記憶點(diǎn)?

設(shè)計(jì)改版每年各個(gè)公司都在做,大家經(jīng)常遇見的一些問題和挑戰(zhàn)就是被當(dāng)前的條件限制無法施展拳腳,如何在改版后能讓用戶感知到,并把一些好的設(shè)計(jì)趨勢和內(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)目中,通常是針對一個(gè)產(chǎn)品目前現(xiàn)狀,在現(xiàn)有基礎(chǔ)上設(shè)計(jì)師去做一些限制的設(shè)計(jì),比如iphone每年的系統(tǒng)升級,不知道大家有沒有注意到,他們放出的設(shè)計(jì)稿,里面的概念稿,都會(huì)去做一些我們?nèi)粘J煜さ慕缑娴膔edsign設(shè)計(jì)。

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


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

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

1.亮眼的色彩

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


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

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


3.定制化字體

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

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


4.形的刻畫

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

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

5.質(zhì)感刻畫

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

毛玻璃質(zhì)感

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

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

6.輔助圖形

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

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

中國圖形的提煉

墨西哥圖形的提煉

愛爾蘭形的提煉

印度形的提煉

7.插畫不落俗

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

Google一組腦洞大開的插畫設(shè)計(jì)

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


 總結(jié) 

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

每天更新,
全站高品質(zhì)素材免費(fèi)下載!