你當前所在位置:首頁 > IT技術探討 > 剛入行的UI設計師們,這些細節問題,你能注意到嗎?

剛入行的UI設計師們,這些細節問題,你能注意到嗎?

UI設計中會涉及到一些細節問題,有些人很重視它,但有些人卻從來沒有察覺得到:



一、小小文案:用心良苦!


細微的文案,卻顯示出界面設計得是否很用心,精心出品者,看著順理成章。試看下面一張圖,您認為有問題嗎?


入行UI設計師需要注意這些細節 (1).jpg


文中使用了“如果我是超級英雄”和“你的興趣我懂的”,設計師在設計時,乍看沒問題,實則這種將用戶稱作“你”的同時又稱作“我”的做法,會給用戶一種割裂感,這里的用戶到底是“你”還是“我”?因此我們在頁面設計時應盡量避免人稱的干擾。


再譬如下面這個例子,微信上用了“你”,而京東上卻用了“您”,是否恰當?


入行UI設計師需要注意這些細節 (2).jpg


當然如此大平臺,出錯幾率是很小的,但“你”、“您”應該在什么場合使用?我們細想,微信是社交平臺,它更像你的親密朋友、同事、戀人,沒有戀人會稱“你”是“您”的吧;而京東平臺則不同,他們對用戶是一種尊敬、尊重、珍視的態度,用戶即客戶,客戶即上帝,所以理所當然用“您”。



二、顏色套路:為商家著想



有一種套路是設計師設計的,但沒辦法,人在江湖,身不由己,不過說實在,能設置套路的設計師確實為商家著想,應重金聘用。

那么套路是怎么設置的呢?看下圖,某乘客選定了車票,妥妥的553元,但在添加乘客后卻變成593元,這多出來的40元是怎么來的?


入行UI設計師需要注意這些細節 (3).jpg


這時你是不是有點明白,為什么UI設計師會把頁面的金額設計得比較小、同時又是灰色?為的正是讓用戶忽略它的存在!再細心查找,原來是這里添加了40元,看下圖。


入行UI設計師需要注意這些細節 (4).jpg


同樣是小小的灰色,有些馬大哈直接就提交訂單付款了。


這里普及一下,UI設計師在制作產品、交互的時候,會通過研究用戶的行為習慣,設計能夠實現產品目的的產品,設計中一般會用到視覺引導、心理誘導、交互認知慣性等等技法。所以說,會用套路的設計師是高水平的設計師。



三、層級分類:能降低讀者的閱讀門檻


下面以我們較為熟悉的美團外賣來說,美團的feed頁面用不斷的標簽將文字層級清晰地進行分級,讓用戶得到自己想看到的信息。如下圖:


入行UI設計師需要注意這些細節 (5).jpg


怎么用標簽進行層級分類,我們可以仔細看,色塊占比越大,飽和度、明度越高,標簽的層級越高級、越鮮明,例如這里的層級關系就如下圖:


入行UI設計師需要注意這些細節 (6).jpg


以此看來,不同類型的標簽樣式可以做到很好的區分信息的層級,從而降低用戶的閱讀門檻。



四、視覺尺寸:多考量以便減少糟糕、突出重點


何謂視覺尺寸?例如長寬400px的正方形與長寬400px的圓形哪一個更大?答案應該是一樣大的,但是看看下圖,你會認為正方形的比較大,這是因為物理尺寸與視覺尺寸的不同。


入行UI設計師需要注意這些細節 (7).jpg


在我們繪制icon時,當然希望每個icon都一樣大,但是如果用物理尺寸來量度的話,icon看起來卻有大有小,亂七八糟的。所以,我們在繪制icon時,需要把這個視覺尺寸考慮進去,視覺重量小的元素要放大,重量大的元素要縮小。


看下圖,其實下面的每一個圖標的物理尺寸都不盡相同,但看起來卻全部一樣大。


入行UI設計師需要注意這些細節 (8).jpg


好了,UI設計師需要考察的仔細處還有很多……同時還有很多設計規范也值得考究和收藏的,具體可以添加課程顧問微信索取。


只有用心設計的作品才會是用戶喜歡、受市場追捧的作品,用心設計,從細節開始……

課程預約

极速1分彩_Welcome