设计一套高质量的图标需要一套成熟的技能、训练有素的眼睛、不断的练习和复制。并且我们会通过7个原则和大量案例来解释优秀图标的特点,让大家了解优秀图标的共性,设计出更好的图标。清晰、可读、对齐、简洁、一致、个性、易用1 . 清晰图标的主要目的是快速清晰地传达概念。 Prime Dashboard 上的图标设计如上图,美国手机号码大全列表 你知道它们传达了什么吗?司机开车久了就知道是什么意思,但是有些图标不直观,甚至需要说明书来解释他们的图标是什么意思。如下图:当图标不符合用户的认知时,就是难以理解。安全带“提示灯”(左起第 3 个)非常直观,我们可以很快理解它的含义。 “电动助力转向警告灯”(最右边)美国手机号码大全列表 的含义要模糊得多。通常,不清晰的图标只会令人沮丧,误解警告提示可能会给驾驶员带来严重后果。以下是一些比较熟悉的图标:心形、警告、音乐、方向:磷碳图标箭头是路线常用的指示符号:纽约市地铁支柱最成功的图标不仅在某个用户群体中易于理解,而且在不同文化、年龄、和背景。
分析我们的目标受众并使用与他们产生共鸣的隐喻和颜色。请记住,如果所代表的想法过于抽象,独立图标可能不是最清晰的设计选项。在这种情况下,您可以使用图标+文字的组合设计,或者寻找其他替代方案。 2.可读性一旦你有了一个可以理解的符号,确保它是可读的。Amtrak 移动应用程序中的图标 由于图标中的详细信息量,美国手机号码大全列表 很难注意到上面(顶行)的车站图标。在交通应用程序中也有类似的问题,他们的剪贴板图标读取斑点,因为面板和剪辑之间的空间太小:Transit 移动应用程序中的图标 稍作调整将带来很大的改进:美国手机号码大全列表 调整剪贴板图标对于组合图形设计,请确保在它们之间留出足够的空间。复杂的线条会使图标更难理解,可读性更差。谷歌地图的交通图标非常棒——让图标在小尺寸下保持可读性:谷歌地图图标3。对齐为了确保每个图标的平衡,对其元素进行光学对齐。
在上面的图标中,虽然三角形设计为在圆的中心居中,但我们的眼睛从边缘读取它。三角形较宽的部分感觉比那个点“重”,并向右倾斜。 美国手机号码大全列表 排版师通常会进行细微的调整,以在字体中创造一种平衡的视觉错觉(注意“i”和“ j”和“O”上的过冲):视觉设计师进行类似的调整以平衡图标。纠正上面的例子,稍微移动元素:效果会更好这里是如何学习的:不要简单地相信数字;用你的眼睛检查你的工作。4。 Concise 几句话就能很好表达的想法,美国手机号码大全列表 感觉高效优雅。就像下面的陈述:把你所知道的教给别人,可以增强你对这个主题的理解。我们可以更简洁地说:一个人教,两个人学习。材料很好地说明了系统图标启动的简单性,而不是说:过于复杂的船图标(来源:Material) 极简设计: