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

來(lái)源:站酷 作者:tiah 學(xué)習(xí):7040人次

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

界面清晰最重要

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

UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則_www.theoat.com.cn

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

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

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

UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則_www.theoat.com.cn

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

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

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

UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則_www.theoat.com.cn

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

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

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

UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則_www.theoat.com.cn

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

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

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

UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則_www.theoat.com.cn

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!