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. 避免奇怪的布局

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

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

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