当前位置: 首页 >文章 > 图标设计应该遵循哪些基本原则?我总结了这几点!
收藏
分享

图标设计应该遵循哪些基本原则?我总结了这几点!

举报Clip设计夹Clip设计夹发布于 2021-03-221725阅读1点赞
图标设计应遵循的基本原则...


创建图标时我们会考虑图标的构成、粗细、颜色,会精确到每一个像素,这样能让图标看起来更精致。

其实不仅要掌握这些设计技法,更要关注设计的基本原则。掌握图标设计的基本原则,技法才能更好的实施出来。

 1.简洁性 


图标的设计在满足基本意义表达的基础上,应该尽量简洁明了。好的图标应该简单易懂,不需要额外的文字说明。

过分追求画面美观,可能会造成用户不了解图标所要表达的信息,增大用户错误选择的几率,也增加了开发成本。

通常,图标包含的元素越少越好。过多的元素堆积会让图标之间缺少差异性。



太多的细节可能并不会让图标更清晰,相反会给用户带来一种零碎的感觉。



 2.清晰性 


大家思考一下,如果图标比文字还难理解,那它存在的意义和价值又是什么呢?


隐喻


对于不同文化和背景的人来说,好的图标是通用的。


合适的隐喻保证了图标的清晰性,通过大家共同认知的语言, 让用户理解、操作并快速获取信息。



▲ 常见的搜索、购物车、文件夹等图标利用了实体物品来做隐喻,用这类用户都认可的图标进行表现,可以让设计更加行之有效。


简化


图标的易读性很重要。简单有时候并不能保证清晰,因为过度的简化会让图标表意不明确。



▲ 这组图标的设计存在过度简化的问题,虽然保持了统一的设计样式但内部元素的表达却不清晰。



▲ 图标采用了统一的颜色搭配和基本图形,视觉样式很吸引人,但是用户很难快速分辨出每个图标代表的含义。


尺寸


尺寸大小也会影响图标的识别。图标中的小元素越多,就越难理解它所传达的含义。



▲ 通过对比能发现车站图标的问题:图标尺寸偏大;存在过多的小细节;线条的粗细程度不同。这些都是导致图标不清晰的原因。


 3.统一性 


每个APP都包含很多的图标,统一性是指在统一协调的基础上,依据功能的不同而增加可识别的变化。


品牌要求


图标设计要满足产品的要求,应该与整个产品或品牌的风格保持一致,保证图标的整体感和一致性。



▲ Google更新的的图标具有高度统一的外观和配色,不仅是在视觉上还是在心理上,都反映出品牌的本质和价值。


设计要求


图标要保持元素外观的一致性,包括外形、颜色等。图标之间存在关联性的同时也要具有明确的识别度,减少用户的记忆负担。



▲ 这组水果主题的图标采用了统一的风格样式,图形变化具有统一的动态节奏。这种一致性使图标的感知更容易,有助于用户体验的积极性。


统一并不意味着相同!而是在样式统一的基础上寻找关联和变化。




 4.独特性 


在满足前面原则的基础上,为了与其他图标有所区分,可以追求图标视觉上的独特性和表现力。

独特性并不意味着需要创造没见过的图标,而是使用熟悉的隐喻,用有感染力的表现方法,突出视觉效果,完美实现创意和设计风格。



▲ 3D图标的运用让界面具有很强的表现力。需要注意的是,有意思或者趣味性很强的图标会带给用户新鲜感, 但不是所有用户都能轻松理解或操作。


 最后 


一个图标的诞生需要不停地打磨、改进每一个小细节,也需要遵循化繁为简的基本原则,这样才能保证图标的清晰、美观、实用。


—  The End  —





本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号: Clip设计夹!





0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,746人)

【6月】7天轻松入门C4D小练习
距离开班仅剩9天80人已报名
【6月】人像后期案例实操训练营
距离开班仅剩17天43人已报名
【7月】7天轻松入门C4D小练习
距离开班仅剩29天0人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习90000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了25,768
并提交了155份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 90000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证