icon设计,即图标设计,是在界面设计中决定了界面风格的一个重要构成元素,他是否能够让你的客户达到“所见即所得”,是否能够让客户一秒读懂软件给其带来的帮助,从而提高用户留存率,在交互界面体中显得尤为重要。那么,如何将图标设计变得优秀,这些知识干货你值得拥有。

图标类型大体可以分为三大类:
1.工具图标
2. 装饰图标
3.启动图标
主要风格有:
1.工具图标:线性风格、面性风格、混合风格
2.装饰图标:扁平风格、拟物风格、2.5D风格、炫彩渐变风格、实物贴图风格
3.启动图标:文字形式、图形形式、图标形式、插画形式、拟物形式
(健忘药们,赶紧收藏一下)
图标类型:
1工具图标:
线性风格

面性风格

混合风格

2装饰图标:
装饰类

扁平化风格

2.5D风格

炫彩渐变

实物贴图

3启动图标:
文字类型

图形样式

拟物形式

插画形式

图标形式

优秀图标特点:
1.易识别
图标必须第一时间传达最重要的信息。当图标不能够立刻表达出所代表含义时,它就会变成一种“视觉噪音”,失去了图标存在的意义。优秀的图标即不用阅读标签或文字提示,就可以被认知理解。
2.视觉舒服
可以通过插画、颜色以及图标传达品牌个性。如果做得好,图标肯定可以增强设计的美感。限制颜色使用数量,使用不超过3或4种颜色,保持设计简洁。通过聚焦于对象的基本特征,来减少图形设计细节的数量。尽量保持设计的概要性,因为设计概要性的在不同的界面和分辨率都可以进行转换。
3.一致性
当使用相似的元素且具有一致的外观和功能时,可以让可用性和可学习性都得到提升改善。
4.合适尺寸
图标应该很好地作为用户的目标点。参考:目标在屏幕中点击范围为7-10mm。并且,请确保在目标对象之间添加填充,以防止不准确的点击。(苹果标准图标尺寸为512px*512px)
(团购的健忘药们赶紧收藏吧)
微信扫码关注公众号了解课程详情关注了解更多设计干货设计干货全方位解析

网友评论