技术分享|想整合出一套统一的图标,这些技巧不要错过

2018-08-02 15:31:28

找图标这个事情,对于设计师而言,其实都不是太大的问题了。不仅有大把的网站提供免费的图标下载,而且设计师自己改和设计都不是什么大事。不过,这当中涉及到一个非常现实的问题。对于常用的那十几个图标,并不难找,成套的都一抓一大把,就像「设置」和「编辑」的图标,但是,有许多图标对于特定的项目而言,是独一无二的,你想在通用的图标合集中找到一个能用的,可能性并不大。如果在其他的地方找到了主题匹配的,但是在风格样式上,又无法保持一致,这就很尴尬了。总不能直接拿来用吧?那多容易出戏。

想整合出一套统一的图标,这些技巧不要错过1.jpg

单独看这些图标的时候,你可能会觉得单独看都还行,但是放在一起就不那么合适了。那么,怎么整合出一套统一的图标呢?接下来,西安中软卓越UI老师分享给大家一些技巧,希望可以帮助到有需要的同学。

技术分享|想整合出一套统一的图标,这些技巧不要错过.jpg

一、色彩

图标所传递的诸多信息当中,色彩是最为直观的一种。将不同来源的图标先在色彩上统一起来,比如使用同一种颜色。

想整合出一套统一的图标,这些技巧不要错过1.jpg

虽然说使用单一色彩很便捷,不过你如果能运用现有的配色方案来进行图标的色彩统一,效果就更好了:

想整合出一套统一的图标,这些技巧不要错过2.jpg

如果你真的喜欢你所找到的图标,但是它们的色彩又不一样,可以先自己调整,或者找一位专业的图标设计师来帮你。值得注意的是,绝大多数素材的分享授权许可证是包含编辑授权的,你可以更改色彩和尺寸。

二、风格

拟物化和扁平化设计之间的斗争已经持续多年了,目前来看扁平化设计是主流,但是我并不知道这种局面还会持续多久,因为如今的扁平化设计当中就包含了不少拟物化的设计技巧和元素。在未来的510年会流行什么,就很难说了。时尚和流行就是这样。将扁平化和拟物的设计风格混搭到一起,必然会导致界面的杂乱无章。不过,在大的风格设定之下,设计师依然有足够多的选择。比如在扁平化的设计风格当中,iOSApple Human GuidelineGoogle所推动的Material Design都是非常典型的扁平化设计风格设计规范,两者在细节和风格的把控上都非常的严格,甚至具体到每一条线的粗细:基于那些专门为特定操作系统所定制的、系统化的图标来设计新的图标,其实是最可靠的办法。这些被广大设计师所接受的设计规范,在日常设计中指引着许多设计师的工作。

因此,在色彩和风格上保持一致是最重要的。此外,还有一些微妙而值得注意的细节,需要设计师特别上心。因为这些图标的设计已经趋于经典,而重度用户和经验丰富的设计师,能够一眼就分辨出不够贴合的图标细节。所以,设计师常常能够听到这样的反馈:「我也不知道哪里不对,就是觉得不对。

三、透视和视角

下面的5个图标,同样都是采用的拟物化的风格,为了统一,我细微调整了一下它们的色彩,看起来更加一致。但是不管怎么调整,它们看起来就像是5个完全不同的应用程序的图标(事实上它们就是)。

想整合出一套统一的图标,这些技巧不要错过4.jpg

图标应该看起来就是整个界面的一部分,它们之间的关系是平等的,在视觉和感知上应该保持着同等的关系。

四、阴影

在阴影的设计上,图标之间也应该保持这种一致性。看看下面的两个图标吧:

想整合出一套统一的图标,这些技巧不要错过5.jpg

这两个图标源自同一套图标,但是看起来却只有一个图标被太阳照到了。光的方向同样很重要。因此,想要让图标保持一致,最好是让图标在光照角度上也保持着一致。虽然阴影多数情况下被认为是拟物化设计中才会用到的,但是实际上,包括Material Design在内的扁平化设计风格中也会用到阴影。所以原则上,它是泛用的,设计师需要保持设计上的一致。

五、视觉重量

图标给人的大小、密度和重量感,就是我们常说的视觉重量。而在同一套图标当中,图标的视觉重量应该保持一个非常接近的程度。

