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

2022-12-26 11:14:04 來(lái)源/作者: / 己有:15人學(xué)習(xí)過(guò)

顏色不是決定性因素

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

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

▲ 正確示范|通過(guò)鮮艷的色彩來(lái)提醒需要用戶關(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è)界面過(guò)度展示所有細(xì)節(jié)。

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

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

零狀態(tài)的界面

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

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

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

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

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

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

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

界面是被人使用的

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

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

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

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