當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計知識>教程內(nèi)容

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

來源:站酷 作者:鐵木士 學(xué)習(xí):4350人次

 

當(dāng)然這是一個相對模糊的標(biāo)準(zhǔn),因?yàn)槟壳笆袌錾嫌布叽绮煌、解析度不同,同時還有智能電視等遠(yuǎn)距離觀看設(shè)備,從而無法用像素級別來確立精準(zhǔn)的大小標(biāo)準(zhǔn)。所以建議同學(xué)們經(jīng)常留心體會一下常用物品的尺寸(這里的尺寸不是像素尺寸,而是實(shí)際的感官尺寸)。

 

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

 

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

 

不過請記住,無論你使用什么尺寸去繪制UI最好遵守一條規(guī)則:所有圖片尺寸數(shù)均為偶數(shù),因?yàn)樵谙袼鼐仃嚴(yán)铮鏀?shù)的圖片縮放形損相對會更加嚴(yán)重。

 

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

 

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

 

與之前相比,其實(shí)區(qū)別不大,但是這種方式,比純面片細(xì)節(jié)可以更多一點(diǎn),很多物品只靠剪影是很難區(qū)分的,所以線性的方式,能提供的信息更多,更精準(zhǔn),但是適用的尺寸,可能就要更大一點(diǎn)了,因?yàn)橐韵袼貫閱挝蝗?gòu)成線型是有極限的。

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

 

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

 

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

 

嗯,終于看上去有那么點(diǎn)意思了。

 

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

 

 

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

 

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

 

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

 

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

 

UI中有大量的信息來源。

 

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

 

在沒有邊框的情況下,元件不可能都整齊劃一,這等于復(fù)雜了視覺信息,降低了信息傳達(dá)的效率。圖標(biāo)本身其實(shí)已經(jīng)很簡單了,但是因?yàn)槎技性谝黄,信息量還是比較復(fù)雜的,你只要稍微看久一點(diǎn),就會有視覺疲勞,分辨信息效率會越來越慢。

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

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

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

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