UI设计初学者需要知道的5个简单技巧
当你刚开始从事 UI 设计时，浏览一些专业UI设计作品可能会令人生畏。你会在这些网站上看到来自世界各地的各种才华横溢的设计师的精美设计，如果你和我一样，那么你一定想知道为什么你的设计达不到那个水平。为什么尽管你尽了最大的努力，你的设计还是不能给用户带来惊喜。
Photo by Noah Silliman on Unsplash
现在，这是事实，这种质量是大量的练习和努力的结果。
但没有人会阻止你从他们那里学到一些简单的技巧/策略，也可以将你的设计提升到那个水平。
你可能听说过帕累托原则，即80%的结果来自20%的原因。我们将在我们的设计中应用同样的原则，并通过修改或使用简单的技巧将它们提升到 dribbble 或 behance 级别的质量。
我们开始吧：
使用单个字体集
互联网上的任何网页都由 90% 的类型组成。如果你删除图像或其他设计元素，则可能对访问者没有帮助。因此，如果页面上超过 90% 的空间被类型占用，那么关注它只会符合我们的最大利益。
你可能听说过这样的建议，即你应该在设计中只使用有限数量的字体。这个数字通常最多设置为 2 或 3。
这是正确的，但是我建议你甚至不需要 2 或 3，只需 1 就足够了。
首先在你的设计中只使用一种字体集，然后逐步使用 2 或 3 种字体。在单个字体集中使用粗细/大小，你会惊讶于你的设计看起来更连贯、更干净和更专业。
这个技巧背后的基本原理是，当我们混合不同的字体/元素时，我们需要格外小心，使它们彼此完美匹配。这需要训练有素的眼睛。
决定哪些字体应该搭配在一起需要大量的练习，当你刚刚开始时，你不会注意到它。
将字体最小化为单个字体集也会迫使你认真思考如何仅使用单个字体集来使你的设计美观。
但是不用担心，你可以仅使用一个字体集就可以做出各种漂亮的组合。掌握使用单一字体集，然后慢慢地使用 2 或 3。
你可以实现多种这样的组合，而无需使用第二个字体集。在此处使用Montserrat字体集的不同字体粗细。
使用适当的负空间或空白
页面上的元素需要一些空间来呼吸。如果你在一个小空间里塞满了很多设计元素，那么它们就会相互抵消，没有一个元素会脱颖而出。那会弄得一团糟。尝试在设计中使用负空间或空白空间。
从页面中删除不必要的元素，直到只剩下需要的元素，然后为每个元素提供喘息的空间。
一点空白会产生很大的不同。
谨慎使用颜色
掌握色彩理论及其在实际设计中的应用需要大量的努力和多年的实践。一些有福气的人可能有这样的眼光，但对于我们凡人来说，我们必须多加练习。
所以一开始在你的设计中只使用最少量的颜色。混合和搭配不同的颜色，使你的设计看起来很漂亮是一门不容易的艺术。
因此，将颜色保持在最低限度。以 70–30–10 的比例使用颜色。
这里 70% 的颜色将是你的背景颜色，例如白色。
30% 的颜色将是你的辅助颜色，例如黑色。
10% 的颜色将是你用来突出显示设计中的按钮和其他号召性用语元素的颜色。
你也可以尝试仅使用 2 种颜色的组合。就像字体一样，同样的原则也适用于颜色的使用。首先掌握使用 1 或 2 种颜色，然后慢慢增加设计中的颜色数量。
混合超过 2 种颜色可能具有挑战性，需要多年的练习。只坚持一种或两种颜色，直到你掌握了它们。
美丽的Hero section
用户可见的滚动前的第一部分通常称为Hero section。现在，提高 UI 设计质量的一个简单技巧是制作漂亮的 Hero section。
你可以通过使用各种技术来做到这一点，比如标题的大字体或手绘插图，或者使用产品的 3D 模型或使用相关的库存照片等。
这里的基本思想是让用户“哇~”。在整个会话中，第一印象会持续在用户的脑海中。它基本上为整个用户体验定下了基调。
第一印象确实在这里成为了持久的印象。
来源dribbble
使用网格
开始的时候，你不知道要把每一个元素放在页面的哪个位置，才能让它看起来好看。为了达到这个目的，你可以使用网格来快速提高你的设计质量。
通过使用网格，你可以确保不同元素之间的间距相同，因此它们都可以一起创建一个有凝聚力的构图。
也有无网格设计，但就像在生活中一样，你首先需要了解规则才能成功打破它们。因此，首先掌握网格系统，然后再进行打破网格的设计。
来源dribbble
小贴士：我知道我只说了 5 个技巧，但谁不喜欢额外福利呢，所以这里有一个额外的提示：
向大师学习
如果你想掌握生活的任何领域，第一个技巧就是从大师那里复制。我并不是建议你直接去复制粘贴其他设计师的作品。不，不要那样做。
相反，你可以做的是选择一个你喜欢的设计，然后尝试逐个像素地重新创建它。此过程将让你了解原始创作者的想法以及他们为创建自己的设计而做出的设计决策。这将增强你的设计能力和决策能力。你将开始了解每个设计师的设计过程，从而培养你的设计眼光，
很快，你将开始识别范例，并且你对美丽设计的感觉将继续发展。
来源Cuberto
又一个小贴士：是的，我能说什么我喜欢看到人们快乐:)
每天浏览设计灵感网站
这个简单的技巧将增强你的设计感。当你反复看到一个东西时，你的大脑很快就会开始连接以前不存在的点和图案。
只需打开dribbble、behance或Awwwards或任何其他你喜欢的设计灵感网站，然后浏览精美的设计。也许尝试结合以前的奖励提示并重新创建其中一个设计。这将培养你对优秀设计的眼光，很快你就会开始看到自己设计的质量在提高。
因此，这里总结了如何通过 7 个简单易用的技巧成为 UI 设计专家：
-
仅使用单个字体集
-
使用充足的负空间
-
谨慎使用颜色
-
美丽的英雄部分
-
使用网格
-
向大师学习
-
每天浏览设计灵感网站
作者：kush sharma
推荐阅读
相关文章
本页面最后更新于 2021年06月09日 11:01
