UI知識(shí)，設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則

tiah在Joshua Porter總結(jié)出來(lái)的優(yōu)秀的UI設(shè)計(jì)原則基礎(chǔ)上，進(jìn)行了重新整理并增加圖文解說(shuō)，以便于大家理解。

界面清晰最重要

界面清晰是UI設(shè)計(jì)的第一步，要想讓用戶(hù)喜歡你設(shè)計(jì)的UI，首先必須讓用戶(hù)認(rèn)可它、知道怎么樣使用它。讓用戶(hù)在使用時(shí)預(yù)期會(huì)發(fā)生什么，并方便地與它交互。

▲ 正確示范｜界面沒(méi)有任何的操作提示，用戶(hù)就明白通過(guò)左右滑動(dòng)屏幕來(lái)查看更多卡片，還知道卡片是以扇形為運(yùn)動(dòng)軌跡。

全力維護(hù)用戶(hù)的注意力

在閱讀的時(shí)候，總是會(huì)有事物分散我們的注意力。因此，在設(shè)計(jì)界面的時(shí)候，能夠吸引用戶(hù)的注意力很關(guān)鍵，千萬(wàn)不要將界面的周?chē)�設(shè)計(jì)得亂七八糟。

▲ 正確示范｜干凈簡(jiǎn)潔的界面可以讓用戶(hù)更加沉浸在閱讀的世界里。

讓界面處于用戶(hù)的掌控之中

人類(lèi)往往對(duì)能夠掌控自己和周?chē)�的環(huán)境感到舒服，不考慮用戶(hù)感受的設(shè)計(jì)往往會(huì)讓這種舒適感消失。保證界面處于用戶(hù)的掌控之中，讓用戶(hù)自己感受主動(dòng)權(quán)。

▲ 錯(cuò)誤示范｜用戶(hù)不知道如何查看很多的卡片，除了查看第一張卡片的詳情，其他的卡片脫離了用戶(hù)的掌控。

直接操作的感覺(jué)最棒

當(dāng)能夠直接操作物體時(shí)，用戶(hù)的感覺(jué)是最棒的。在設(shè)計(jì)界面時(shí)，我們?cè)黾拥膱D標(biāo)往往并不是必需的，比如我們過(guò)多的使用按鈕、選項(xiàng)等等其他繁瑣的東西僅僅是為了填滿(mǎn)界面，這些都是畫(huà)蛇添足。

▲ 正確示范｜圖標(biāo)的作用是以圖形化的視覺(jué)形象給用戶(hù)快速引導(dǎo)，如果只是裝飾，就不如不要。

每個(gè)屏幕只提供一個(gè)操作主題

我們?cè)O(shè)計(jì)的每一個(gè)畫(huà)面都應(yīng)該有單一的主題，這樣不僅能夠讓用戶(hù)使用到它真正的價(jià)值，也使得上手容易，使用起來(lái)也更方便。如果一個(gè)屏幕支持兩個(gè)或兩個(gè)以上的主題，立馬會(huì)讓整個(gè)界面看起來(lái)混亂不堪。