服务网络

我们的服务正遍布中国且触达海外
中国
上海、北京、深圳、广州、南京、杭州、苏州、天津、合肥、青岛、武汉、福州、吉林、济宁、滨州、嘉兴、安庆、广安、宁波、临沂、常州、池州、长春、台湾...
海外
美国、英国、德国、日本、意大利、新加坡、波兰、俄罗斯、阿拉伯、西班牙、韩国、法国、澳大利亚...

合作咨询

400-008-1519

请通过表单提交合作咨询信息,我们会尽快与您取得联系。
搜索
首页 行业洞察 小图标,你也很重要!
2019/10/23
小图标,你也很重要!

图标对于网站的意义不仅仅是一个单纯的图形组合,更是具有一定指代意义的标识性质图形。其伴随着交互设计,具有高度浓缩信息、便于记忆的特性,因此逐渐被重视起来。

 

图标设计几乎是每个建站项目必不可少的组成部分,虽然每个小图标不会在页面内占据太大面积,但在设计上讲究却一点都不少。图标能辅助我们更好的传达信息和目标,所以在页面里,小图标其实起到了非常大的作用,它的构成也更能体现一个网站在细节方面的优质程度。

 

今天这篇文章就将和大家一起来探讨关于图标设计需要注意的事项。

 

首先我们就先来看看下面几组小图标设计:


图标 


(天气图标)


逐鹿科技 

(天猫购物图标)


逐鹿科技 

(各类用品图标)

 

是不是感觉图标体积虽然小,但是在页面内随处可见,总体占比也是不小的?并且针对不同用户,在不同场景、不同行业上设计和表达的方法也不同。

 

下面就以一组餐饮行业图标为例,给大家总结四种表现方式:

 

1.多色仿真图标


逐鹿科技

 

2. 单色图标


逐鹿科技


3. 粗线条图标

 

逐鹿科技 


4. 细线条图标


逐鹿科技 

 

看完了上面基础的表现方式您是不是已经有了心仪的设计方向,接下来我们就进入正题,说一说究竟设计好小图标要注意些什么吧。

 

第一,在设计图标时首先要保证的就是可视性,图标虽小但却是辅助我们捕捉用户行为和用户进行交流的纽带,千万不能让用户忽视啦。其次许多图标和图片结合起来还能够强化图片内容,给予用户交互的信号,配合适当动效会从整体提升页面设计感,给用户感觉富有趣味性、亲切又活力,如果可视性不足的话这种效果就会大打折扣了。

 

逐鹿科技 

 

第二,很多设计师在设计小图标时会想要表达太多内容或太过注重形式,从而忽略了图标的可识别性,减少了图标传达信息的重要功能,以致于用户难以辨认。所以在设计图标时要尽量使用简约的元素提炼准确、言简意赅、不拖泥带水,让用户能够快速识别到所要表达的信息,在使用从实物中提取小图标时也要选择日常生活中更为通用的参照物。

 

逐鹿科技 

 

第三,小图标在具体表现形式上要形成统一,这种统一包括视觉大小的统一、设计风格的统一、细节上的统一等等。比如在设计时除了一些线、面、色块、图形的像素大小、填充样式要保持统一外,还会有一些图标风格迥异不容易被理解,需要配合文案时也要形成一致。

 

逐鹿科技 


虽然图标设计有时是被设计师考虑最少的元素,但是它们可能是最有趣的设计元素之一,从形状到细节、从手绘风到扁平化都能充满艺术感。想要设计一套完整的图标除了要注意以上的几点之外,更多的还是要不断利用它的灵活性尝试创新。一旦你确定了整体风格,把一套精心设计的图标用好,就能给整个网站增色不少。

 

逐鹿科技一直专注于从事互联网技术服务、开发及应用,全心致力于定制化网站建设、微信小程序开发、运维服务的应用及推广,我们始终坚持从用户出发,做好每一个细节。

 

网站建设服务热线:400-008-1519,联系逐鹿,即刻定制您的专属网站!(图片来源于网络)

关闭

Hi,
认真聆听您的需求
是我们最重要的工作之一...

您的姓名: *

公司名称: *

联系方式: *

您的需求:

留言:

我们已服务国内外3000+客户
全面支持远程在线会议
扫码咨询