六、细节

魔鬼藏于细节。但是细节中所藏的魔鬼类型还是非常多样的,这个主题我们不妨展开了来说。

想整合出一套统一的图标,这些技巧不要错过6.jpg

1.重复的元素

有的时候,设计师会加入了一些一致的、重复的元素,来确保图标看起来足够独特。重复的元素,重点在于重复的一致性。

2.细节的数量

另外一种情况,则是细节数量上的不一致。这种不一致会扰乱整体的一致性,简而言之,就是这组图标应该在复杂度上保持均衡,否则,用户将会因为混乱而难以判断各个图标的属性。

正如同我刚开始所说的,想要将不同的图标纳入到一个系统当中来,设计师主要的工作目标就是确保一致性。经验丰富的设计师会从各个角度和属性上来针对图标进行优化,今天的文章已经将潜在的、需要关注的问题都梳理出来了,图标的设计工作做好了,界面的设计才会更加顺畅。

西安中软卓越为学员提供系统全面的UI设计课程服务,帮助学员高效、扎实的掌握UI设计专业知识、工具操作;按照企业的实际需求,为学员定制最契合的实训培养教案,毕业后相当于1-2年的工作经验,学员“入学即入职”,无门槛融入企业,满足企业用人需求;帮助那些热爱设计的学员,通过理论结合真实的实践项目,快速成长为一名优秀的UI设计师!


本文由中软卓越(西安)汇集整理,转载请注明作者及出处。

如需学习java、UI设计、软件测试、Python、大数据、嵌入式、Linxu云计算,请点击咨询,加入我们让你的未来不再迷茫。

关于我们

【中软卓越】-中软国际旗下高端教育品牌,是中软国际有限公司投资的大型人才服务机构,是中软国际人才战略的核心组成部分之一,承担集团发展过程中人才储备和培养的任务;专注IT培训37年,国内高端IT培训品牌,教育部指定官方IT人才培训机构。专注java培训、UI设计培训、软件测试培训、Python培训、大数据培训、嵌入式培训、Linxu云计算培训等培训课程。217家合作院校,880家合作企业,真实项目实战,素质拓展,职业规划。零首付,100%保障就业,先就业,后付款。

最牛逼的毕业学员入职名企享受高薪就业。880家合作企业,年培育学员人数逾6000人,毕业学员就职于中软国际、百度、腾讯、阿里巴巴、IBM、华为科技、中兴通讯、软通动力等知名企业。

还有什么疑问?我们全面为你解答!为您提供一对一专人服务,请点击下方咨询

  • 卓越资讯
  • 猜你想看
  • 常见问题

    Java是一门面向对象编程语言,不仅吸收了C++语言的各种优点,还摒弃了C++里难以理解的多继承、指针等概念,因此Java语言具有功能强大和简单易用两个特征。[详细课程]

    软件开发是根据用户要求建造出软件系统或者系统中的软件部分的过程;软件开发是一项包括需求捕捉、需求分析、设计、实现和测试的系统工程。[详细课程]

    软件测试是在规定的条件下对程序进行操作,以发现程序错误,衡量软件质量,并对其是否能满足设计要求进行评估的过程。[详细课程]

    Python是一种面向对象的解释型计算机程序设计语言,语法简洁清晰,特色之一是强制用空白符作为语句缩进,它常被昵称为胶水语言,能够把用其他语言制作的各种模块。[详细课程]

    UI设计分为实体UI和虚拟UI,互联网说的UI设计是虚拟UI,一般是指对软件的人机交互、操作逻辑、界面美观的整体设计。[详细课程]

    大数据,又称巨量资料,指的是所涉及的数据资料量规模巨大到无法通过人脑甚至主流软件工具,在合理时间内达到撷取、管理、处理、并整理成为帮助企业经营决策更积极目的的资讯。[详细课程]

    云计算是一种按使用量付费的模式,这种模式提供可用的、便捷的、按需的网络访问, 进入可配置的计算资源共享池(资源包括网络,服务器,存储,应用软件,服务),这些资源能够被快速提供,只需投入很少的管理工作,或与服务供应商进行很少的交互。[详细课程]

    西安市长安北路8号高速大厦三楼

    电话:029-61876930