UI界面细节不够？你需要掌握的17条关键原则

但至少你可以这样说：用户一次接收的信息越少，他就越容易采取行动（例如，打一个电话）。循序渐进的信息接收，可以确保更容易、更愉悦的用户体验。不要让用户在识别你的界面布局时遇到困难，而一堆元素堆积在一起是很难产生美观愉悦的体验。

4. 不均匀的边缘边距

如果你在制作海报、banner或我们最喜欢的卡片时，要注意边缘的边距。如果你以经典的从左上角到右下角的方式来布局内容，那让顶部的边距比左侧的边距稍大一点，看起来会比四面均匀的边距更加舒服，美观。

03 颜色和配图

图片、图标和背景决定了产品的基调。图片应该准确地展示公司、APP或网站所提供的东西。

1. 一些Logo的想法

我不太经常做logo，在我的职业生涯中，做了大概20个左右的logo，我的心得是，一个好的logo是很难做的。但是，作为一个设计师，只要遵循基本的规则和原则，一定可以制作出一个像样的logo。比如精心选择颜色。

有一次，我看到一个叫 “VIP catch “的渔具店用了一个紫色的logo。紫色和 “VIP “两个字的组合，并不能真正让人产生对钓鱼的联想。一般来说，任何行业都可以用任何颜色，除非有明显的脱节，比如上面讲的那个例子。如果你觉得把图片（符号）放进logo很难，那就不要做，尽量把它做成一个纯字体的logo，少即是多。

2. 投影

物体的投影绝对不应该是黑色的。投影的颜色永远都需要结合环境的颜色（彩云注：就想象成界面中有一个太阳光打过来，会反射周围的环境色，所以会带有周围物件的颜色）。物体通常有几个投影：一个是小而亮的，直接在它的正下方（如果是站着或躺着的东西），第二个是比较模糊、透明的投影。避免项目中脏的、不自然的投影。

3. 图标和配图

凡是可以矢量的东西都应该矢量。所有的图标，箭头和logo都应该以SVG格式（iOS开发的PDF格式）交给开发者。PNG图标边缘模糊，看起来很糟糕，尤其是在视网膜显示器上。此外，用矢量图占用内存也较少。

4. 关于图标

如果你正在为一个网站或应用开发一套图标，请确保所有的图标都属于一个 “家族”。这意味着相同的笔画宽度，相同的边框半径。检查一下，确保每个图标都适合在相同大小的正方形中，并且有相同的视觉重量。如果有些图标有圆圈，确保这些圆圈的直径相同。图标应该有一致的风格。

04 其他

还有几件事情想说，但我没有想好怎么分类，所以放在这部分。

1. 避免奇怪的布局

让我们回到我们在空间和边距部分学习过的新闻预览的例子。如果我们将元素（图片、标题、文字和日期）以非常规的顺序排列，可能会让人感到困惑。试着坚持使用通用的界面布局。通用不一定意味着枯燥，你可以随时在项目的其他部分展示创意。

避免在没有充分理由的情况下，在屏幕/页面/卡片上实验性地定位元素。否则用户可能会感到困惑而离开你的网站或应用。请记住，设计师和艺术家是不同的职业。在设计中，我们是为人创造产品，这意味着你的个人创意冲动只能应用在不会干扰用户体验的地方。

2. 界面尺寸

在开始设计一个手机APP之前，一定要先向开发者询问一下屏幕尺寸。通常情况下，iOS的屏幕尺寸为320px，Android的屏幕尺寸为360px。虽然在移动APP上或多或少都会有明确的预期，但网站设计可能会有一定的挑战性，因为它将在多种设备上展示。下面这种情况在我自己做前端开发的经验中非常常见：提供的布局是为巨大的显示器做的。块之间有400-600像素的边距，巨大的字体大小，奇怪的网格。

好在我也是一个设计师，我自己也可以通过调整页边距和大小来解决这个问题，让它在任何屏幕上都能好看。然而，前端开发人员通常没有设计背景，会完全按照提供给他们的设计方式来实现。因此，在普通的笔记本电脑屏幕上，元素会过大。需要注意的是，一般的笔记本电脑屏幕的垂直宽度限制在700px左右，所以要尽量将一个模块放入这个显示范围内。

3. 内容填充

重复的示例文本放在设计中看起来会很廉价，不专业，所以应当避免使用。它只会让人觉得你懒得得去做一些像样的内容。此外，现在不再需要自己创建，有一堆Sketch和Figma的插件可以自动填充内容。内容尽量不要重复，哪怕只是为了演示的目的。放上不同的图片、标题和不同长度的预览文本，效果看起来会更好。

每条规则都有其例外。所有给出的建议从来都不是教条，总会有不同的情况。但在大多数情况下，这些建议会帮助你提高设计水平。希望这篇文章对你有帮助， 谢谢你的阅读。

#相关阅读#

《图标设计细节不够？你需要掌握的10条关键原则》

原文链接：https://uxdesign.cc/how-to-improve-your-product-ui-designers-checklist-58510947e6ab

原作者：Anna Sh – UX Collective

翻译：Scott，目前是莫纳什大学交互设计在读，设计小透明一枚，对设计，科技和生活充满热情。公众号：彩云译设计

本文素材来自互联网

（编辑：辽源站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!