打开网易新闻 查看更多图片

本文授权转自:黑马家族(ID:heimauiued)

教程

图标在产品中是最常见的元素,分为功能性图标和修饰性图标,图标设计的质量也是提升产品感官体验的因素之一。

对于产品设计师而言,图标设计能力是最基础的技能,难点在于如何使其更有特点,体现出差异化。今天以大家最常见的线性图标举例,看看如何让普通的图标变得更有特点。

1、常规方式输出案例

我们先按照正常的图标设计方法输出一组线性功能图标,把控基础的规范即可。

打开网易新闻 查看更多图片

2、打破结构的断线风

为了让图标显得更有差异化和透吸感,我打破了封闭式的图标结构,使其成为断线风格。相较于封闭式结构而言,会显得更有形式感(过于复杂的结构需要慎用)。

打开网易新闻 查看更多图片

3、倾斜角度增加动感

如果想要增加图标的动感,可以给图标增加倾斜度,倾斜角度不要太大,控制在 5-15 度左右。

打开网易新闻 查看更多图片
打开网易新闻 查看更多图片

4、添加色彩丰富表现力

想要进一步丰富图标设计的表现力,就需要在色彩上面探索。比如给局部元素添加品牌色,或者在造型角落添加色彩等,以此增加视觉表现力。

打开网易新闻 查看更多图片

5、图标包装

最后,可以给完成的图标作品进行包装。如果是系列打卡作品,控制包装比例效果更好,个人建议 4:3(横版)或者 3:4(竖版)。

打开网易新闻 查看更多图片
打开网易新闻 查看更多图片

文章转载:黑马家族,版权归原作者所有

原文链接:https://mp.weixin.qq.com/s/BwatxoAqJu5TDfCNK5dogg

版权声明:“IXDC”所推送的文章,除非确实无法确认,我们都会注明作者和来源,本公众号对转载、分享的内容、陈述、观点判断保持中立,不对所包含内容的准确性、可靠性或完善性提供任何明或暗示的保证,仅供读者参考。部分文章推送时未能与原作者取得联系,若涉及内容或作品等版权问题,烦请原作者联系我们,给出内容所在的网址并提供相关证明资料,我们会核查后立即更正或者删除有关内容!本公众号不承担任何责任,并拥有对此声明的最终解释权。

联系微信:18802086168

联系电话:18802086168

编排 | 巫 欢

终审 | 苏 菁

打开网易新闻 查看更多图片

点这里,学习更多设计知识!