千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

手機(jī)站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

千鋒教育

掃一掃進(jìn)入千鋒手機(jī)站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

當(dāng)前位置:首頁(yè)  >  應(yīng)聘面試  >  UI面試題  > UI設(shè)計(jì)面試題:設(shè)計(jì)基礎(chǔ)理論/設(shè)計(jì)方法論(上)

UI設(shè)計(jì)面試題:設(shè)計(jì)基礎(chǔ)理論/設(shè)計(jì)方法論(上)

來源:千鋒教育
發(fā)布人:syq
時(shí)間: 2022-08-15 10:44:00 1660531440

  1、系列位置效應(yīng)

  系列中第一個(gè)與最后一個(gè)更容易被記住。

  不重要的元素放在中間,菜單等關(guān)鍵元素放在最左側(cè)或右側(cè)強(qiáng)化記憶。

設(shè)計(jì)基礎(chǔ)理論

  Tips:

  用戶很容易記住第一個(gè)元素(首位效應(yīng))而最后一個(gè)元素能對(duì)記憶產(chǎn)生明顯的影響(近因效應(yīng)),這就是為啥ABC與XYZ比其他字母更容易被人記住。如用戶上了高速公路,他很容意記住見到的第一輛車的樣子;假設(shè)高速公路上的車只有黑白兩種顏色,下高速 公路看到的最后-輛車 是黑色的,那么很容易得出高速公路上大多是黑色汽車的結(jié)論。

  因此,如果某一頁(yè)用戶需要花時(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è)頁(yè)面上的同類元素過多過少都會(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)擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。

tags:
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
請(qǐng)您保持通訊暢通,專屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通
免費(fèi)領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT
ui設(shè)計(jì)面試題:個(gè)人學(xué)習(xí)及能力提升考察篇(一)

1、最近有沒有想要提升的能力?解析:企業(yè)想要看求職者是否具有自主學(xué)習(xí)能力,以及欠缺的能力。求職者對(duì)自身能力的認(rèn)知是否清晰。回答思路:可...詳情>>

2022-08-15 10:11:00
UI設(shè)計(jì)面試題:移動(dòng)端相關(guān)問題(四)

交互設(shè)計(jì)師,設(shè)計(jì)產(chǎn)品的交互界面結(jié)構(gòu)、布局、操作流程等、跟蹤產(chǎn)品開發(fā)流程、竟品分析、產(chǎn)品數(shù)據(jù)分析持續(xù)優(yōu)化產(chǎn)品可用悵、編寫界面交互設(shè)計(jì)文檔...詳情>>

2022-08-15 10:09:38
UI設(shè)計(jì)面試題:移動(dòng)端相關(guān)問題(三)

一、針對(duì)你的某個(gè)項(xiàng)目,讓你介紹一下?項(xiàng)目大背景(項(xiàng)目來源,甲方,場(chǎng)景,基本的要求,相關(guān)的內(nèi)容)團(tuán)隊(duì)(幾個(gè)人做的,自己的職責(zé))周期(大概多少頁(yè)...詳情>>

2022-08-15 10:07:29
10個(gè)UI設(shè)計(jì)師面試常見問題及解析(下)

6、這套APP共幾個(gè)人參與?如何分工?考察點(diǎn):1.你負(fù)責(zé)哪部分2.你的團(tuán)隊(duì)協(xié)作能力,一套產(chǎn)品參與的人一般是7-上百人,一套APP 2-5設(shè)計(jì)師都可以完...詳情>>

2022-08-15 10:01:09
10個(gè)UI設(shè)計(jì)師面試常見問題及解析(上)

1、你客戶的公司叫什么名字?既然是自己公司的客戶,關(guān)于客戶公司的名字、對(duì)接人員、他們公司的業(yè)務(wù)、所做項(xiàng)目的現(xiàn)狀...都要有所了解。詳情>>

2022-08-15 09:59:02
快速通道