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

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

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，目前是莫纳什大学交互设计在读，设计小透明一枚，对设计，科技和生活充满热情。公众号：彩云译设计

本文素材来自互联网

（编辑：PHP编程网 - 湛江站长网）

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