UI设计的基本原则与方案.pdfVIP

君子忧道不忧贫。——孔丘

UI设计的基本原则与方案

是什么让一个好的UI设计易于阅读？是什么让用户轻松浏览？设计

师如何创建一个大放异彩的UI？用户界面是任何软件产品的关键部分。

好的UI设计，用户甚至会忽略它。

如果做得不好，会成为用户使用产品路上的绊脚石。

为了更高效地设计能满足用户使用的UI，大多数设计师都遵循界面设计

原则。

本期我们就带你了解UI设计四大原则！

一、美学性

为了创建视觉美学UI通常有以下这些小规则：

1.规则1：光来自天空

阴影是告诉我们正在查看哪些用户界面元素的宝贵线索。

君子忧道不忧贫。——孔丘

当光从天而降时，它照亮事物的顶部并在其下方投下阴影。

事物的顶部较轻，底部较暗。UI也是如此。

就像我们所有面部特征的所有底面都有小阴影一样，几乎每个UI元素

的底面都有阴影。

我们的屏幕是平面的，但细节设计会让屏幕上几乎所有东西看起来都是

立体的。

2.规则2：黑白优先

君子忧道不忧贫。——孔丘

在添加颜色之前进行灰度设计可以简化视觉设计中最复杂的元素，这样

设计师可以专注于间距和布局元素。

首先设计黑白。从更难的问题开始，让应用程序在各个方面都美观且可

用，但不需要颜色的帮助，最后再添加颜色。

这是让应用程序看起来“干净”和“简单”的可靠的简单方法。在太多

地方有太多颜色是往往容易搞砸设计。

而在此之后，向灰度站点添加一种颜色可以简单有效地吸引眼球。

通过修改单一色调的饱和度和亮度，可以生成多种颜色——深色、浅色、

背景、强调色、引人注目的颜色，但这样不会让人眼花缭乱。

使用一种或两种基本色调中的多种颜色是突出或中和元素且不会使设

计混乱的可靠方法。

君子忧道不忧贫。——孔丘

3.规则3：将空白加倍

为了使UI看起来很有设计感，需要增加很多喘息的空间。

空白是构成出色视觉布局的最容易被忽视和未充分利用的元素之一。

很多时候，空白被视为空白空间，因此浪费了屏幕空间。

空格对于制作更好和简化的布局是必要的，因为它最终使用户专注于本

来打算看到的内容。大量的空白可以使一些杂乱的界面看起来简单又容

易吸引人。

4.规则4：为每个屏幕创建一个焦点

君子忧道不忧贫。——孔丘

强调是一种策略，是想要将观众的注意力吸引到特定的设计元素上。这

可能是内容区域、图像、链接或按钮等。

我们看到大多数设计领域都会注重焦点的创建，包括建筑、景观设计和

时装设计。

二、清晰

为了通过视觉元素传递给用户信息并导航准确，不让用户迷失方向，通

常有以下几点规则：

1.规则1：避免不必要的复杂性

始终以尽可能少的步骤和屏幕为目标。

君子忧道不忧贫。——孔丘

使用诸如底部工作表和模式窗口之类的覆盖来压缩数据并减少应用程

序的占用空间。同时，确保自主和独立的方式组织信息。可以将将任务

和子任务组合在一起。

重要的是，不要将子任务隐藏在用户想不到的页面上。根据清晰且合乎

逻辑的分类组织屏幕及其内容。

同样，始终将完成任务所需的步骤数量减少到最小值。

当只需要一两个操作时，不要让用户经历繁琐的点击障碍。三击规则是

最实用的UI设计原则之一，它指出用户应该能够通过在应用程序内的

任何