1、系列位置效應
系列(lie)中(zhong)第一(yi)個與(yu)最后一(yi)個更容易被記住。
不重要的元素(su)放在(zai)中間(jian),菜單等關(guan)鍵(jian)元素(su)放在(zai)最(zui)左側(ce)或右側(ce)強化記憶。
Tips:
用戶很容易記(ji)住(zhu)第一個元素(首位(wei)效應)而最后一個元素能(neng)對(dui)記(ji)憶(yi)產生明顯(xian)的(de)影響(近因(yin)效應),這就(jiu)是為啥ABC與XYZ比其(qi)他字母更(geng)容易被人記(ji)住(zhu)。如用戶上了高(gao)速(su)公(gong)(gong)(gong)路,他很容意記(ji)住(zhu)見(jian)到(dao)的(de)第一輛(liang)車的(de)樣(yang)子;假設高(gao)速(su)公(gong)(gong)(gong)路上的(de)車只有黑(hei)白兩種顏色(se)(se),下高(gao)速(su) 公(gong)(gong)(gong)路看到(dao)的(de)最后-輛(liang)車 是黑(hei)色(se)(se)的(de),那么很容易得出高(gao)速(su)公(gong)(gong)(gong)路上大多(duo)是黑(hei)色(se)(se)汽車的(de)結論(lun)。
因(yin)此(ci),如(ru)果(guo)某(mou)一頁(ye)用(yong)戶(hu)需要花時(shi)間判斷,可以把主要優點放在前(qian)面,再把決(jue)定性的(de)因(yin)素放在最后,更容易影響用(yong)戶(hu)判斷。
2、對齊
將各(ge)元(yuan)素縱向(xiang)、橫(heng)向(xiang)或圍繞(rao)個(ge)圓(yuan)心整(zheng)齊地(di)排列(lie)。
Tips:設(she)計中將各元(yuan)素對(dui)(dui)(dui)齊(qi)(qi)排列能產生統一感, 增強凝聚力。左右(you)對(dui)(dui)(dui)齊(qi)(qi)的(de)文(wen)本(ben)塊(kuai)比(bi)居中對(dui)(dui)(dui)齊(qi)(qi)的(de)文(wen)本(ben)塊(kuai)看(kan)起來更(geng)(geng)加整(zheng)齊(qi)(qi)。對(dui)(dui)(dui)齊(qi)(qi)文(wen)本(ben)比(bi)不對(dui)(dui)(dui)齊(qi)(qi)文(wen)本(ben)看(kan)起來更(geng)(geng)加整(zheng)齊(qi)(qi),尤其在相(xiang)對(dui)(dui)(dui)復(fu)雜(za)的(de)文(wen)本(ben)中更(geng)(geng)要使用(yong)對(dui)(dui)(dui)齊(qi)(qi)排列。將設(she)計媒介(jie)的(de)邊緣(比(bi)如(ru)紙張的(de)邊緣)和(he)媒介(jie)中看(kan)起來很(hen)自然(ran)的(de)位置(比(bi)如(ru)中線(xian))作為對(dui)(dui)(dui)齊(qi)(qi)元(yuan)素。
將(jiang)設計中的每(mei)一個(ge)(ge)元素(su)都和一個(ge)(ge)或多個(ge)(ge)其(qi)他元素(su)對齊,這(zhe)樣能(neng)夠提高設計作品的視(shi)覺(jue)穩(wen)定感和整體(ti)美觀性(xing)。
3、費茨法則
點到目(mu)標(biao)的(de)時間與(yu)(yu)距離(li)成正比(bi),與(yu)(yu)目(mu)標(biao)大小成反比(bi)。希望用戶點擊的(de)按鈕離(li)用戶近一(yi)(yi)些且大一(yi)(yi)些,這條(tiao)法則(ze)尤其適用于按鈕,讓它易于找到和選擇
Tips:目的(de)明(ming)確(que)的(de)移(yi)動(dong)一般由兩步組成,先向大(da)致的(de)方向移(yi)動(dong),再微調(diao)點擊目標。距(ju)離短(duan)縮(suo)短(duan)移(yi)動(dong)的(de)時間,目標大(da)縮(suo)短(duan)微調(diao)的(de)時間。
因此(ci),縮(suo)短移動距離和(he)合(he)理(li)大小的按(an)鈕,可以方便用戶點(dian)(dian)擊,如相近的元素放(fang)在一起,避免零散而又(you)小的點(dian)(dian)擊操作等。
4、組塊
將信息單位(wei)分成組塊,使其更容易操作(zuo)和記憶
組塊是短時記憶中的一個信(xin)息單位(wei),比如(ru)一個單詞或一組數(shu)字信(xin)息被分成組塊后便(bian)與記憶。
Tips:對(dui)于(yu)數字而(er)言(yan),傳統的(de)(de)估測認(ren)為,人(ren)所能(neng)快速記住的(de)(de)最大細塊(kuai)大約是由7+2個(ge)數構成的(de)(de),而(er)現代的(de)(de)估測認(ren)為人(ren)能(neng)快速記住4+1個(ge)組塊(kuai)。
例如:大多數人無法(fa)在30秒內(nei)記住一(yi)個(ge)十位數,然而,通過把這個(ge)數字(zi)拆(chai)分(fen)成3個(ge)組(zu)塊(類似于記電(dian)話號碼(ma)的方法(fa)),再記憶起來就變得和(he)記住一(yi)個(ge)五(wu)位數一(yi)樣容易(yi)。
5、魔數之七
大多(duo)數用戶一次(ci)性(xing)只(zhi)能記住7 (5-9) 個元(yuan)素。
分組(zu)呈(cheng)現內容,每(mei)組(zu)5- 9個元素。
Tips:一個(ge)頁面(mian)上的(de)同類元素(su)過多過少(shao)都(dou)會影響效率,5-9個(ge)元素(su)到達頂峰,繼續增多效率會下降(jiang),因(yin)為用戶(hu)會一眼看(kan)或記不過來了。
因此如果(guo)羅列(lie)大量元素,務必(bi)考慮分組。
6、做設計時候怎么選擇使用顏色?
1.說下常見的色彩心理
2.說(shuo)幾個行業(ye)常規配色(跟自己(ji)做的項(xiang)目有關系,比如醫(yi)療使用藍色,綠色較多;電商類 橙(cheng)色紅色居多...)
3.除了(le)行業還需要(yao)考慮用戶群體(男(nan)人、女(nv)人、小孩、各種不同(tong)的教育(yu)程度(du)、、、)
4.自身產品的調性,風格偏向
5.結合(he)自己作品(pin)集中的(de)項目,舉例說一個(ge)最近在做的(de)***產品(pin)(詳(xiang)細的(de)介(jie)紹一下(xia)你(ni)做的(de)某(mou)個(ge)項目顏色(se)相關的(de)問題)
更多關于UI培訓的問題,歡迎咨詢千鋒教育,如果(guo)想要了(le)解我們(men)的師資(zi)、課(ke)程、項(xiang)目(mu)實操的話可以點擊咨詢課(ke)程顧(gu)問,獲取(qu)試聽(ting)資(zi)格來試聽(ting)我們(men)的課(ke)程,在線零(ling)距(ju)離接觸千(qian)鋒教育大咖名(ming)師,讓你輕松從入(ru)門(men)到精(jing)通。