图标设计的三个小原则(很好一段总结,值得分享给你们)

头像
袁ting
2016-10-18 11:34:34

   在练习的过程中,我看了很多设计师写的关于图标设计的文章,从基本的视觉元素到人的系统感知,也终于理解为什么如今的界面设计中,图标会占据如此大比例的原因了。

  可识别性

    最新的 IOS 设计原则被人们概括为:大、黑、简。我也去看了些相关数据,在视觉的设计中,最受欢迎的颜色也确实是黑色,其次是白色。所以沿用到图标设计中,黑白图标也是在界面中最广泛被使用的。(除了那些概念设计)

为了让图标提升界面中信息的被理解性,很多设计师也会用黑白色去设计图标,原因有两个:

颜色会干扰用户的理解力;

界面中颜色多了,会消耗用户寻找图标的时间;

因此,颜色是识别性中需要注意的一点,为了提高用户的可识别性,我们的设计更应该遵循用户习惯。有一部分设计师的想象力非常丰富,这是设计师的一大优势,但是切忌将图标设计的过于个性,让用户难以理解。

 视觉统一

不同类型的图标有不同的特征,稍微一点变化,都会破坏整套图标的统一性。包括复杂度、形状、线条粗细等等。

我在临摹整套图标的过程中,很明显能看出原作者对于图标的把控性有多强,每处细节都调整的非常到位,以至于我在制作的过程中遇到不少麻烦。不过解决之后,自己在创意图标的时候就发现轻松不少。

 差异性

 设计一套图标时,要尽量放大图标之间的差异性,减弱图标之间的相似性,这是最容易被设计师忽略的一项原则,往往为了保持视觉风格的统一性、使用同一元素而舍弃了各图标的差异性。

假如一套图标,长得都差不多,那用户在界面中找某个功能要花费的时间会比想象中的长很多。他们会去探索图标的功能作用,看跳转的页面是否是自己想去的界面,然后再返回。你可以将设计完的一套图标展示出来:然后你说出一个名词,让同事去选择是哪个,这样可以很好的检测图标的差异性和识别性。

有人可能会误解统一性和差异性的概念,统一是图标样式及风格统一,而差异是图标与图标之间的含义要明确。

还有一点,在设计的过程中一定要区分被选择和未选择的状态,让用户知道我们的图标给予了他反馈。

  总结

最后来说说为什么我们要设计图标:

提升用户对信息的感知速度;

通过视觉的感知,提高用户的界面记忆;

更加节省空间,避免了长文的使用;

增强界面设计感,让界面更加协调。


全部回复
正序查看
头像
久伴 i

B_01.gif 不错的分享  沙发我来坐

2016-10-18 11:36:20
...
头像
UI讲师-刘艳琼
挤挤
2016-10-18 11:38:45
...
头像
UI讲师-刘艳琼

总结得很到位,图标设计就是要讲究这三个原则,图标设计出来是给用户去使用的,袁婷的图标作业还是不错的,也可以晒晒撒!哈哈

2016-10-18 13:27:45
...
头像
小健健

地板我的B_01.gif

2016-10-18 15:05:43
...
头像
不准调戏我

总结的很赞!

2016-10-18 15:28:42
...
头像
UI班主任-林娟

很棒哦,必须赞哦B_04.gif

2016-10-19 20:15:39
...
头像
爱上猫的胖妹纸

总结的很赞!B_109.gif

2016-10-19 20:26:07
...
头像
xs万志桓
涨知识了B_02.gif
2016-10-19 23:08:53
...
头像
邢帅教育-小杨

简单直接,用户不用思考他的功能,可以从图标看出APP的功能也是必需的。

2016-10-19 23:37:32
...
没有更多了