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

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

顏色不是決定性因素

物體的顏色會(huì)隨著光線的變化而變化,顏色是一個(gè)變化的性質(zhì),不應(yīng)該在界面上起決定性作用。它可以用于提醒,但是不應(yīng)該是唯一的區(qū)分元素。

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

▲ 正確示范|通過鮮艷的色彩來提醒需要用戶關(guān)注的內(nèi)容,但是tiah不太認(rèn)同顏色不能作為唯一的區(qū)分的觀點(diǎn),現(xiàn)在有很多天氣、記事、時(shí)鐘類APP極簡(jiǎn)的設(shè)計(jì),常常采用色彩進(jìn)行區(qū)分也非常贊。

漸進(jìn)展示

在每個(gè)屏幕上只顯示必要的內(nèi)容,如果用戶在做選擇,那么給他們顯示足夠的信息,然后在各自的頁(yè)面上展示詳情,避免在某個(gè)界面過度展示所有細(xì)節(jié)。

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

▲ 正確示范|用戶只單純地想播放音樂,所以列表頁(yè)只需要當(dāng)前播放狀態(tài)、演唱者、專輯名和歌曲名,無(wú)需太多的信息。

零狀態(tài)的界面

第一次訪問界面是最重要的,但經(jīng)常被設(shè)計(jì)者忽視。為了幫助用戶適應(yīng),應(yīng)該提供啟動(dòng)的方向和引導(dǎo)。

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

▲ 正確示范|零狀態(tài)結(jié)果本身對(duì)用戶體驗(yàn)極其不好,更需要情感化或引導(dǎo)性的設(shè)計(jì)來降低用戶焦躁的情緒。

優(yōu)秀的設(shè)計(jì)是無(wú)形的

優(yōu)秀的設(shè)計(jì)是沒有痕跡的,如果設(shè)計(jì)是成功的,那么用戶可以只關(guān)注自己的目的,而不是界面,不依賴于界面。

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

▲ 正確示范|要想做到這點(diǎn)非常不易,tiah認(rèn)為Yo做到了。

界面是被人使用的

只有用戶使用你設(shè)計(jì)的界面時(shí),才是成功的。如果一件衣服很漂亮,但是穿起來不舒服,那么設(shè)計(jì)是失敗的。

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

▲ 錯(cuò)誤示范|視覺效果非常好,但是用戶體驗(yàn)上非常糟糕,當(dāng)前狀態(tài)與主界面關(guān)聯(lián)太弱,弧形軌跡閱讀太累。

以上舉例圖片來自dribbble,如對(duì)作者冒犯處敬請(qǐng)諒解

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(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)回答!