UI知識(shí),圖標(biāo)的認(rèn)知與設(shè)計(jì)步驟(2)

來(lái)源:站酷 作者:Jenny1314 學(xué)習(xí):6937人次

UI知識(shí),圖標(biāo)的認(rèn)知與設(shè)計(jì)步驟_www.theoat.com.cn UI知識(shí),圖標(biāo)的認(rèn)知與設(shè)計(jì)步驟_www.theoat.com.cn UI知識(shí),圖標(biāo)的認(rèn)知與設(shè)計(jì)步驟_www.theoat.com.cn UI知識(shí),圖標(biāo)的認(rèn)知與設(shè)計(jì)步驟_www.theoat.com.cn

特點(diǎn),精致,細(xì)膩,識(shí)別性強(qiáng),比較接近真實(shí)物品

圖標(biāo)設(shè)計(jì)設(shè)計(jì)原則

1可識(shí)別性原則

可識(shí)別性原則即清晰明了的表達(dá)清楚相應(yīng)的功能和和操作。通俗的將就是用戶一眼看過(guò)去就知道它是做什么的。比如撥打電話圖標(biāo),用戶不需要看文字只需要看圖標(biāo)就知道是撥打電話用的

UI知識(shí),圖標(biāo)的認(rèn)知與設(shè)計(jì)步驟_www.theoat.com.cn

2差異性原則

即每個(gè)圖標(biāo)之間要有一定的差異性,這樣比較容易辨別與區(qū)分

如下圖所示如果每個(gè)圖標(biāo)彼此之間很相似的化就會(huì)很難分辨

UI知識(shí),圖標(biāo)的認(rèn)知與設(shè)計(jì)步驟_www.theoat.com.cn

3統(tǒng)一性原則

統(tǒng)一性原則表現(xiàn)在形狀,樣式等風(fēng)格層面。如下圖圖標(biāo)都用了線條,并且圖標(biāo)都比較圓滑。

UI知識(shí),圖標(biāo)的認(rèn)知與設(shè)計(jì)步驟_www.theoat.com.cn

4尺寸大小尺寸與格式。

圖標(biāo)一般有以下幾種尺寸

256x256 256x256 128x128 64x64 32x32 16x16

圖標(biāo)有以下幾種格式

png , jpg ,svg

圖標(biāo)設(shè)計(jì)設(shè)計(jì)步驟

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

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
花樣錦年2018-05-25 02:37
太棒了
東臨碣石2018-02-25 09:25
瞧瞧
雨傷time2017-05-28 05:29
動(dòng)手練練

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

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