欢迎来到飞冠科技,开始您的互联网之旅!
咨询,就免费赠送建站大礼包,咨询热线:400-888-9141当前位置: 首页 > 新闻中心 > 最新动态 >
联系我们
电话咨询:400-888-9141
E-mail:sales@feiguankeji.com
地址: 上海市松江区荣乐东路2369弄906室

网页中图标的设计和思考方案。

作者/整理:admin 来源:互联网 2018-08-21

图标是具有指代意义的具有标识性质的图形,它不仅是一种图形,更是一种标识。本文主要与大家探讨关于小图标的设计思考和法则,上海网站建设

什么是图标?

图标是具有明确指代含义的计算机图形,其中桌面图标是软件标识,界面中的图标是功能标识。它源自于生活中的各种图形标识,是计算机应用图形化的重要组成部分。

图标是具有指代意义的具有标识性质的图形,它不仅是一种图形,更是一种标识,它具有高度浓缩并快捷传达信息、便于记忆的特性。

图标的设计是辅助我们更好的传达信息和目标,所以在一个界面里面,图标其实其实发挥了相当大的作用:

首页金刚区入口引导;
个人中心选项  ;
底部标签功能模块。

怎么设计好这些小图标呢?

先进行设计思考:

产品视觉风格定位(行业领域);
图标具体应用的界面;
产品面相的用户人群是怎样的?

图标设计的三原则

1. 可识别性

在设计图标时,尽量保证可识别性的存在,因为图标是辅助我们与机器之间交互的纽带,能够更加帮助我们去理解信息,所以设计不要过于复杂,提炼元素准确,不拖泥带水,言简意赅。

2. 视觉统一松江网站建设

我主要归纳为三点:像素数值统一:2PX/3PX/4PX。

线性和面性要区分开来,视觉大小要保持一致性,前面两者很好理解,视觉大小我给大家演示一下。

我之前一直用这种框架来平衡视觉大小,后来发现有误差,现在会规范一些了。

这种应该是最规范的,也是最严谨的,你们可以试试。

3. 差异性

中国的文字很相似,意思也很相近,所以在设计图标的时候,一定要准确地去理解文字信息,首先在字面意思上找出差异化,然后你在设计图标形式的时候就很容易拉开两者之间的差异性了!

图标到底是线性好还是面性好?

经常有设计师小伙伴在做图标的时候,就掉坑了,看到很多图标,然后就在纠结到底是做线性还是做面性?

在这里,我给大家分享我自己的理解和设计思路:上海网站建设

如果你希望你做的图标具有品牌感或是有气质一些的话,我建议还是做线性的,因为线性的图标可以非常好规范而且能够做出一定的设计基调,能够彰显你设计师的风格和产品气质。
如果你希望你做的图标想表达突出和厚重,还有丰富细节或是着重表达的话,我可以建议你做面性的,因为面性可以发挥的修饰程度可以更加广泛。