图标现在无处不在,在用户界面(UI设计)中发挥着重要作用。在收到新项目时,必须从零开始设计一组新图标。无论您是一个优秀的用户界面设计师,还是一个想要提高视觉设计技能的UX设计师,图标设计过程都是至关重要的一步。今天优漫动游
教育编辑将带您学习图标设计的五条黄金法则。
现在还不算晚。让我们介绍一下图标设计中的五条黄金法则。学习之后,你将离高级UI设计师更进一步。我们还需要记住一些标准,这将有助于确保图标易于识别和使用。
1.设计简单的形状
一切都可以分解成基本形状,比如上面的房屋图标案例?我们设计了两个矩形和一个三角形。定义图标后,请尝试将其分解成简单的形状。这是开始构建和简化图标的最佳方法。
2.注意网格
图标设计中的许多内容都由网格控制。在设计图标时,您需要密切关注像素网格以及图标如何适应像素网格。
确保图标接近像素网格的最简单方法是坚持整数。避免小数点——这些家伙会使图标的边缘燃烧。让我们来看看实际情况。
下面,我画了一个简单的房屋图标,并打开了像素网格。在左边,你可以看到一个由完全适合像素网格的笔触组成的图标。在右边,笔触略有下降。你可以通过查看构成像素网格的线来区分它们,它们贯穿于笔画。
现在,让我们来看看屋顶的对角线。这些并不完全位于网格上。我们不能使它们合适,因为网格由垂直和水平线组成,没有对角线。在这种情况下,我们确保对角线的起点和终点位于网格上。
3.清晰度
我们有时会把图标放在很小的地方,比如iPhone上的标签栏。随着标签栏的大小,图标也会适当变小。这个合适的图标可能看不清楚。
在设计小图标时,图标的线条比正常图标要细。尽量做一些直角图标,避免圆角模糊。关键是确保即使是小图标也能让用户清晰地阅读,给用户良好的视觉体验。
4.保持一致
当我们设计一组图标时,它们应该像一个家庭。它们看起来并不完全相同,但具有相似的视觉属性,使它们相互关联。
在设计中,请做出一致的风格选择。例如,如果您使用圆角并以图标结束,请确保其余的都使用。风格、尺寸和细节应保持一致。这有助于形成连贯的视觉语言,这是品牌建设的关键组成部分!
5.测试
确保图标与用户清晰、快速通信的最佳方法是测试图标。设计图标后,最好进行快速测试。
向朋友或团队中的其他人显示图标。让他们告诉你他们看到他们时想到的第一件事。如果它与你想要交流的内容一致,那么你的设计就成功了一半!
以上是小编今天与大家分享的内容学习图标设计五个黄金规则,希望本文能帮助你想要零基础学习UI设计,学习是一个漫长的过程,如果你想学习UI设计更快,可以来优秀的UI设计培训课程学习,让你更快地掌握UI设计技术,7天免费试用体验。