UI設(shè)計師，這10種設(shè)計原則你知道嗎？
作為一個設(shè)計師，我們通常被稱為藝術(shù)家、視覺裝飾者、項目的被動實現(xiàn)者。遇到一些甲方或上級關(guān)于設(shè)計的不調(diào)，經(jīng)驗不友好，您的設(shè)計原因就是這種問題，往往無法回答只能蓋頭反復(fù)修改，陷入質(zhì)疑自己設(shè)計能力的兩難境地。
擺脫站不住腳腳設(shè)計的，我們需要學(xué)習一些設(shè)計常見的設(shè)計原則，合理輸出設(shè)計稿。設(shè)計原則總結(jié)有三個優(yōu)點：
1. 便于確立目標和方向；
2. 便于團隊協(xié)作和溝通；
3. 指導(dǎo)設(shè)計決策。
根據(jù)實際情況，UI設(shè)計中常見的10個設(shè)計原則，超出了設(shè)計工作的情況，希望每個人都喜歡。
01. 功能可見性
AFFordance
通過模擬現(xiàn)實世界中建議用戶系統(tǒng)是如何工作的。它通常用于界面的功能設(shè)計，使用隱喻和其他方式將用戶對項目的體驗映射到界面。如果產(chǎn)品的功能可見性符合人們的感官期望，該設(shè)計將具有高的接受率和使用，并且也將被認為是易于由用戶操作的。
例如：淘票APP-電影座位選擇，根據(jù)實際電影院的座位安排，可以引導(dǎo)用戶明確購買電影票在座椅上，在與用戶的感官預(yù)期，表達本身的清晰傳遞的意義中，用戶選擇可訪問性。
02. 意元集組
Chunking
為了適應(yīng)短時記憶，一種將不同的信息收集或匯總成模塊或單元的技能，便于人們?nèi)娜獾乩斫夂陀洃浶畔?。當我們的生活中有很多記憶時，它也適用于這個原則，例如電話號碼、個人地址等等。
例如：中國招商銀行APP - 輸入銀行卡號碼為一組的四個大字，容易閱讀的評論，也更有利于短期記憶。
03. 金字塔原理
Minto Pyramid Principle
一切都可以概括為一個中心點。對于信息顯示的分級區(qū)分是常見的，并且首先強調(diào)核心信息的傳送。需要注意的是，在信息傳輸，對事物的感知動態(tài)比靜態(tài)的東西更快的感知，感知比的彩色圖形的速度更大，感覺比圖形文字的速度。
例如：招商銀行應(yīng)用程序-突出顯示總資產(chǎn)和數(shù)據(jù)，突出顯示大面積形狀和顏色塊的信息，用戶在打開頁面時可以在時間感覺到。
04. 梵蕾斯托夫效應(yīng)
Von Restorff Effect
特別的事件或?qū)ο筇貏e關(guān)心和印象深刻。經(jīng)常用來突出信息重點，以及外圍信息來拉水平。在設(shè)計中，我們經(jīng)常遇到這樣的問題。這個設(shè)計點不夠突出，需要很大。事實上，在設(shè)計和表達關(guān)鍵信息時，我們肯定不僅可以表達突出的信息，而且可以使用特殊的元素、對比色、增加形狀、文本引導(dǎo)來襯托各種設(shè)計表達，以及常見的動態(tài)效果，許多方法都需要嘗試以不同的形式表達。
需要注意的多數(shù)觀點是，如果所有的強調(diào)等于一無所有強調(diào)。
例如：每天在攸縣app主頁的金剛區(qū)域添加促銷拷貝，并以“動態(tài)”的形式將其表達出來，與金剛區(qū)域中的其他圖標分離，吸引用戶的更多關(guān)注，引導(dǎo)用戶點擊該功能板，實現(xiàn)排水和推廣的設(shè)計目標。
05. 二八法則
80/20 Rule
也被稱為一些關(guān)鍵的法律或稀疏的因素，表明80%的結(jié)果是由20%的原因造成的。用來引導(dǎo)用戶關(guān)注的重要的功能和內(nèi)容，用戶有特定的數(shù)據(jù)反饋，優(yōu)先考慮產(chǎn)品功能，易用性，并有助于提高產(chǎn)品設(shè)計的有效性。
例如，在智航火車票應(yīng)用的位置搜索頁面，根據(jù)用戶的個人使用歷史數(shù)據(jù)和平臺用戶的詩歌反饋，在設(shè)計布局中安排優(yōu)先級，以加快用戶的搜索定位和購票過程。
06. AIDMA法則和AISAS模式
在看到廣告和購買之間，消費者通過五個環(huán)節(jié)：吸引注意力，產(chǎn)生興趣，刺激欲望，增強記憶力，促進行動。通常情況下，用戶設(shè)計的促銷頁面收入的目的?？梢詮娜齻€方面來總結(jié)：
a. 引起注意：表現(xiàn)手法上雨中不同，給訪問者提供驚喜和趣味性
b. 產(chǎn)生興趣、激發(fā)欲望：重點展示核心賣點和主要內(nèi)容
c. 強化記憶，促成行動：印象深刻的文案以及詳細信息，促成用戶做出決定
例如，網(wǎng)絡(luò)很容易選擇應(yīng)用程序功能頁面升級。5個折促銷搔抓引起關(guān)注 - 紅包禮品銷售產(chǎn)品激發(fā)興趣和購買欲望 - 打折銷售，以加強對內(nèi)存的消耗，完整的復(fù)制過程中達到了高潮。在推廣頁面中，這種設(shè)計形式的過程往往被設(shè)計師采用。
以AISAS模型為依據(jù)，以AISAS模型為基礎(chǔ)，在互聯(lián)網(wǎng)和無線應(yīng)用時代的消費者生活變化的基礎(chǔ)上，建立了消費者行為的全新模式。在切口的各方面重視，緊密相連的用戶體驗。在全新的營銷規(guī)則中，出現(xiàn)了具有網(wǎng)絡(luò)特色的搜索與分享兩個“S”，指出了搜索與分享在互聯(lián)網(wǎng)時代的重要性，而不是盲目地向用戶灌輸單向理念，充分體現(xiàn)了互聯(lián)網(wǎng)對人們生活方式和消費行為的影響和變化。
例如，PindoDuo應(yīng)用拼貼和價格切割，更多和更多的成功離不開IT，低價格優(yōu)惠吸引用戶，依靠傳輸模式裂變的病毒集群談判模式，促進大規(guī)模用戶知道-低興趣-購買-共享組談判，關(guān)閉周期。
07. 尼爾森F模型
The F-Pattern Eye-Tracking
瀏覽頁面時，用戶將非自愿[F]塑造讀取模式時，這種傳統(tǒng)的用戶從左到右，從上到下的閱讀習慣確定頁面顯示F形信息的顯示。常見設(shè)計方法如下：
a. 將重要內(nèi)容放在前面，讓用戶能夠快讀觸達；
b. 結(jié)構(gòu)化地展示信息，講大段內(nèi)容分成小塊；
c. 提供簡短的標題，讓用戶能夠快速定位到感興趣的內(nèi)容。
比如：京東應(yīng)用商品詳情頁面信息層顯示，結(jié)構(gòu)化商品信息，短標題，重要的價格信息在前面用紅色粗體顯示，讓用戶快速知道。
08. 羊群效應(yīng)
The Effect of Sheep Floc
羊是一個非常分散的組織，但是一旦一只羊移動，另一只羊就會不假思索地沖過去，不管前面可能是狼還是離得不遠的草更好。
比喻人都有一種從眾心理。與所述導(dǎo)向裝置的適當設(shè)計可通過以下方法來實現(xiàn)“放牧”：
a. 利用刺激性的關(guān)鍵詞制造領(lǐng)頭羊，如“瘋搶”、“”等；
b. 利用“領(lǐng)頭羊”營造活躍氛圍，如提示已有多少用戶參加活動、下載、購買；
c. 設(shè)計好友氛圍，當用戶看到自己的好友正在參與，自己參與的可能性更大。
比如：淘寶應(yīng)用首頁雙11預(yù)熱、20億紅包、免息、好禮刺激信息，以及每一次熱身培育活動都要拉朋友組隊，每年的雙11這種玩法設(shè)計都不酷。
09. 格式塔原理
Gestalt Psychology
當一個人正在觀察事物時，大腦是常見的，而不是開始區(qū)分事物的部分，而是把這些部分結(jié)合起來，使它成為一個更容易理解的整體。在設(shè)計和界面布局中使用的信息，使之更加合理。
a. 相近：彼此靠近被看做是一個整體；
b. 相似：把具有共同特性的事物當成一個整體；
c. 封閉：人的大腦可以對圖形實現(xiàn)腦補，實現(xiàn)統(tǒng)一整體；
d. 連續(xù)：連續(xù)是通過一種視覺聯(lián)系讓畫面之間形成一個整體；
e. 簡單：將設(shè)計簡化，復(fù)雜圖形幾何化，在復(fù)雜信息環(huán)境中，構(gòu)建更易懂的整體。
例如：免費應(yīng)用程序主頁布局。租用簡單的圖標表意功能，同一功能板塊信息空間小，不同板塊信息空間大，同一板塊如新福利、畢業(yè)生專區(qū)欄目不同信息用卡+角色塊圓下的右統(tǒng)一設(shè)計形式感，連接在一起形成一個整體，其中涉及到格式塔原理的簡單、相似、連續(xù)、接口。
10. 奧卡姆剃刀定律
Occam’s Razor
如果有兩種相似的設(shè)計，那么選擇容易理解。適用于主要功能，重要信息提取，去除不必要的干擾功能，信息。當一個項目評審多個功能或需求時，設(shè)計人員需要關(guān)注用戶的核心需求，產(chǎn)品為用戶提供的核心功能不需要刪除。
根據(jù)奧卡姆剃須刀定律，我們可以采用以下設(shè)計方法：
。投放位置只需要的東西：簡約的設(shè)計重要的方面是要表明的，其他人隱藏的的東西的作用。這并不意味著你不能為用戶提供很多信息，你可以使用“了解更多”鏈接來實現(xiàn)這一點。
b. 減少點擊次數(shù)：讓用戶通過很少的點擊就能找到他們想要的東西
C.提供更少的選項：做出過多的選擇也是一個壓力，減少選擇可以減少用戶的思維負擔，這將使體驗更加流暢。
例如：花瓣APP - 首頁布局，輕量化設(shè)計，注重平臺搜索地圖的核心功能在地圖上找到，以減少對用戶自己的平臺和運營維護成本的認知負擔。自助應(yīng)用的登錄界面也是如此，可以減少用戶不必要的操作，快速成功登錄應(yīng)用。