页面载入中...

图标设计四标准

xing理论, 2016-06-220

图标设计四标准 by 新视界设计机构

来源:站酷  作者:新视界设计机构

 

系统图标设计思路之图标设计四标准


1.图标的起源

说到图标一般指的都是智能设备中的代表一个含义的图形。其实在现实生活中也会发现许多图标的存在比如交通标示的图标,再比如旅游景区内的引导图标。这些图标存在的价值是提供信息指引,帮助人们找到需要的信息。而智能设备中的图标其实就是把现实生活中的图标迁移到界面当中,在界面中图标传达信息引导用户操作,用户根据接收到的信息进行操作。总之一句话图标的存在是为了快速准确的传达信息给操作的用户并且引导用户作出反馈行为。

2.图标设计四标准

随着扁平化设计的发展趋势,越来越注重图标的简洁与寓意表达。现在各种各样的图标充斥在不同的app当中,那么怎样的图标才设计师应该追求的方向呢。评价一个图标设计的好坏的标准是什么呢。下边我们从四个维度来分析下。


表意性标准

图标作为快捷传到信息的载体首要的标准就是要准确的表达含义,如果一个图标不能准确快速的表达含义,也就不能快速准确的引导用户操作,那么这个图标也就没有存在的必要了。


范例:

精准表达图标的含义


b722576a66b50000012e7e5a0619.jpg

美观性标准

图标在界面中一般都是点睛之笔,都是由精致美观的图形设计。一个图标的美观度决定了用户对这个图标的观感,帅气的图标会大大增加用户点击的几率,从而更有效地转达图标所代表的含义。


范例:

美丽的色彩搭配

58c8576a68080000018c1b09abfd.jpg

美观的线条造型

501b576a66dd0000012e7e1c1a5f.jpge3cc576a67230000018c1ba2ada3.jpg

简洁大方的块面早造型,色彩鲜明的色彩对比


5bf7576a67330000012e7eb43d86.jpg

当下追波最流行的图标设计

74d4576a67870000012e7e9af5ab.jpg

统一性风格标准

在同一个产品中保持同样的图标风格显得有为重要,统一性是保证设计品质的重要一环。统一风格的图标设计会极大地提升设计品质,一套不统一的设计风格会极大地降低产品的设计品质。

范例:

统一的线条,统一的圆角

9e66576a67d30000018c1b1c41f3.jpg

统一的线条,统一的圆角

e221576a67dd0000012e7ec0e019.jpg

统一的线条,统一的圆角,统一的透明度对比

43c6576a67e80000018c1b324599.jpg

统一的造型,统一的圆角,统一的透明度对比

e856576a67fb0000012e7e4059a3.jpg


情感表达

图标出去自身的信息传达之外还要传达产品的情感,比如硬朗、温柔、大方、个性、可爱等。图标设计不同的造型会传达个哦用户不同的情感感受,图标的情感表达是图标设计较高的境界需要对图形、线条、大小、颜色都有特别细腻的感知。

范例:

情感:简洁大方

904c576a71c60000012e7ec3934a.jpg

情感:可爱温柔

9478576a71dc0000018c1bfa827c.jpg

情感:方正硬朗

b628576a71fd0000018c1bd76451.jpg

情感:方中带圆刚柔相济

c6ee576a72120000012e7e9eff62.jpg

系统图标是移动端设计中非常重要的部分,也是衡量一个设计师水准的重要指标。图标设计的表意性、美观性、统一性、情感表达的四个标准,从不同角度阐明了一套优秀系统图标的要求,希望对小伙伴们有所帮助,后便会陆续更新敬请关注

 


分享:

设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描

相应二维码打赏设计原,赏金将全部用于网站建设

微信