UI知識,尺寸對UI設(shè)計的影響(2)

來源:站酷 作者:鐵木士 學習:4350人次

 

當然這是一個相對模糊的標準,因為目前市場上硬件尺寸不同、解析度不同,同時還有智能電視等遠距離觀看設(shè)備,從而無法用像素級別來確立精準的大小標準。所以建議同學們經(jīng)常留心體會一下常用物品的尺寸(這里的尺寸不是像素尺寸,而是實際的感官尺寸)。

 

那么再說最大尺寸:最大尺寸基本沒有設(shè)計師會違規(guī)操作,因為UI設(shè)計里寸土寸金,相信很少有人會去制作超比例尺寸的UI原件,最多是構(gòu)圖偏大。構(gòu)圖是以后的講述內(nèi)容,所以今天先放一放。

 

以上的內(nèi)容講述的基本都是視覺尺寸,而說到像素尺寸,隨著硬件的發(fā)展,解析度的提高,設(shè)備的使用距離變化,UI的像素尺寸,其實越來越貼近人的視覺辨識尺寸和操作尺寸,而不再像原來一樣,16*16/32*32/64*64那種標準尺寸了,這算是技術(shù)給設(shè)計帶來的新課題吧。

 

不過請記住,無論你使用什么尺寸去繪制UI最好遵守一條規(guī)則:所有圖片尺寸數(shù)均為偶數(shù),因為在像素矩陣里,奇數(shù)的圖片縮放形損相對會更加嚴重。

 

我們來復雜化一下剛才那個放大鏡,簡單的增加一些細節(jié):

 

UI知識,尺寸對UI設(shè)計的影響

 

與之前相比,其實區(qū)別不大,但是這種方式,比純面片細節(jié)可以更多一點,很多物品只靠剪影是很難區(qū)分的,所以線性的方式,能提供的信息更多,更精準,但是適用的尺寸,可能就要更大一點了,因為以像素為單位去構(gòu)成線型是有極限的。

UI知識,尺寸對UI設(shè)計的影響

 

在同樣縮放的條件下,細節(jié)越多,越難以辨識。所以當你去制作越小尺寸的UI原件的時候,就越需要簡單“粗”暴。

 

UI知識,尺寸對UI設(shè)計的影響

 

嗯,終于看上去有那么點意思了。

 

UI知識,尺寸對UI設(shè)計的影響

 

 

比之前復雜,并不等于比之前高端,UI原件的視覺尺寸增加的時候,可承載的細節(jié)也可以增加,原則就是,不能超過視覺辨識度。

 

在相同尺寸下,可承載的細節(jié)是有限的,精細化原件內(nèi)容還是的根據(jù)實際尺寸來定奪。

 

為什么很多元件下面都有邊框?

 

UI知識,尺寸對UI設(shè)計的影響

 

UI中有大量的信息來源。

 

UI知識,尺寸對UI設(shè)計的影響

 

在沒有邊框的情況下,元件不可能都整齊劃一,這等于復雜了視覺信息,降低了信息傳達的效率。圖標本身其實已經(jīng)很簡單了,但是因為都集中在一起,信息量還是比較復雜的,你只要稍微看久一點,就會有視覺疲勞,分辨信息效率會越來越慢。

學習 · 提示

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

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

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