做了8年產(chǎn)品經(jīng)理后，我是這么看產(chǎn)品經(jīng)理的
藍(lán)藍(lán)設(shè)計(jì)的小編 設(shè)計(jì)資源
在科技飛速發(fā)展的當(dāng)下，AI 技術(shù)正以前所未有的態(tài)勢(shì)滲透到各個(gè)領(lǐng)域，設(shè)計(jì)行業(yè)也迎來(lái)了重大變革。MasterGo AI 作為一款創(chuàng)新型在線設(shè)計(jì)工具，為產(chǎn)品經(jīng)理和設(shè)計(jì)師帶來(lái)了全新的工作模式，重新定義了界面設(shè)計(jì)的邊界。下面，讓我們通過(guò)圖文結(jié)合的方式，深入了解這款工具的魅力。
蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）www.gerard.com.cn 是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
關(guān)鍵詞：UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
在設(shè)計(jì)領(lǐng)域，有些原則雖然我們經(jīng)常使用，卻可能并不熟悉其背后的理論。馮·雷斯托夫效應(yīng)（Von Restorff Effect）就是這樣一種現(xiàn)象，它解釋了為何在一系列相似元素中，獨(dú)特的那個(gè)更容易被記住。
在我們的日常生活中，心理學(xué)的影響無(wú)處不在。它像一把神奇的鑰匙，能打開人們內(nèi)心深處的秘密。作為設(shè)計(jì)師，我們更應(yīng)該掌握并運(yùn)用心理學(xué)，將其融入我們的設(shè)計(jì)中，從而創(chuàng)造出更具有吸引力和影響力的作品。
設(shè)計(jì)并不僅僅是形狀、顏色和布局的組合，更是對(duì)人類心理的探索和解讀。我們的每一個(gè)設(shè)計(jì)決策，都與用戶的心理狀態(tài)和認(rèn)知過(guò)程息息相關(guān)。如何抓住用戶的眼球、引發(fā)他們的興趣、引導(dǎo)他們的行為，這些都是我們需要深入研究的課題。
在眾多的心理學(xué)原理中，馮·雷斯托夫效應(yīng)（Von Restorff Effect）是一個(gè)值得設(shè)計(jì)師們關(guān)注的設(shè)計(jì)法則。這個(gè)效應(yīng)揭示了一個(gè)有趣的現(xiàn)象：特殊的東西往往比普通的東西更容易被人記住。這就意味著，在設(shè)計(jì)中，我們要制造一些“特殊”的元素，使它們能夠從眾多的信息中脫穎而出，成為用戶關(guān)注的焦點(diǎn)。今天筆者就帶大家了解一下設(shè)計(jì)中常用的心理學(xué)之一馮·雷斯托夫效應(yīng)。
在1933年的德國(guó)，一個(gè)名叫海德維希·馮·雷斯托夫的醫(yī)生開啟了一項(xiàng)改變我們對(duì)人類記憶理解的實(shí)驗(yàn)。她深入探索了當(dāng)人們面對(duì)一系列物品時(shí)，他們的記憶是如何運(yùn)作的。通過(guò)精心設(shè)計(jì)的對(duì)比實(shí)驗(yàn)，她發(fā)現(xiàn)了一個(gè)令人驚奇的現(xiàn)象：在一組物品中，那個(gè)最特別的物品總是更容易被人們記住。
這一發(fā)現(xiàn)為我們揭示了一個(gè)核心事實(shí)：特別的事物更能吸引我們的注意力，并在我們的記憶中留下深刻的印記。想象一下，在一組物品中，如果有一個(gè)被聚光燈照亮，那么相比其他未被照亮的物品，它無(wú)疑會(huì)成為人們關(guān)注的焦點(diǎn)，從而在記憶中留下更深的痕跡。
這個(gè)人類行為和記憶的規(guī)律后來(lái)被命名為“馮·雷斯托夫效應(yīng)”。這一效應(yīng)不僅僅是一個(gè)簡(jiǎn)單的觀察，它實(shí)際上是人類行為學(xué)和心理學(xué)領(lǐng)域的一項(xiàng)重要研究成果。隨著時(shí)間的推移，這一效應(yīng)逐漸被應(yīng)用于美學(xué)和設(shè)計(jì)領(lǐng)域，為設(shè)計(jì)師們提供了全新的視角和工具，以創(chuàng)造出更具吸引力和影響力的作品。
自馮·雷斯托夫效應(yīng)被正式確立命名以來(lái)，眾多科研學(xué)者在此基礎(chǔ)上進(jìn)行了更深入的研究，他們不僅剖析了這一效應(yīng)的內(nèi)在機(jī)制和影響因素，還探討了其在不同情境下的應(yīng)用。隨著研究的深入，對(duì)于這一效應(yīng)的理解也在不斷加深，并衍生出了許多其他的理論和學(xué)術(shù)觀點(diǎn)。
馮·雷斯托夫效應(yīng)為我們提供了一個(gè)獨(dú)特的視角，幫助我們更好地理解人類記憶的運(yùn)作方式。通過(guò)運(yùn)用這一原理，我們可以在設(shè)計(jì)中有意識(shí)地創(chuàng)造出令人難忘的元素，從而與觀眾建立更深刻的聯(lián)系。無(wú)論是在廣告、品牌推廣還是產(chǎn)品設(shè)計(jì)中，突出特別的元素都是一種有效的策略，可以幫助我們更好地吸引觀眾的注意力并留下深刻的印象。
馮·雷斯托夫效應(yīng)，又被稱為隔離效應(yīng)或新奇效應(yīng)，揭示了人們?cè)谟洃浿械钠谩．?dāng)情境或經(jīng)歷中出現(xiàn)與眾不同的刺激時(shí)，這種效應(yīng)尤為明顯。
在當(dāng)今信息爆炸的時(shí)代，用戶往往沒有耐心去仔細(xì)查找信息，而是快速掃視。因此，設(shè)計(jì)師需要巧妙地運(yùn)用萊斯托夫效應(yīng)，使關(guān)鍵內(nèi)容從繁雜的信息中脫穎而出，吸引用戶的目光。
統(tǒng)一性是設(shè)計(jì)的基礎(chǔ)，但只有差異化的元素才能讓信息從頁(yè)面中脫穎而出。通過(guò)巧妙運(yùn)用顏色、形狀、布局等元素，我們可以創(chuàng)造出與眾不同的視覺效果，引導(dǎo)用戶的視線。通過(guò)巧妙地突出關(guān)鍵內(nèi)容，我們能夠更好地與用戶溝通，引領(lǐng)他們的注意力，為業(yè)務(wù)創(chuàng)造更大的價(jià)值。
在界面設(shè)計(jì)中，我們常常會(huì)遇到這樣的情況：在同類型的元素中，某一元素與其他元素存在顯著差異，這種現(xiàn)象我們稱之為“背景不同”。為了使某個(gè)模塊或元素在用戶心中留下深刻印象，我們可以利用環(huán)境差異來(lái)提高其識(shí)別度和記憶度。這種手法在UI設(shè)計(jì)中被廣泛應(yīng)用，它利用了馮·雷斯托夫效應(yīng)，能有效吸引用戶點(diǎn)擊。
例如淘寶底部標(biāo)簽欄中的四個(gè)ICON，唯獨(dú)首頁(yè)的第一個(gè)ICON（品牌logo）風(fēng)格與眾不同。即使離開了該頁(yè)面，這個(gè)特殊的ICON依然讓人印象深刻，餓了么第二的圖標(biāo)也是如此。因此，我們?cè)谠O(shè)計(jì)界面時(shí)，若想吸引用戶的注意或提高點(diǎn)擊量，可以打破常規(guī)，讓特定元素在同背景下脫穎而出。
再比如下圖的個(gè)人中心界面，功能入口模塊均采用ICON展示，而游樂(lè)場(chǎng)模塊卻采用了特殊的布局和設(shè)計(jì)。因此，當(dāng)用戶進(jìn)入個(gè)人中心時(shí)，最先映入眼簾的便是游樂(lè)場(chǎng)模塊。這也解釋了為什么我們?cè)谶M(jìn)行廣告和活動(dòng)投放時(shí)，需要特別設(shè)計(jì)的原因。
當(dāng)遇到與過(guò)去經(jīng)驗(yàn)顯著不同的情況時(shí)，我們的大腦會(huì)產(chǎn)生一種特殊的效應(yīng)，這種效應(yīng)被稱為“經(jīng)驗(yàn)不同”的效應(yīng)。例如，在騎自行車的過(guò)程中，我們通常習(xí)慣于左手控制左把手，右手控制右把手。但是，如果我們嘗試用雙手交叉的方式來(lái)騎車，結(jié)果很可能會(huì)摔倒。從此以后，每當(dāng)我們聽到或描述有關(guān)騎車摔倒的事情時(shí)，我們都會(huì)立刻想起那次“經(jīng)驗(yàn)不同”的嘗試。
同樣地，淘寶和京東在618、雙十一等大型促銷活動(dòng)時(shí)，會(huì)選擇重新設(shè)計(jì)他們的首頁(yè)。與往常的設(shè)計(jì)相比，這些新的首頁(yè)設(shè)計(jì)通常會(huì)增加更多的促銷入口，甚至改變ICON的風(fēng)格。從馮·雷斯托夫效應(yīng)的角度來(lái)看，這種與以往不同的設(shè)計(jì)能夠更好地吸引用戶的注意力，加深用戶的記憶，并擴(kuò)大活動(dòng)對(duì)用戶的影響力。
在視覺層面難以實(shí)現(xiàn)強(qiáng)烈差異化時(shí)，我們可以通過(guò)功能來(lái)實(shí)現(xiàn)有效的隔離。以微信為例，其置頂功能允許用戶將好友或群聊消息置于頂部，從而與其他信息區(qū)分開來(lái)。這種設(shè)計(jì)確保了關(guān)鍵信息的優(yōu)先級(jí)，使用戶能夠更快速地找到和關(guān)注所需內(nèi)容。通過(guò)巧妙地運(yùn)用功能，我們可以輕松地解決視覺上的一致性與差異化之間的矛盾，為用戶提供更加流暢和個(gè)性化的體驗(yàn)。
靜態(tài)頁(yè)面容易讓人視覺疲勞，動(dòng)效能夠更加生動(dòng)有趣地展示內(nèi)容，引導(dǎo)用戶更加關(guān)注頁(yè)面。相較于被動(dòng)接受信息，動(dòng)效能夠更加有效地吸引用戶注意。
隨著Banner自動(dòng)輪播的普及，用戶對(duì)其的吸引力逐漸降低。面對(duì)不斷變化的廣告，用戶不再耐心地逐個(gè)瀏覽。當(dāng)無(wú)法獲取所需信息時(shí)，他們的視線會(huì)迅速轉(zhuǎn)向其他區(qū)域。
為了應(yīng)對(duì)這一挑戰(zhàn)，騰訊視頻首頁(yè)的Banner采用了背景聯(lián)動(dòng)的形式。這意味著頭部背景色會(huì)根據(jù)Banner圖片的色調(diào)進(jìn)行變化，從而擴(kuò)大了內(nèi)容的變化空間。這種設(shè)計(jì)不僅使廣告更加引人注目，還使用戶更容易被吸引并保持關(guān)注。
頻道頁(yè)的入口方式多種多樣，金剛區(qū)icon無(wú)疑是最優(yōu)選擇。若要突出展示某些業(yè)務(wù)功能，單一的icon配合動(dòng)效可有效吸引用戶關(guān)注。此策略簡(jiǎn)單高效，有助于用戶快速找到所需內(nèi)容。
在設(shè)計(jì)界面時(shí)，我們追求的是在有限的空間內(nèi)展示更多的有效信息，避免信息的無(wú)效重復(fù)。但在電商平臺(tái)中，尤其是涉及到利益點(diǎn)時(shí)，我們需要確保信息具有足夠的價(jià)值感和吸引力。
以智行APP開通會(huì)員為例，領(lǐng)神卡作為核心賣點(diǎn)被突出展示，采用了平鋪展開的方式，從而突顯其價(jià)值。相對(duì)其他權(quán)益則相應(yīng)地進(jìn)行了弱化處理，以保持整體信息的清晰度和重點(diǎn)。這樣的設(shè)計(jì)既充分利用了屏幕空間，又確保了用戶能夠快速了解到核心的利益點(diǎn)。
頁(yè)面信息層次分明，信息層級(jí)越高，用戶感知越強(qiáng)烈，越能吸引注意。例如，模態(tài)彈窗處于最上層，與內(nèi)容層完全隔離，用戶無(wú)法忽視。其次是非模態(tài)懸浮層，與內(nèi)容層隔離，但不影響用戶操作。還有側(cè)邊懸浮按鈕、頂部或底部懸浮橫條等。
受“危險(xiǎn)按鈕”的影響，過(guò)去設(shè)計(jì)師常常給予負(fù)向情緒操作很高的視覺層級(jí)，例如退出登錄。這樣的設(shè)計(jì)意圖是警示用戶操作危險(xiǎn)，但視覺上卻過(guò)于強(qiáng)調(diào)，甚至有些“喧賓奪主”。近年來(lái)，移動(dòng)端設(shè)計(jì)中這種矛盾逐漸減少，但仍然存在。與其強(qiáng)調(diào)操作的難度和危險(xiǎn)性，不如考慮如何讓用戶自然地忽視這些操作，減少不必要的干擾。從馮·雷斯托夫效應(yīng)來(lái)看，這種設(shè)計(jì)方式有本末倒置之嫌，應(yīng)盡量避免。
新手設(shè)計(jì)師常常會(huì)遇到想要突出所有元素，但最終無(wú)法突出任何一項(xiàng)的問(wèn)題。頁(yè)面中的特異點(diǎn)應(yīng)該屬于少數(shù)，如果所有元素都想做得不一樣，都會(huì)讓頁(yè)面整體視覺效果崩潰。因此，在設(shè)計(jì)中要學(xué)會(huì)取舍，選擇最重要的元素進(jìn)行突出，才能達(dá)到最佳的視覺效果。
總的來(lái)說(shuō)，將馮·雷斯托夫效應(yīng)運(yùn)用到設(shè)計(jì)中，能幫助我們創(chuàng)造出更具吸引力、更容易被記住的設(shè)計(jì)。但請(qǐng)記住，任何設(shè)計(jì)決策都應(yīng)以用戶為中心，了解他們的需求和心理是關(guān)鍵。只有這樣，我們才能真正創(chuàng)造出打動(dòng)人心的設(shè)計(jì)。
專欄作家
大漠飛鷹；人人都是產(chǎn)品經(jīng)理專欄作家。致力于產(chǎn)品需求的驅(qū)動(dòng)、產(chǎn)品體驗(yàn)的挖掘，利用設(shè)計(jì)的手段為受眾用戶帶來(lái)更好的體驗(yàn)，即好看、好用。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來(lái)自 Unsplash，基于 CC0 協(xié)議。
該文觀點(diǎn)僅代表作者本人，人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
蘭亭妙微(www.gerard.com.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
大腦在處理和組織看到的信息時(shí)會(huì)使用一套快捷方法，了解這些方法是設(shè)計(jì)成功的關(guān)鍵要素。本文介紹了十一條有效的設(shè)計(jì)準(zhǔn)則，用形象的圖解幫助讀者更好地理解設(shè)計(jì)準(zhǔn)則在設(shè)計(jì)工作中的運(yùn)用，幫助你利用這些方法更快捷地開展設(shè)計(jì)。適合關(guān)注產(chǎn)品設(shè)計(jì)的小伙伴閱讀。
感知力是大腦將不同的信息連接和組織成一個(gè)連貫整體的機(jī)制。例如我們將相似的對(duì)象分組并連接起來(lái)，能夠輕松地區(qū)分出不屬于該組的對(duì)象。
大腦在處理和組織看到的信息時(shí)會(huì)使用一套快捷方法，了解這些方法是設(shè)計(jì)成功的關(guān)鍵要素。
在UI設(shè)計(jì)時(shí)，我們應(yīng)該有意識(shí)地運(yùn)用感知力，用足夠的事實(shí)來(lái)驗(yàn)證設(shè)計(jì)，有依有據(jù)地解釋為什么這個(gè)圖形元素要這樣設(shè)計(jì)？背后的原因是什么？
提升感知力有助于清晰地解釋設(shè)計(jì)方案，避免常見的設(shè)計(jì)錯(cuò)誤，引導(dǎo)我們將設(shè)計(jì)做得更好、更容易理解！
彼此靠近的元素會(huì)被自動(dòng)理解為一組。把它們的位置放得更遠(yuǎn)，會(huì)給人一種這些元素是完全獨(dú)立的個(gè)體的印象。
在UI設(shè)計(jì)中，可以利用鄰近原則將相似的界面元素組合在一起，把控總體布局。
鄰近規(guī)則適用于主導(dǎo)航、卡片、按鈕、內(nèi)容和圖標(biāo)等。我們還可以使用適當(dāng)?shù)牧舭讓⒉煌脑剡M(jìn)一步分開，創(chuàng)建一個(gè)層級(jí)更清晰的界面結(jié)構(gòu)，以此來(lái)幫助用戶瀏覽和理解不同類型的信息。
鄰近原則是直接影響界面可用性的基本規(guī)則之一。如果隨意控制元素的位置和間距，有可能會(huì)讓整個(gè)產(chǎn)品變得混亂和難以理解。
視覺上相似的元素會(huì)被視為同一組，視覺上不同的元素，大腦會(huì)下意識(shí)將其視為單獨(dú)的元素。
利用相似性可以來(lái)定義界面的特征，例如顏色、形狀、尺寸、紋理或空間位置等。最容易區(qū)分的是顏色相似，其次是尺寸和形狀相似。
如果一個(gè)元素和界面中其他的元素都不同，無(wú)法融入到其他元素組中，那么這個(gè)元素就會(huì)變得非常顯眼。
我們可以利用這種差異化的效果來(lái)突出一些具有引導(dǎo)性或者功能性的元素，例如登錄按鈕或者加入購(gòu)物車按鈕等。
一組不相連的元素組合在一起，我們會(huì)下意識(shí)地自動(dòng)補(bǔ)充這些元素之間的空白，得到一個(gè)完整的、可識(shí)別的形狀。
閉合原則有多種不同的用法。例如一個(gè)虛線箭頭，我們會(huì)填補(bǔ)空白并把這些點(diǎn)連接在一起，得到一條完整的線段。
閉合原則還有助于識(shí)別抽象的圖標(biāo)形狀并賦予更多的含義。在圖標(biāo)設(shè)計(jì)中，為了避免信息過(guò)載，大多數(shù)圖標(biāo)的設(shè)計(jì)都很簡(jiǎn)潔，更方便用戶理解。
運(yùn)用閉合原則的經(jīng)典案例包括用不同虛線構(gòu)成的IBM標(biāo)志、利用正負(fù)形空間組合而成的WWF熊貓標(biāo)志。
UI界面中的元素一旦有對(duì)稱性，就會(huì)產(chǎn)生秩序感，我們很快就能看到并理解這種形式。
我們天生喜歡對(duì)稱的物體。對(duì)稱排列的元素在視覺上更令人舒服，也更美觀。
可能有人覺得對(duì)稱設(shè)計(jì)過(guò)于呆板，這種想法在平面廣告或視覺設(shè)計(jì)中可能正確，但在UI設(shè)計(jì)中對(duì)稱布局是相當(dāng)重要且實(shí)用的界面排版形式。
對(duì)稱布局讓設(shè)計(jì)更容易理解，也更友好，缺乏對(duì)稱會(huì)導(dǎo)致界面混亂，不知道該關(guān)注哪個(gè)元素。當(dāng)然，如果想讓某個(gè)模塊突出展示，也可以嘗試打破對(duì)稱性，這樣不對(duì)稱的元素就能在界面中脫穎而出。
界面中沿著同一條線對(duì)齊的元素會(huì)被認(rèn)為屬于同一組。
在瀏覽界面時(shí)，視線會(huì)第一時(shí)間尋找最順暢的視覺動(dòng)線。這也解釋了為什么在使用連續(xù)性原則時(shí)，需要確保直線(或曲線)是均勻和可預(yù)測(cè)的。
線條越均勻，生成的形狀越容易被用戶正確識(shí)別。
連續(xù)性有助于界面保持上下垂直滾動(dòng)時(shí)的節(jié)奏，相似的內(nèi)容應(yīng)始終保持對(duì)齊。如果某個(gè)元素打破了這種連續(xù)性，我們的瀏覽節(jié)奏會(huì)被打亂，瀏覽速度也會(huì)變慢。
當(dāng)下的UI設(shè)計(jì)中，流行帶有圓角的卡片和按鈕效果。其中的一個(gè)原因是我們對(duì)于直角的處理速度稍慢，視線需要停頓并旋轉(zhuǎn)90度，而更圓滑的導(dǎo)角效果能幫助我們的視線更快地轉(zhuǎn)換。
按相同方向、以相同速度運(yùn)動(dòng)的元素被認(rèn)為是一組。
在設(shè)計(jì)輪播、下拉列表、過(guò)渡動(dòng)畫等場(chǎng)景時(shí)，共同命運(yùn)原則會(huì)很有幫助。例如我們的視線既跟隨輪播圖水平移動(dòng)，還跟隨下拉列表向下展開。
根據(jù)希克定律，可供的選擇數(shù)量應(yīng)該有限制。有太多東西可供選擇可能會(huì)導(dǎo)致用戶迷失方向，做出判斷的時(shí)間加長(zhǎng)，甚至?xí)械綁毫Α?/p>
米勒定律提到，大腦處理信息的能力與認(rèn)知負(fù)荷有直接的關(guān)系。我們大腦一次能處理的信息量大約是7個(gè)對(duì)象。對(duì)象數(shù)量越多，處理它們所需的時(shí)間就越長(zhǎng)。
在設(shè)計(jì)時(shí)，盡量不要超過(guò)七個(gè)選項(xiàng)，為了獲得最好的體驗(yàn)，應(yīng)盡量將選項(xiàng)保持在4-5個(gè)。這意味著需要控制主導(dǎo)航數(shù)量、按鈕數(shù)量、下拉選項(xiàng)和輪播圖數(shù)量等。
當(dāng)需要用戶做選擇時(shí)，最好能突出顯示最受歡迎或最推薦的選項(xiàng)，幫助用戶更快做出決策。
我們能夠本能地區(qū)分界面中的圖形元素和背景。
界面由不同類型和樣式的圖層組成，每個(gè)圖層都有不同的層次結(jié)構(gòu)。
為了避免層次結(jié)構(gòu)混淆，我們需要清楚地定義界面的所有元素。背景不需要設(shè)計(jì)設(shè)計(jì)的太花哨，有可能會(huì)搶奪用戶對(duì)主要內(nèi)容的注意力。
輔助內(nèi)容和功能不需要太明顯，并且需要與主要內(nèi)容在設(shè)計(jì)上做出區(qū)分。
可以使用對(duì)比關(guān)系、位置關(guān)系和陰影等方法幫助用戶區(qū)分內(nèi)容和背景。
用戶通常認(rèn)為具有視覺吸引力(美觀)的產(chǎn)品更實(shí)用。
根據(jù)這個(gè)原則，流行、對(duì)稱、美觀的界面會(huì)對(duì)用戶產(chǎn)生更積極的影響。如果視覺效果給人足夠好的第一印象，用戶可能會(huì)忽略一些可用性問(wèn)題。
審美可用性的基礎(chǔ)在于具有一定的可用性，之后才會(huì)起作用。如果產(chǎn)品本身的功能就很糟糕，那么再美觀的界面也無(wú)濟(jì)于事。
高質(zhì)量、美觀的界面有助于建立用戶信任。相反一個(gè)看起來(lái)混亂的設(shè)計(jì)會(huì)讓用戶感到不靠譜。即使用戶不能確切說(shuō)出界面視覺的問(wèn)題，但他們也會(huì)覺得這個(gè)產(chǎn)品有風(fēng)險(xiǎn)或者不正規(guī)。
高質(zhì)量的UI設(shè)計(jì)對(duì)于銀行類、金融類和醫(yī)療類產(chǎn)品來(lái)說(shuō)尤為重要，尤其是在需要用戶提供個(gè)人信息或涉及交易的使用場(chǎng)景中。
我們最容易記住一組當(dāng)中的第一個(gè)和最后一個(gè)元素。
將最重要的內(nèi)容或元素放在每組的第一個(gè)或最后一個(gè)，吸引用戶注意力，方便高頻操作。而次要的內(nèi)容操作頻率相對(duì)較低，則放到中間位置。
例如在構(gòu)建導(dǎo)航、下拉列表等場(chǎng)景中，將重要的操作放到首位。
在一組看起來(lái)相似的元素中，我們總是會(huì)記住與其余元素不匹配的那個(gè)元素。
在UI設(shè)計(jì)中，隔離效應(yīng)意味著將界面中重要的內(nèi)容或關(guān)鍵的操作在視覺上與眾不同。
最典型案例是界面中的CTA(號(hào)召性用語(yǔ))按鈕。通過(guò)改變CTA按鈕的顏色、尺寸等，與界面中的其他按鈕區(qū)分開來(lái)，第一時(shí)間引起用戶的注意。
專欄作家
作者：Clippp，每周精選設(shè)計(jì)文章，專注分享關(guān)于產(chǎn)品、交互、UI視覺上的設(shè)計(jì)思考。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。
題圖來(lái)自 Unsplash，基于CC0協(xié)議。
該文觀點(diǎn)僅代表作者本人，人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
這次全面的改版，針對(duì)UI與UE不統(tǒng)一的問(wèn)題，邁出了關(guān)鍵的一步——首次構(gòu)建組件庫(kù)
盡管在初期階段，面臨諸多挑戰(zhàn)和困難，但堅(jiān)持不懈的努力使得組件庫(kù)逐漸成形。組件庫(kù)基本完善后，對(duì)工作效率的提升效果簡(jiǎn)直令人興奮。組件的靈活變體和自動(dòng)化的布局功能，不僅極大地提升了設(shè)計(jì)效率，也確保了界面的一致性和用戶體驗(yàn)的連貫性。這一嘗試不僅解決了我們面臨的問(wèn)題，更為未來(lái)的設(shè)計(jì)和開發(fā)工作奠定了堅(jiān)實(shí)的基礎(chǔ)，期待未來(lái)更多的挑戰(zhàn)與進(jìn)步。
判斷 UI 設(shè)計(jì)公司的收費(fèi)是否合理，可以從以下多個(gè)方面著手：
考量設(shè)計(jì)公司的專業(yè)水平與資質(zhì)
團(tuán)隊(duì)專業(yè)背景：查看設(shè)計(jì)團(tuán)隊(duì)成員的學(xué)歷、畢業(yè)院校以及所學(xué)專業(yè)等情況，若團(tuán)隊(duì)成員大多來(lái)自知名設(shè)計(jì)院校，具備扎實(shí)的專業(yè)基礎(chǔ)，例如有專業(yè)的視覺傳達(dá)、交互設(shè)計(jì)等相關(guān)專業(yè)背景，往往意味著能產(chǎn)出高質(zhì)量的設(shè)計(jì)成果，相應(yīng)收費(fèi)可能會(huì)偏高，但也更具合理性。
行業(yè)經(jīng)驗(yàn)：了解其在 UI 設(shè)計(jì)領(lǐng)域的從業(yè)年限以及過(guò)往參與過(guò)的項(xiàng)目類型和數(shù)量。有豐富行業(yè)經(jīng)驗(yàn)的公司，經(jīng)歷過(guò)各種不同客戶需求和復(fù)雜項(xiàng)目的打磨，在處理問(wèn)題、把握設(shè)計(jì)方向上更有優(yōu)勢(shì)，對(duì)于復(fù)雜項(xiàng)目合理收取較高費(fèi)用是正常的，比如長(zhǎng)期服務(wù)大型企業(yè)、完成過(guò)多個(gè)行業(yè)標(biāo)桿性 UI 設(shè)計(jì)項(xiàng)目的公司，其報(bào)價(jià)高些可能是基于深厚的實(shí)踐積累。
所獲榮譽(yù)與資質(zhì)認(rèn)證：關(guān)注該公司是否獲得過(guò)一些權(quán)威的 UI 設(shè)計(jì)相關(guān)獎(jiǎng)項(xiàng)，或者具備如紅點(diǎn)獎(jiǎng)等。這些榮譽(yù)和認(rèn)證是對(duì)其設(shè)計(jì)實(shí)力與服務(wù)質(zhì)量的一種認(rèn)可，收費(fèi)相對(duì)高些如果匹配其專業(yè)形象，也是合理的體現(xiàn)。
蘭亭妙微一直秉持著 “設(shè)計(jì)優(yōu)秀，不斷超越” 的理念。誠(chéng)信敬業(yè)、專業(yè)耐心是他們工作作風(fēng)的真實(shí)寫照。在設(shè)計(jì)服務(wù)方面，他們不斷創(chuàng)新，與時(shí)俱進(jìn)。公司深知，只有幫助企業(yè)提升軟件和互聯(lián)網(wǎng)產(chǎn)品的界面設(shè)計(jì)水平，進(jìn)行開發(fā)升級(jí)，才能為企業(yè)帶來(lái)更多的價(jià)值。
設(shè)計(jì)的審美大多數(shù)是依照市場(chǎng)的改變而變化的，市場(chǎng)選擇的東西要試著去相信，可以參考，不表示要一比一的模仿，加入自己的想法和理解，也許能有新的東西出來(lái)。接到委托之后先具體化的溝通，理解需求，復(fù)述你的理解，讓對(duì)方同屏，之后再進(jìn)行更具體的論述，能減少之后的許多麻煩。
藍(lán)藍(lán)設(shè)計(jì)( www.gerard.com.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.gerard.com.cn
