我在 2022 年查看了 500 份初级 UI 设计师的作品集，到 2023 年已经查看了将近 150 份。然后我尝试追踪他们的职业生涯 - 弄清楚谁最终被雇佣了，谁没有。
结果非常有趣。
通过观察数据和我对他们作品集的评论，我注意到了一些模式。这些模式反过来导致了一个简单的截止线被划定。
UI 设计有不同的技能水平。如果你想被雇佣，你至少需要力争达到第四级。你也可以超越第五级，这并不是绝对的顶级，但四和五绝对是一个值得追求的水平。
我审查的大多数设计师处于第三级 - 几乎到达，但还没有完全。有些人处于第二级。还有少数人处于第一级。
然而，我特别关注第四和第五级，因为仅仅几个月后，他们中的大多数人（88%）都找到了他们的第一份 UI（或图形设计）工作。
这种分析并不是关于解决问题（除非你认为丑陋、难以阅读的 UI 是一个问题 - 我认为是）。这是关于制作一个让人们感兴趣，愿意花超过 8 秒来查看的 UI 设计。
主要评估领域包括：
-
可读性
-
布局和结构（一致性）
-
颜色和渐变
-
对比度
-
字体选择
-
逻辑错误
-
一般的粗心
第一级和第五级之间存在明显差异。大多数普通人，非设计师，可以立即告诉你右侧的设计为什么更好。有些人会持相反意见，因为到处都有离群值。这没关系。
一旦你仔细查看每个单独的元素和问题，你就可以开始制定一份清单，以便更接近第五级。
然而，问题在于，即使你知道要采取的确切步骤，也不意味着你会立即制作出第五级的设计。这需要大量的练习、注意力，甚至更多的练习。
这让我想起了《辛普森一家》中我最喜欢的片段之一。
当然 - 知道该做什么和不该做什么非常重要。如果没有这些，练习就是完全浪费时间。但你仍然需要那种练习。这里没有生活技巧。你必须努力工作才能在设计上变得更好。
现在让我们从 1-3-5 中解决一些问题 - 从第一级开始。
混乱的间距和非常紧凑的中间部分导致我们的大脑将其视为一个整体。刺眼的颜色也没有帮助。如果在一个设计中混合高饱和度的红色、绿色和蓝色，几乎可以说是灾难的配方。
永远不要在一个设计中混合红色、绿色和蓝色！
这种层次结构的混乱性与颜色使得这个设计非常难以阅读和处理。
仅仅因为你有数百种字体库，并不意味着你应该在设计中使用所有这些字体。在上面的例子中，你在一个简单的屏幕上使用了 11 种不同的字体、样式或大小。
这是一种制造认知过载的好方法！
第三级看起来确实更好。层次结构仍然不完美，因为表单在视觉上与标题和描述组混合在一起，但至少我们没有疯狂的颜色。
标题比描述更大、更粗的字体也是一个让人欣慰的添加，使得阅读更容易。不过，标题的字体选择并不是很好，因为衬线字体并不真的适合大多数现代应用程序。
值得一提的下一点是，间距肯定更加一致，但数字完全是随机的！就好像有人只是在不看的情况下输入了一些值。
间距结合字体大小的递进是定义层次结构并帮助我们更快地扫描内容的，因此它肯定需要遵循一些规则。
这里还有两件值得一提的事情。
这是一个非常常见的问题。许多设计师要么将标签放得太靠近前一个字段，要么与之间距相等 - 就像在这种情况下一样。
这会导致混淆，因为用户试图弄清楚标签属于哪个字段。这会增加处理时间。
在这里一个不错的选择是与前一个字段至少有 2-3 倍的间距。
我们可能不再生活在拟物化的时代，所以没有必要打磨木纹背景或缝合皮革装饰，但是...
自然法则仍然应该适用于由漂浮的、扁平的、多彩的盒子组成的抽象虚拟界面。
我们通常以 45° 角度拿着手机，大多数光源都在我们的上方。
这意味着，如果我们堆叠几层纸并假装它们是一个界面，会发生两件事：
-
阴影都会指向下方。不是向上。也不是向两侧。直指下方。这更自然。
-
靠近光源的层会比后面的层更亮。
这种自然的进展意味着，如果你有一个表单元素 - 就像自定义下拉框，它们不应该比其背后的背景更暗。
自然的进展意味着颜色（1）应该是最暗的。然后是一个带有按钮的覆盖层，然后表单元素（3）应该是最亮的。
现在让我们快速看一下第五级。当然，这仍然可以改进，但是 4 和 5 级通常在呈现良好时足以给你留下足够的第一印象，让你被考虑为 UI 角色。
在第五级中，我们当然有一致的图标，漂亮的字体大小和粗细递进，视觉上对齐的图标和文本，适当的结构等。
但让我们特别关注两件事。
更清晰地分成四个组有助于用户单独扫描它们。这意味着更多的注意力集中在从描述跳转到表单后选择选项。
表单与按钮之间更大的间距也有助于结构化逻辑组。在这里跳转各个部分更有意义。
理解所有这些小细节和良好界面的步骤是至关重要的。但这并不能替代你的工作。
它可以帮助指导你避免愚蠢的错误，这已经是一件好事了，但你确实需要付出大量的努力和练习才能看到结果。
第四级和第五级绝对是任何愿意努力追求的人可以达到的水平。
你处于哪个级别？
