行业动态
基地新闻
联系我们
- 电话:0531-86558833
- QQ:464510412 / 864615817
- 地址:济南和平路18号(燕山银座写字楼五楼)
icon设计的原则
在UI设计当中icon的设计是必不可少的,很多同学在刚开始学习UI设计的时候,看到好看、简单的图标临摹一下就觉得已经学会了方法,其实不然,看似简单的 icon作品其实需要进行方方面面的考量,才能设计出符合规范的成熟作品。那么今天,新视觉实训就为同学们总结一下icon设计中需要遵循的几点原则,希望可以为UI设计的初学者们提供一点实用的方法!
可识别性
最新的 IOS 设计原则被人们概括为:大、黑、简。经过我们长期的了解和实际的数据分析,我们知道在视觉的设计中,最受欢迎的颜色是黑色,其次是白色。所以沿用到图标设计中,黑白图标也是在界面中最广泛被使用的。
为了让图标提升界面中信息的被理解性,很多设计师也会用黑白色去设计图标,原因是颜色会干扰用户的理解力;界面中颜色多了,会消耗用户寻找图标的时间;因此颜色是识别性中需要注意的一点,为了提高用户的可识别性,我们的设计更应该遵循用户习惯。
Instagram 的设计就是就是比较典型的新风格界面,图标易于理解,且用黑色作为基调,识别性高,用户也易于理解,这也是为什么这些图标没有文字做解释的一个原因。
上面的说明是为了让大家在设计图标时要注意的一些细节。当然,如果是一些个性化图标,颜色也要突出。比如某些图标的颜色尽可能保持实体物质的相近色,这样也不会让用户在理解上有偏差。
视觉统一
不同类型的图标有不同的特征,稍微一点变化,都会破坏整套图标的统一性。包括复杂度、形状、线条粗细等等。比如:整体风格的统一;图标的大、线条的粗细保持一致性。
差异性
设计一套图标时,要尽量放大图标之间的差异性,减弱图标之间的相似性,这是最容易被设计师忽略的一项原则,往往为了保持视觉风格的统一性、使用同一元素而舍弃了各图标的差异性。
假如一套图标,长得都差不多,那用户在界面中找某个功能要花费的时间会比想象中的长很多。他们会去探索图标的功能作用,看跳转的页面是否是自己想去的界面,然后再返回。有些人可能会误解统一性和差异性的概念,统一是图标样式及风格统一,而差异是图标与图标之间的含义要明确。还有一点,在设计的过程中一定要区分被选择和未选择的状态,让用户知道我们的图标给予了他反馈。