江苏龙网

  1. 主页 > 生活百科 > >

如何设计图标，logo设计理念流程

图标设计，即图标设计，在界面设计中占有非常重要的地位 。好的图标能让用户“一秒看懂” 。如何设计一个优秀的图标？这篇文章会给你答案 。
在图形交互界面中，图标是最常用的设计元素之一 。
如何设计一个优秀的图标？
在这篇文章中，我将分享一个简单的使用列表/手册来帮助你更好地向你的用户展示图标 。
一、易识别 清晰是优秀界面最重要的特征，但不幸的是，图标往往不够清晰 。
图标必须在第一时间传达最重要的信息 。当图标不能立即表达其意义时，就会成为一种“视觉噪音”，失去意义 。
优秀的图标，不用看标签或文字提示，也能认知理解 。
一些简单的规则可以帮助你避免使用不能表达其含义的图标 。
1. 尝试使用用户熟悉的icon 对用户图标的理解，一般是基于他们的使用体验和认知 。这就是为什么使用熟悉的图标比使用独特的图标更好 。
依靠通用图标 。喜欢房子，打印，打游戏 。
和搜寻等等这些，不需要进行任何解释的图标 。
(易于理解的图标)
研究和检查你的竞争对手使用的图标 。
2. 不要使用有歧义的icon 应该避免使用具有多重含义的图标 。例如，“心形”图标和“星形”图标可以用作“喜欢”或内容 。一起使用的话，很可能会造成用户干扰 。
(心形和星形图标模糊不清)
3. 测试icon的含义表达 不要听什么“人们每天都在用我们的产品(APP)，他们肯定能理解图标的含义” 。
请测试您的图标！
[5秒原则] 是测试图标的有效方法 。询问用户他们希望这个图标代表什么？
如果思考这个图标的时间超过5秒，那么这个图标就不能有效地传达它的意思 。
4. 测试icon的可拓展性 测试你的图标在类似15x15px的尺寸下是否依然清晰 。
(音乐图标放大清晰)
5. 给陌生的icon附上标签文字 如果您仍想使用特殊图标，请考虑在图标旁边附加一个文本标签 。
(图标+文本)
6. 不要重新定义icon的含义 通过改变图标的含义来迷惑用户是相当容易的 。当图标的功能与预期认知不同时，用户会感到困惑 。
不要多此一举！
即使是意义上的细微差别也会阻碍用户对图标的理解能力 。
很长一段时间，谷歌文档使用的图标看起来像一个汉堡 。大多数界面使用类似的图标来表示主导航菜单，但谷歌重新定义了它的含义，并将其用作“后退/返回”操作 。当用户点击这个图标，他们将被重定向到谷歌文档的主页 。
二、视觉舒适 品牌个性可以通过插图、颜色和图标来传达 。如果做得好，图标绝对可以提升设计的美感 。
1. 减少图形细节中的数量 KISS原则适用于所有UI元素，包括图标 。保持图标简单，并遵循以下两个原则以避免不必要的复杂性:
限制颜色使用数量，使用不超过3或4种颜色，保持设计简洁 。通过聚焦于对象的基本特征，来减少图形设计细节的数量 。尽量保持设计的概要性，因为设计概要性的在不同的界面和分辨率都可以进行转换 。(不要太花哨，避免设计出来的图标上有太多视觉细节)
2. 通过添加动画效果创造愉悦体验 动画效果可以表达明确的功能目的，为用户创造愉悦的体验 。
对于形状变化的情况，使用动画效果可以创造更好的动态体验 。
三、合适尺寸 图标应该是用户很好的目标点 。
设计师常犯的一个错误就是在手机上给图标留的空空间太小 。当你设计触摸时，确保图标足够大，你的手指可以点击 。
参考:屏幕中目标的点击范围为7-10mm 。此外，确保在目标对象之间添加填充，以防止不准确的点击 。
(实际目标尺寸=视觉目标尺寸+填充图片:微软)
四、一致性一致性是设计中的关键原则 。一致性设计是一种直观设计 。当相似的元素以一致的外观和功能使用时，可用性和可学性可以得到提高 。
1. 内部一致性 图标的设计应该在视觉上是统一的，你决定用于你的产品的图标应该有统一的风格 。
理想情况下，它们应该看起来是由设计师设计的 。这里有一些关于创造统一性你需要遵循的原则:
使用相同颜色或者颜色组合在你的图标上； 使用相同的形状和其他样式属性（例如边框的大小） 。(没有凝聚力的图标看起来很糟糕)
2. 与平台保持一致 确保你的目标风格与平台一致，它们会让用户更容易理解 。
(苹果iOS和谷歌Android图标)
3. 与产品系列保持一致 如果你拥有整个产品线，确保在你所有的产品中应用一致的图标风格(或者至少是相似的) 。


推荐阅读


上一篇：游戏推广网站有哪些，游戏推广的渠道与方式

下一篇：美团属于什么行业类型，美团商业模式介绍