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

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

界面清晰最重要

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

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

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

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

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

讓界面處于用戶的掌控之中

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

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

直接操作的感覺最棒

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

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

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

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