UI知识,图标的认知与设计步骤(2)

来源:站酷 作者:Jenny1314 学习:6937人次

UI知识,图标的认知与设计步骤_www.16xx8.com UI知识,图标的认知与设计步骤_www.16xx8.com UI知识,图标的认知与设计步骤_www.16xx8.com UI知识,图标的认知与设计步骤_www.16xx8.com

特点,精致,细腻,识别性强,比较接近真实物品

图标设计设计原则

1可识别性原则

可识别性原则即清晰明了的表达清楚相应的功能和和操作。通俗的将就是用户一眼看过去就知道它是做什么的。比如拨打电话图标,用户不需要看文字只需要看图标就知道是拨打电话用的

UI知识,图标的认知与设计步骤_www.16xx8.com

2差异性原则

即每个图标之间要有一定的差异性,这样比较容易辨别与区分

如下图所示如果每个图标彼此之间很相似的化就会很难分辨

UI知识,图标的认知与设计步骤_www.16xx8.com

3统一性原则

统一性原则表现在形状,样式等风格层面。如下图图标都用了线条,并且图标都比较圆滑。

UI知识,图标的认知与设计步骤_www.16xx8.com

4尺寸大小尺寸与格式。

图标一般有以下几种尺寸

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

图标有以下几种格式

png , jpg ,svg

图标设计设计步骤

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
花样锦年2018-05-25 02:37
太棒了
东临碣石2018-02-25 09:25
瞧瞧
雨伤time2017-05-28 05:29
动手练练

关注大神微博加入>>

网友求助,请回答!