作為產品經理，了解一定的UI設計準則是十分必要的。
接下來成都網站建設科技小編為您選取一些我個人認為十分有用的規則進行講述。
保持一致的原則
定義闡述
讓我們在頁面同個結構擺放相同的信息和控件，可以減少用戶的思考時間，從而利用慣性選擇自己需要的相關的控件，大大減少操作成本。不同頁面上提供的相同功能的控件和數據顯示應該擺放在每一頁的相同位置，而且應該有相同的顏色，字體跟陰影等。這樣子的一致性能讓用戶很快地找到跟識別他們，減少誤區。
實例闡述
例如在一個網站中，如果其中一個網頁的提交按鈕跟其他網頁的提交的按鈕做得不一樣的話，將會大大增加用戶去尋找該按鈕的操作成本以及相對應的思考的時間。
習慣性原則
人們在對于一個判斷，剛開始會有相對應的抵觸心理，即對問題的題眼會相對應來說比較敏感，但是越是到了后期人們越容易放松警惕，對題目的類型也將不會那么的敏感。
因此，如果一直點擊某個位置的具體按鈕，到后期這種對該按鈕的敏感程度會逐漸降低。我們可以利用這個特性將重要的東西放到流程的后面進行展示。
比如說我們在下載某款產品的時候，等到下載完成之后，彈出框會默認勾選一些用戶會有抵觸的東西，如果下載的是瀏覽器該類的產品，則會彈出默認勾選該網頁為默認瀏覽器，或者像用戶注冊流程的注冊條款，也是默認把一些讓用戶不舒服的元素放在最后的步驟進行勾選。
接近性原理
定義闡述
物體之間的相對距離會影響我們感知他們是否以及如何組織在一起。互相靠近(相對于其他物體)的物體他們看起來像是一組，而那些距離較遠的就不是。設計者們就是利用這一種原理使用分組框或者屏幕上的控件和數據顯示分隔開來。從而使得整個畫面看起來會比較清楚和有條理性。
深淺度原理
兩個顏色越淺，越不飽和，就越難把他們區分開。比如說白色跟米黃色，蒂芙尼藍跟淺藍色或者淺綠色，由于這些顏色過于接近以及飽和度都不高，如果將這些顏色運用在選中狀態和未選中狀態，當前步驟和非當前步驟的狀態，那么用戶就在視覺上面沒辦法進行一個明顯的判斷，無法分清哪個是在當前下進行，哪個不是在當下進行。
因此，如果跟你共事的UI是半路出家，或者對自己的專業沒有研究很透徹的話，使用這種難以識別的顏色做流程的話，你作為PM大可硬氣的跟他說：根據色塊深淺度原理，你這樣子做是特別不合理的。
難以辨認的書寫和字型
對比研究表明，有閱讀技巧的人在讀大寫文字速度的內容比閱讀小寫文字內容的速度慢10%-15%。當前研究表明說明，這主要是缺乏閱讀大寫字型的訓練造成的。空心輪廓線的字型讓特征識別更加困難。
封閉性原理
我們視覺系統自動嘗試將敞開的圖形關閉起來，從而將其感知為完整的物體而非分散的碎片。因此，我們將分散的弧形感知為一個圓：描述一疊對象構成的整體又或者是抽象物體的兩種表現形式。
主體/背景
當一個小的物體與更大的色塊重疊的時候，我們傾向于認為小的物體是主體而大的物體是背景。當物體重疊時，我么我們把小的那個當作是背景之上的主體如彈出toast的時候，用戶注意力焦點的內容臨時成為新信息的背景，新的信息短暫地作為新的主體。
菲茨定律在設計中的應用：
目標(圖形化按鈕，菜單和鏈接)要足夠大，容易讓人么點到，不要讓實際可點擊的對象至少跟看起來的一樣大，不要展示大的按鈕但只有很小的點擊區域接受點擊，這邊的例子如在勾選框單選框和切換開關等控件的文字標簽中，我們應該讓他們像控件本身一樣是可接受點擊，從而擴大點擊區域，使得用戶的體驗更好。
將重要的目標放置在靠近屏幕邊緣的位置，這樣非常方便人們點擊。如我們的刪除ICON。
引導定律
沿著受限路徑移動指針。指針在一直受限的路徑移動并移動到達目標，那么路徑越寬，你覺越能越快地將指針移動到目標。路徑寬意味著不必小心地移動指針，就能以迅雷不及掩耳地快速移動目標。

網站題目：分享UI設計準則
文章分享：http://vcdvsql.cn/article8/sessip.html

成都網站建設公司_創新互聯，為您提供網頁設計公司、品牌網站制作、域名注冊、面包屑導航、微信小程序、靜態網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