当前位置:首页 > PS教程 > 网页设计

UI知识,图标设计初阶要先型

  • 2022-12-24 19:11:44
  • 来源/作者:互联网/佚名
  • 己被围观

UI最重要组建之一就是图标,随着扁平化设计的发展趋势,越来越注重图标的简洁与寓意表达,平面图标已占主导地位。我不会华丽高大尚的语言,但是我可以分享一些实实在在的基础方法,也是这几年会给带的学生反复必讲的入门辅导。

UI知识,图标设计初阶要先型

2.8来自苹果图标及来自Seevi Kargwal图例

如果头眼昏花嫌麻烦,也可靠经验感觉快速完成一个具有平衡感的图标。

UI知识,图标设计初阶要先型

2.9本文原创图例

3. 视差平衡

同一个尺寸规格,但根据不同形状的图标,会导致面积占比引起的视差大小不同,但要在参考尺寸范围内绘制进行调整。以下图标示例都是撑满方框边缘绘制,按道理这好像是准确的,但由于人的肉眼会有视差问题,所以做的设计就要暂时抛开科学,以人的真实情况去判断再调整。

UI知识,图标设计初阶要先型

2.10本文原创图例

能够熟悉掌握完以上基础要素,恭喜你可以大胆的去创造系列图标了,当个数图标设计确定好后,接力的图标必须延展其风格设定:造型规则、样式、细节特征等要素统一设计–繁衍具同视觉与内在含义属性的图标。

UI知识,图标设计初阶要先型

3.1图例来源于iconwerk

Ps:我非常欣赏iconwerk的图标设计,只因我在5年前发现他的剪影图标作品一直到现在都是那么爱。传送门:http://iconwerk.de/iconwerk10/index.html

UI知识,图标设计初阶要先型

3.2本文原创图例

UI知识,图标设计初阶要先型

3.3图例来源于Yorlmar Campos

UI知识,图标设计初阶要先型

3.4图例忘记来源于哪位设计师了

UI知识,图标设计初阶要先型

3.5图例来源于Jee

【结尾】

值得注意的是在简约与装饰之间的平衡要靠自己的把握,正是这个把握的度是考验设计师是否成熟的表现。进阶的优秀图标是能够平衡于识别性、简约与装饰之间的琢磨,具有功能又具情感的。希望本文对新同学有帮助,欢迎一起探讨和补充。

作者:milaky

    l 简化的微写实图标 l. 剪影的正负形图标 【二】设计技法要点 1、关键节点绘制法
    2、精致的基础要素 【三】系列成型图标

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条