将图形设计的10条基本规则应用于UI设计
真正完成一个产品——用户体验/用户界面设计，你必须善于获取并应用来自商业、人类心理学、可用性模式、技术和软技能的各种领域知识来挖掘和分析信息。
对于刚刚开始在该领域工作的人来说，这可能会让人不知所措，因为知识几乎是无限的。即使他们确实学习了他们喜欢的知识，但将其用于日常工作又是另一回事。、
我的建议是从最基本的开始，并不断重复它们，直到它们在你的记忆中根深蒂固，以至于你不必每次需要它们时都试图记住它们。相反，它成为一种类似于"肌肉记忆"的信息，使它成为每次开始设计的本能。
从 UI 设计开始，让我们坐下来回顾一下平面设计的 20 条基本规则，以及我如何将其应用于我的工作。
线条和描边
如果材料包含最小单元，即分子，那么点就构成了我们今天看到的图像。通过连接两个点，我们可以创建一条直线、一条曲线或一个角度。通过组合这些线条和笔触，我们形成了设计元素。
每个线条和笔画都会给我们不同的感觉，但总的来说，线条和笔画有三个主要目的：
- 帮助引导眼睛
- 创建重点，突出显示
- 给人一种运动感
来源dribbble
在 InteractiveLabs 主页上，我在屏幕中间使用了对角线描边来吸引人们对徽标上的图案的注意，同时也增加了网站标题的动态。
规模和大小
一个合适的设计有一个适合人们感知事物的方式的比例。简单来说，比例是有意决定设计元素的大小。
确定这将有助于：
- 引起人们对某些元素的注意
- 创造重点，戏剧
来源dribbble
让我们看看木星详情页面，屏幕中间的木星这个词和球体会很快吸引观众。这个球体的大小从其他元素中脱颖而出，为整体设计增添了非凡的效果。
配色方案
重新提及颜色的重要性是多余的。颜色就像水波，可以推动船前进或倾覆它的厄运。
因此，我们在选择和创建调色板时必须尽可能小心，不要忘记使用计算机中有意义的颜色原则和颜色，例如：
绿色：成功
蓝色：处理中
黄色：警告
红色：发生错误
来源dribbble
在配置文件屏幕示例中，我选择了足够清晰的颜色来区分信息类型，但在它们粘在一起时会协调。对于其余的设计，我保持颜色中性，以便观众可以快速浏览饼图的信息。
重复
重复最显着的优点是它始终如一地展示了品牌元素，从而在观众的脑海中留下了印记。
此外，巧妙地使用重复可以帮助连接各个组件，而无需依赖链接元素，使设计不那么繁琐。
来源dribbble
在这个设计中，我特意多次重复小红、黄、绿小圆圈，以与一开始的插图风格保持一致。
负空间
负空间是一个区域，是设计元素之间的距离。由于这些元素，这个空间也可以有它的形状和用途。
标志设计师——擅长使用隐喻和转喻的创造性方法，经常使用负空间。
隐藏空间通常在 UI 设计中用于创造呼吸空间并给主题留下印象。
来源dribbble
Enginetheme 的主页是我早期设计生涯中最喜欢的设计之一。我使用蜂鸟标志形状来展示设计和编程的结合，在它周围留出足够的空间，让它有一个“哇”的感觉。
对称性
人眼会很快被对称结构吸引并被其舒缓。对称性越完美，我们就越觉得它美丽。
因此，虽然不对称布局通常是一个安全的选择，但它偶尔会带来无聊的眼泪。
来源dribbble
Savy 的主屏幕布局（TPBank 的应用程序，根据客户的目标打开储蓄簿）显示对称的储蓄包，便于查看者跟踪信息。而且，它也使布局赏心悦目。
透明度
透明度使元素能够相互交互，从而产生迷人的视觉效果。在同一方向上分层不同的图像也有助于在设计中创造运动。
来源dribbble
为了使文本可读但又不单调，我在上面的示例设计中使用了一个大的颜色数组，其色调适合背景，并且透明度适中。同时，我再次复制了背景图像，并故意将其对齐以偏离大图像。我发现结果非常令人印象深刻。
纹理图案
自从写实设计风格（Skeuomorphism）消失后，纹理或图案的使用因其混乱、应用能力增加等缺点而较少受到关注。然而，当战略性地使用它时，它可以帮助您的设计在深度上栩栩如生，并唤起表面的触感。
来源dribbble
旅行应用的登录页面我使用了与地理地图相同的图案，增加了乐趣，展示了产品的精神。
平衡
对称是一种具有相同属性（例如大小、长度、形状等）的平衡。但是，要创造视觉平衡，它不一定是相同的方面。
长而小的东西可以平衡短而大的东西。“视觉重量”就是我们给它起的名字，它让整体设计和谐而不乏味。
来源dribbble
在这个登陆页面的书籍部分，我制作了不同的线条长度、弯曲次数以及远近位置，以达到视觉平衡。
对比
上面已经提到了平衡，我们不能忽略对比。哇！设计是一个如此复杂的领域。
是的，设计是一个复杂但非常迷人的职业。令人兴奋的是，没有通用的标准，需要设计者调整原则以适应使用环境。
通常，对比度是我们将设计元素并排放置时的密度、颜色、形状之间的差异。此外，它会影响易读性，增加设计的重点并使其脱颖而出。
在设计深色背景时，请密切注意文本与背景的对比，以便于阅读。设计者必须区分信息的类型，以便查看者可以在同一区域轻松找到必要的信息。
有时我不会像我写的那样完全回忆或思考清楚。然而，正如我之前所说的，如果你实践这些原则的时间足够长，它们将成为一种设计本能。它将节省我们的时间，并使我们能够创造出更好的产品。
作者：Hoang Nguyen
相关文章
本页面最后更新于 2021年10月13日 10:15
