
APP設計改(gai)版是在(zai)APP設(she)(she)計時經常遇(yu)到的事(shi)情(qing),大家經常遇(yu)見的問題就是在(zai)目前(qian)限制的條件下去改(gai)版,那么改(gai)版后如何讓用戶能(neng)感知(zhi)明顯,今天就來跟大家分享(xiang)一個觀點(dian)--設(she)(she)計記(ji)憶點(dian)。
一、什么是設計記憶點
我們在記住一個設(she)計時腦海中會有印象(xiang)最深(shen)的點(dian),比如iOS11的圓角卡片、大字體(ti),instagram的彩虹標致,雙11的貓頭運(yun)用、鐳射(she)色彩等等!包括最新的微軟(ruan)Fluent Design里面(mian)的立體(ti)關(guan)系(xi)以及投影(ying)處理(li),這些(xie)都是記憶點(dian)。
二、如何打(da)造設計記(ji)憶點(dian)
在改(gai)版中(zhong),如何通過視(shi)覺元素來(lai)塑(su)造這(zhe)個(ge)設計記(ji)憶點?很(hen)多產品改(gai)版了,最終方(fang)案(an)用(yong)戶并不是(shi)很(hen)滿意,很(hen)大(da)原因是(shi)改(gai)版了用(yong)戶無法感知,那么如何做呢?
1、色彩
經典的instagram通過對logo的變化,讓(rang)用(yong)戶(hu)感覺到風格發生了變化,圖(tu)(tu)標從擬物經典圖(tu)(tu)標變成彩虹(hong)色圖(tu)(tu)標,首先讓(rang)用(yong)戶(hu)在視覺感知(zhi)上抓住一個記憶(yi)點(dian)。
2、板式構(gou)圖
在(zai)2017年雙11的設計中,一個是形式open,所有元素(su)像空中飛舞,有視覺(jue)沖(chong)擊,另一個是3D立體方塊、水銀(yin)質感和(he)彩虹(hong)色(se)作為設計記憶點。
3、字體
字體(ti)也(ye)是(shi)記憶(yi)(yi)點(dian)的(de)一(yi)個緯度,字體(ti)的(de)變化有時候也(ye)會(hui)讓整個設計(ji)有一(yi)個很好的(de)記憶(yi)(yi)點(dian)!iOS11最大(da)變化就是(shi)字號(hao),通過加強(qiang)字體(ti)層級,對界面中字體(ti)大(da)小,通過對比來強(qiang)調,來形成設計(ji)記憶(yi)(yi)點(dian)。
4、圖(tu)形刻畫
方(fang)形變(bian)成圓(yuan)形,線的(de)圖(tu)標變(bian)成面的(de)圖(tu)標這些都是(shi)設(she)(she)計記(ji)憶(yi)(yi)(yi)點,只要我(wo)們把這個(ge)設(she)(she)計記(ji)憶(yi)(yi)(yi)點很(hen)好的(de)落地到(dao)整個(ge)界面那(nei)么就(jiu)會形成很(hen)強的(de)記(ji)憶(yi)(yi)(yi)感知。
5、質(zhi)感(gan)刻畫
質(zhi)感(gan)變化(hua)很(hen)好理解,如(ru)何讓(rang)用戶感(gan)知明顯(xian)很(hen)重要一點(dian)是質(zhi)感(gan)的(de)變化(hua),比如(ru)從扁平調整為(wei)寫實3D風格,例如(ru)16年(nian)雙11到17年(nian)雙11,變化(hua)就(jiu)很(hen)明顯(xian),從原來的(de)扁平波普(pu)(pu)變成3D波普(pu)(pu)風格。
6、輔助圖形
插畫是Uber新(xin)改版設(she)(she)計中很(hen)強的(de)一個(ge)設(she)(she)計記憶點,將各個(ge)國家的(de)文(wen)化(hua)元素提(ti)煉出對應的(de)圖案(an)很(hen)好(hao)的(de)將國際化(hua)特征表現出來。
7、插畫
除了色(se)彩、形狀、輔(fu)助圖形、質(zhi)感外,其(qi)實插(cha)畫也是很好的一個(ge)點(dian)(dian)(dian),今年dropbox更新了他們設(she)計(ji)語言,其(qi)中(zhong)很重要(yao)一點(dian)(dian)(dian)就是對(dui)于設(she)計(ji)插(cha)畫的升級,以往我(wo)們記憶(yi)中(zhong)dropbox的設(she)計(ji)語言是運用(yong)藍色(se)商務的插(cha)畫風(feng)格比較可愛(ai),這次新的改變配色(se)大膽(dan)且很潮,雖然褒貶不一,但(dan)也是一個(ge)能讓用(yong)戶(hu)感知(zhi)的點(dian)(dian)(dian)。