都說沒有規(guī)矩不成方圓，很多行業(yè)都需要講規(guī)矩。在設計行業(yè)也同樣如此。設計師在設計的時候，可以展開想象，但是設計的內容如果大家都不明白，那這樣的設計相信是失敗的。今天就讓faceui為大家介紹ui設計原則。

　　這五點必須做好的ui設計原則

　　1、清晰的傳達

　　大概沒有什么會比一個令用戶常常感到模棱兩可的界面設計更糟糕的了。比如，有一種返回設計，當切換到該頁面時，返回按鈕是一個x，按通常的理解，我認為是關閉的意思。但當我需要返回上一頁時，可能我會習慣性地去左上角尋找那個向左的箭頭按鈕，然而留給我的只有那個關閉按鈕。此時我會猶豫，如果點擊關閉按鈕，會出現什么狀況？我不得不去揣測設計師的意圖，是不是應該將當前界面理解為從上一個頁面打開的子視圖？類似Popup的意思，所以我關閉該視圖，即重新顯示原本的界面了？

　　我并不是說返回設計不能這么做，而是作為UI設計師需要在這么做之前就去考慮到可能帶給用戶的顧慮，因此你需要更加全面的思考，令你的設計意圖能清晰無誤地傳達給用戶。

　　2、明確并傳遞信息的反饋

　　當用戶操作了某個動作之后，他需要知道自己做了什么，操作是否已經執(zhí)行等等。最簡單的例子，當用戶發(fā)表評論時，點擊提交按鈕后，隨即按鈕狀態(tài)發(fā)生變化，比如顏色變深，則用戶此時知道已經按下按鈕。松開鼠標鍵或手指后，按鈕樣式恢復，告訴用戶已經松開按鈕。注意，此時即是需要反饋設計的時候了，用戶需要知道該評論是否已經提交，大多數的做法是Loading Button的樣式，按鈕本身變?yōu)椴豢牲c擊狀態(tài)，并在按鈕內部或外部相關區(qū)域顯示Loading信息，表明評論正在提交中，此后則顯示提交是否成功的信息。

　　你可以試著將以上反饋設計去掉，會出現什么情況？用戶點擊后無任何反饋信息的情況下，會誤認為操作沒有成功，從而反復嘗試，如果程序上沒有做任何條件限制，很可能造成重復提交。

ui設計原則（圖片來自網絡）

　　3、保持整體設計的一致性

　　設計原則要貫穿整個產品，這包括視覺、交互等不同方面。從交互層面上來說，表現為頁面切換方式、導航設計的一致性。視覺上，是指色彩、字體、圖標等元素的一致性。沒有任何一個用戶在使用一款產品時，發(fā)現所在新頁面的導航居然變了，或者整體風格都變了，從而陷入懵逼狀態(tài)。

　　如果你不希望你的網站或App看起來像是幾個不同產品拼湊出來的話，那么你需要做一個風格指南（style-guide)。在Behance, Dribble或中國的站酷上，很多作品展示中都會看到如下所示的風格指南。

　　4、當猶豫不決時，使用公認設計方案

　　創(chuàng)新設計是好事，但請別反人類。我見過擼UI不久的朋友，滿懷創(chuàng)新激情地將一個本該保持統(tǒng)一的App菜單按鈕，在不同頁面換了4個地方，并幻想出非常炫的展開效果，然后陷入到了一個問題中猶豫不決：在下一個新的頁面中，菜單按鈕放在哪會比較合適？

　　這樣的創(chuàng)新就好比是一個圓形車輪明明已經可以很好的工作，卻要創(chuàng)新搞成六角形車輪，從而又衍生出另一個大麻煩：“轉起來，總是咯噔咯噔的，怎么解決？”。

　　靠譜的創(chuàng)新是在已驗證的公認設計方案基礎上，作出更好的改進，而不是制造新的麻煩。所以，在UI設計中，第四基本原則就是遵循公認設計方案，符合用戶已養(yǎng)成的交互習慣。

　　示例如下，對比京東和中國亞馬遜兩個網站的搜索框位置，都在頂部區(qū)域的首要位置。這樣的設計一定是基于用戶搜索習慣的分析數據不斷改進驗證而來，所以你大可不必在設計上逆其道而為之，相反，進一步增強才更重要。

　　5、增強視覺層次

　　視覺層次，是我曾最初做國外項目設計時，聽到同行提及最多的詞。相反，如果他們形容一個作品非常單調時，會用Plain。

　　那么什么是視覺層次？首先要強調一下信息可視化的概念。UI始終需要向用戶傳遞信息，那么這些信息需要通過各種設計元素、文字段落、圖片等表達出來，而他們的布局方式則決定了所關聯(lián)的信息的重要層次，即通過視覺表達信息層次化。通過下面的示例，你可以很清楚看出哪種設計更能突出需要強調的信息。

　　所以你必須根據產品的業(yè)務需求，來確定信息本身的重要層級，要知道哪些信息是需要強調的，那些是輔助的。在具體設計當中，可以使用字體和字體大小區(qū)分、色彩差、留白。具體設計技巧今后詳聊，這里只作簡單概括。

ui設計原則（圖片來自網絡）

　　如何理解UI的概念

　　首先，UI是指人與信息交互的媒介，它是信息產品的功能載體和典型特征。UI作為系統(tǒng)的可用形式而存在，比如以視覺為主體的界面，強調的是視覺元素的組織和呈現。這是物理表現層的設計，每一款產品或者交互形式都以這種形態(tài)出現，包括圖形、圖標(Icon)、色彩、文字設計等，用戶通過它們使用系統(tǒng)。在這一層面，UI可以理解為User Interface，即用戶界面，這是UI作為人機交互的基礎層面。

　　其次，UI是指信息的采集與反饋、輸入與輸出，這是基于界面而產生的人與產品之間的交互行為。在這一層面，UlbJ以理解為User Interaction，即用戶交互，這是界面產生和存在的意義所在。人與非物質產品的交互更多依賴于程序的無形運作來實現，這種與界面匹配的內部運行機制，需要通過界面對功能的隱喻和引導來完成。因此，UI不僅要有精美的視覺表現，也要有方便快捷的操作，以符合用戶的認知和行為習慣。

　　最后，UI的高級形態(tài)可以理解為User Invisible。對用戶而言，在這一層面UI是“不可見的”，這并非是指視覺上的不可見，而是讓用戶在界面之下與系統(tǒng)自然地交互，沉浸在他們喜歡的內容和操作中，忘記了界面的存在（糟糕的設計則迫使用戶注意界面，而非內容）。這需要更多地研究用戶心理和用戶行為，從用戶的角度來進行界面結構、行為、視覺等層面的設計。大數據的背景下，在信息空間中，交互會變得更加自由、自然并無處不在，科學技術、設計理念及多通道界面的發(fā)展，直至普適計算界面的出現，用戶體驗到的交互是下意識甚至是無意識的。

　　以上就是faceui為大家介紹的關于ui設計原則的相關內容。ui設計不是隨意的，創(chuàng)意是可以天馬行空，但是設計是需要遵循一定的原則才能得到大眾的認可和理解，你覺得呢？