图标设计，即icon设计，在界面设计中占有很主要的位置，一个好的图标，可以让用户“一秒即懂”，若何设计出优异的图标，这篇文章给你解答。
在图形交互界面（GUI）中，图标（icon）是一种最常使用的设计元素之一。
怎样设计一个优异的图标呢？
在这篇文章中，我会分享一个简朴的使用清单/使用手册，辅助你若何把图标更好地展示给你的用户。
一、易识别
清晰度是优异界面的最主要特征，但不幸的是，图标往往不够清晰。
图标必须第一时间转达最主要的信息。当图标不能够马上表达出所代表寄义时，它就会酿成一种“视觉噪音”，失去了图标存在的意义。
优异的图标即不用阅读标签或文字提醒，就可以被认知明白。
几个简朴的规则，可以辅助你制止使用不能转达其寄义的图标。
1. 实验使用用户熟悉的icon
用户对于图标的明白，一样平常基于其使用与认知的履历。这就是为何使用用户熟悉的图标效果会比使用怪异的图标要好。
依赖通用型图标。就像屋子、打印、玩游戏和征采等等这些，不需要举行任何注释的图标。
（通俗易懂的图标）
调查研究，检查你的竞争对手所用的图标。
2. 不要使用有歧义的icon
应该制止使用有多重寄义的图标。举例来说，“心形”图标和“星星”图标都可以作为【喜欢】或将内容起来。当一起使用时很可能造成用户滋扰。
（心形和星星图标有歧义）
3. 测试icon的寄义表达
不要听从一些类似“人们天天都用我们的产物（APP），他们一定能明白图标的意思”的话。
请测试你的图标！
【5秒钟原则】是一种测试图标的有用方式。问问用户他们希望这个图标代表什么？
若是需要破费5秒钟以上去思索这个图标，那么这个图标就不可能有用地转达其意义。
4. 测试icon的可拓展性
测试你的icon在类似15x15px的尺寸下是否依旧清晰。
（音乐图标缩放清晰）
5. 给生疏的icon附上标签文字
若是你照样想要使用特殊的图标，可以思量在旁边给图标附上文字标签。
（图标+文字）
怎么注册企业微信，个人企业微信注册流程
6. 不要重新界说icon的寄义
通过更改图标的寄义来混淆用户相当容易。当图标的功效与预期认知差别时，会造成用户混淆。
不要重新发现轮子！
纵然意义上的细小区别，也会故障到用户明白图标的能力。
很长一段时间，Google Docs使用的图标看起来就像一个汉堡包。大多数界面使用类似的图标来示意主导航菜单，但Google重新界说了它的寄义并将其用作“退却/返回”操作。当用户点击此图标时，他们会被重新指导到Google文档主页。
二、视觉恬静
可以通过插画、颜色以及图标转达品牌个性。若是做得好，图标一定可以增强设计的美感。
1. 削减图形细节中的数目
KISS原则适用于所有UI元素，包罗图标icons。保持图标的简练性，而且遵照以下两条原则，制止没必要的复杂性：
- 限制颜色使用数目，使用不跨越3或4种颜色，保持设计简练。
- 通过聚焦于工具的基本特征，来削减图形设计细节的数目。只管保持设计的提要性 ，由于设计提要性的在差别的界面和分辨率都可以举行转换。
（请勿过于花俏，制止设计的图标上包罗太多的视觉细节）
2. 通过添加动画效果缔造愉悦体验
动画效果可以表达清晰功效的目的，而且可以缔造用户愉悦体验。
对于形态改变的情形，使用动画效果可以缔造更好的动态体验。
三、合适尺寸
图标应该很好地作为用户的目的点。
设计师常见的错误之一，是在手机上为图标留下太小的空间。当你为触摸举行设计时，确保图标能够足够大利便手指的点击。
参考：目的在屏幕中点击局限为7-10mm。而且，请确保在目的工具之间添加填充，以防止不准确的点击。
（现实目的尺寸=视觉目的尺寸+填充 图片：Microsoft）
四、一致性
- 一致性是设计中的要害原则。
- 一致性设计是一种直观设计。
当使用相似的元素且具有一致的外观和功效时，可以让可用性和可学习性都获得提升改善。
1. 内部一致性
图标设计应该保持视觉统一，你决议用于你的产物的图标，应该保持统一样式。
理想情形下，它们看起来应该是一位设计师设计的。以下是你需要遵照的关于缔造统一性的几条原则：
- 使用相同颜色或者颜色组合在你的图标上；
- 使用相同的形状和其他样式属性（例如边框的巨细）。
（没有凝聚力的图标看起来很糟糕）
2. 与平台保持一致
确保你的目的气概与平台一致，它们会让用户更容易去明白。
（苹果iOS和Google 安卓图标）
3. 与产物系列保持一致
若是你拥有整个产物系列，确保一致的图标气概（或至少类似）应用在你所有的产物中。
总结
通常来说，为你的项目寻找一个合适的图标并不容易。这就是为什么我分享这个资源列表来让这个义务变得简朴。
我会定期更新列表，以便你可以找到更有用的资源。
本文来源于自互联网，不代表n5网立场，侵删。发布者：虚拟资源中心，转载请注明出处：https://www.n5w.com/290216.html
微信扫一扫 
