1、系列位置效應(yīng)
系列中第一個(gè)與最后一個(gè)更容易被記住。
不重要的元素放在中間,菜單等關(guān)鍵元素放在最左側(cè)或右側(cè)強(qiáng)化記憶。
Tips:
用戶很容易記住第一個(gè)元素(首位效應(yīng))而最后一個(gè)元素能對(duì)記憶產(chǎn)生明顯的影響(近因效應(yīng)),這就是為啥ABC與XYZ比其他字母更容易被人記住。如用戶上了高速公路,他很容意記住見到的第一輛車的樣子;假設(shè)高速公路上的車只有黑白兩種顏色,下高速 公路看到的最后-輛車 是黑色的,那么很容易得出高速公路上大多是黑色汽車的結(jié)論。
因此,如果某一頁用戶需要花時(shí)間判斷,可以把主要優(yōu)點(diǎn)放在前面,再把決定性的因素放在最后,更容易影響用戶判斷。
2、對(duì)齊
將各元素縱向、橫向或圍繞個(gè)圓心整齊地排列。
Tips:設(shè)計(jì)中將各元素對(duì)齊排列能產(chǎn)生統(tǒng)一感, 增強(qiáng)凝聚力。左右對(duì)齊的文本塊比居中對(duì)齊的文本塊看起來更加整齊。對(duì)齊文本比不對(duì)齊文本看起來更加整齊,尤其在相對(duì)復(fù)雜的文本中更要使用對(duì)齊排列。將設(shè)計(jì)媒介的邊緣(比如紙張的邊緣)和媒介中看起來很自然的位置(比如中線)作為對(duì)齊元素。
將設(shè)計(jì)中的每一個(gè)元素都和一個(gè)或多個(gè)其他元素對(duì)齊,這樣能夠提高設(shè)計(jì)作品的視覺穩(wěn)定感和整體美觀性。
3、費(fèi)茨法則
點(diǎn)到目標(biāo)的時(shí)間與距離成正比,與目標(biāo)大小成反比。希望用戶點(diǎn)擊的按鈕離用戶近一些且大一些,這條法則尤其適用于按鈕,讓它易于找到和選擇
Tips:目的明確的移動(dòng)一般由兩步組成,先向大致的方向移動(dòng),再微調(diào)點(diǎn)擊目標(biāo)。距離短縮短移動(dòng)的時(shí)間,目標(biāo)大縮短微調(diào)的時(shí)間。
因此,縮短移動(dòng)距離和合理大小的按鈕,可以方便用戶點(diǎn)擊,如相近的元素放在一起,避免零散而又小的點(diǎn)擊操作等。
4、組塊
將信息單位分成組塊,使其更容易操作和記憶
組塊是短時(shí)記憶中的一個(gè)信息單位,比如一個(gè)單詞或一組數(shù)字信息被分成組塊后便與記憶。
Tips:對(duì)于數(shù)字而言,傳統(tǒng)的估測(cè)認(rèn)為,人所能快速記住的最大細(xì)塊大約是由7+2個(gè)數(shù)構(gòu)成的,而現(xiàn)代的估測(cè)認(rèn)為人能快速記住4+1個(gè)組塊。
例如:大多數(shù)人無法在30秒內(nèi)記住一個(gè)十位數(shù),然而,通過把這個(gè)數(shù)字拆分成3個(gè)組塊(類似于記電話號(hào)碼的方法),再記憶起來就變得和記住一個(gè)五位數(shù)一樣容易。
5、魔數(shù)之七
大多數(shù)用戶一次性只能記住7 (5-9) 個(gè)元素。
分組呈現(xiàn)內(nèi)容,每組5- 9個(gè)元素。
Tips:一個(gè)頁面上的同類元素過多過少都會(huì)影響效率,5-9個(gè)元素到達(dá)頂峰,繼續(xù)增多效率會(huì)下降,因?yàn)橛脩魰?huì)一眼看或記不過來了。
因此如果羅列大量元素,務(wù)必考慮分組。
6、做設(shè)計(jì)時(shí)候怎么選擇使用顏色?
1.說下常見的色彩心理
2.說幾個(gè)行業(yè)常規(guī)配色(跟自己做的項(xiàng)目有關(guān)系,比如醫(yī)療使用藍(lán)色,綠色較多;電商類 橙色紅色居多...)
3.除了行業(yè)還需要考慮用戶群體(男人、女人、小孩、各種不同的教育程度、、、)
4.自身產(chǎn)品的調(diào)性,風(fēng)格偏向
5.結(jié)合自己作品集中的項(xiàng)目,舉例說一個(gè)最近在做的***產(chǎn)品(詳細(xì)的介紹一下你做的某個(gè)項(xiàng)目顏色相關(guān)的問題)
更多關(guān)于UI培訓(xùn)的問題,歡迎咨詢千鋒教育在線名師,如果想要了解我們的師資、課程、項(xiàng)目實(shí)操的話可以點(diǎn)擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。