tiah在Joshua Porter總結(jié)出來的優(yōu)秀的UI設(shè)計原則基礎(chǔ)上箕速，進(jìn)行了重新整理并增加圖文解說旱易，以便于酷友理解岖瑰。
界面清晰最重要
界面清晰是UI設(shè)計的第一步狮杨，要想讓用戶喜歡你設(shè)計的UI，首先必須讓用戶認(rèn)可它爽柒、知道怎么樣使用它吴菠。讓用戶在使用時預(yù)期會發(fā)生什么，并方便地與它交互浩村。
▲ 正確示范|界面沒有任何的操作提示做葵，用戶就明白通過左右滑動屏幕來查看更多卡片，還知道卡片是以扇形為運動軌跡心墅。
全力維護(hù)用戶的注意力
在閱讀的時候酿矢，總是會有事物分散我們的注意力。因此怎燥，在設(shè)計界面的時候瘫筐，能夠吸引用戶的注意力很關(guān)鍵，千萬不要將界面的周圍設(shè)計得亂七八糟铐姚。
▲ 正確示范|干凈簡潔的界面可以讓用戶更加沉浸在閱讀的世界里策肝。
讓界面處于用戶的掌控之中
人類往往對能夠掌控自己和周圍的環(huán)境感到舒服，不考慮用戶感受的設(shè)計往往會讓這種舒適感消失隐绵。保證界面處于用戶的掌控之中之众，讓用戶自己感受主動權(quán)。
▲ 錯誤示范|用戶不知道如何查看很多的卡片依许，除了查看第一張卡片的詳情棺禾，其他的卡片脫離了用戶的掌控。
直接操作的感覺最棒
當(dāng)能夠直接操作物體時峭跳，用戶的感覺是最棒的帘睦。在設(shè)計界面時，我們增加的圖標(biāo)往往并不是必需的坦康，比如我們過多的使用按鈕竣付、選項等等其他繁瑣的東西僅僅是為了填滿界面，這些都是畫蛇添足滞欠。
▲ 正確示范|圖標(biāo)的作用是以圖形化的視覺形象給用戶快速引導(dǎo)古胆，如果只是裝飾，就不如不要筛璧。
每個屏幕只提供一個操作主題
我們設(shè)計的每一個畫面都應(yīng)該有單一的主題逸绎，這樣不僅能夠讓用戶使用到它真正的價值，也使得上手容易夭谤，使用起來也更方便棺牧。如果一個屏幕支持兩個或兩個以上的主題，立馬會讓整個界面看起來混亂不堪朗儒。
▲ 錯誤示范|這個界面是讓用戶輸入登錄颊乘，卻將注冊放在與登錄同等重要的位置参淹，干擾用戶操作，會導(dǎo)致操作錯誤乏悄。比較好的做法是浙值，將注冊放在右下或登錄按鈕下方。
界面過渡自然
界面的交互都是關(guān)聯(lián)的檩小，所以要認(rèn)真地考慮到下一步的交互是怎樣的开呐，并且通過設(shè)計將其實現(xiàn)。當(dāng)用戶已經(jīng)完成該做的步驟规求，不要讓他們不知所措筐付，給他們自然而然繼續(xù)下去的方法，以達(dá)成目的阻肿。
▲ 正確示范|界面的交互非常清晰瓦戚，點擊向下展開，再次點擊向上收起冕茅。
表里如一
如果它看上去像個按鈕，那么它就應(yīng)該具備按鈕的功能蛹找。設(shè)計師不應(yīng)該在基本的交互問題上耍小聰明姨伤，要在更高層次的問題上發(fā)揮創(chuàng)造力。
▲ 錯誤示范|界面非常漂亮庸疾，但登錄被弱化乍楚，并且表現(xiàn)形式雷同輸入的提示文字，用戶不易察覺届慈。
區(qū)別對待一致性
如果屏幕元素各自的功能不同徒溪，那么它們的外觀也理應(yīng)不同。反之金顿，如果功能相同或相近臊泌，那么它們看起來就應(yīng)該是一樣的。
▲ 正確示范|元素排版整齊且統(tǒng)一揍拆，功能清晰明了渠概。
強(qiáng)烈的視覺層次感
強(qiáng)烈的視覺層次感是通過界面上視覺元素提供的清晰瀏覽順序來實現(xiàn)的，也就是說嫂拴，用戶每次都能按照同一個順序瀏覽同一些元素播揪。弱化的視覺層次沒有給用戶提供如何瀏覽的線索，用戶會感到困惑和混亂筒狠。當(dāng)一切都是粗體時猪狈，就沒有主次之分了。
▲ 正確示范|界面以用戶的閱讀習(xí)慣將層次拉開辩恼，從左到右雇庙，從上到下谓形，元素之間互不干擾。
恰當(dāng)?shù)慕M織UI能夠降低認(rèn)知難度
正如John Maeda在他的書中所說状共，對屏幕元素的恰當(dāng)組織能夠使頁面顯得簡潔套耕，這能夠幫助用戶更容易并且更快地理解你的界面。
▲ 正確示范|將零散的元素進(jìn)行組合峡继，并以生活中常見的物品展示冯袍，用戶更易理解。
顏色不是決定性因素
物體的顏色會隨著光線的變化而變化碾牌，顏色是一個變化的性質(zhì)康愤，不應(yīng)該在界面上起決定性作用。它可以用于提醒舶吗，但是不應(yīng)該是唯一的區(qū)分元素征冷。
▲ 正確示范|通過鮮艷的色彩來提醒需要用戶關(guān)注的內(nèi)容，但是tiah不太認(rèn)同顏色不能作為唯一的區(qū)分的觀點誓琼，現(xiàn)在有很多天氣检激、記事、時鐘類APP極簡的設(shè)計腹侣，常常采用色彩進(jìn)行區(qū)分也非常贊叔收。
漸進(jìn)展示
在每個屏幕上只顯示必要的內(nèi)容，如果用戶在做選擇傲隶，那么給他們顯示足夠的信息饺律，然后在各自的頁面上展示詳情，避免在某個界面過度展示所有細(xì)節(jié)跺株。
▲ 正確示范|用戶只單純地想播放音樂复濒，所以列表頁只需要當(dāng)前播放狀態(tài)、演唱者乒省、專輯名和歌曲名巧颈，無需太多的信息。
零狀態(tài)的界面
第一次訪問界面是最重要的袖扛，但經(jīng)常被設(shè)計者忽視洛二。為了幫助用戶適應(yīng)，應(yīng)該提供啟動的方向和引導(dǎo)攻锰。
▲ 正確示范|零狀態(tài)結(jié)果本身對用戶體驗極其不好晾嘶，更需要情感化或引導(dǎo)性的設(shè)計來降低用戶焦躁的情緒。
優(yōu)秀的設(shè)計是無形的
優(yōu)秀的設(shè)計是沒有痕跡的娶吞，如果設(shè)計是成功的垒迂，那么用戶可以只關(guān)注自己的目的，而不是界面妒蛇，不依賴于界面机断。
▲ 正確示范|要想做到這點非常不易楷拳，tiah認(rèn)為Yo做到了。
界面是被人使用的
只有用戶使用你設(shè)計的界面時吏奸，才是成功的欢揖。如果一件衣服很漂亮，但是穿起來不舒服奋蔚，那么設(shè)計是失敗的她混。
▲ 錯誤示范|視覺效果非常好，但是用戶體驗上非常糟糕泊碑，當(dāng)前狀態(tài)與主界面關(guān)聯(lián)太弱坤按，弧形軌跡閱讀太累
