撰稿编者按：结构雕塑家怎样建立两个崭露头角的UI？好的UI结构设计不但是让应用软件显得有性格有品味，更要让应用软件的操作方式显得宽敞单纯、民主自由，充分反映应用软件的功能定位和特征。责任撰稿详尽地给我们重新整理了UI结构设计的五大准则。一起来看一看吧。

是甚么让两个好的 UI 结构设计更易写作？是甚么让采用者随心所欲下载？结构雕塑家怎样建立两个崭露头角的UI？介面是任何人应用软件系统的关键性部份。

好的UI结构设计，采用者即使会忽视它。

如果做得不太好，会成为采用者采用商品马路上的拦路虎。

为的是更高效率地结构设计能满足采用者采用的UI，绝大多数结构雕塑家都遵从介面结构设计准则。

下期他们就带你介绍UI结构设计五大准则！

一、后现代性

为的是建立听觉后现代UI一般来说有下列那些小准则：

1. 准则 1：光源自夜空

阴霾是说他们已经开始查阅甚么样介面原素的可贵蛛丝马迹。

呈色天降时，它点亮表达方式的顶端并在其上方投下阴霾。

表达方式的顶端较重，顶部较亮。UI 也是这般。

就像他们大部份脸部特征的大部份正方形都有小阴霾那样，基本上每一 UI 原素的正方形都有阴霾。

他们的萤幕是正方形的，但技术细节结构设计会让萤幕上基本上大部份小东西看上去都是三维的。

2. 准则 2：黑白优先

在添加颜色之前进行灰度结构设计可以简化听觉结构设计中最复杂的原素，这样结构雕塑家可以专注于间距和布局原素。

首先结构设计黑白。从更难的问题开始，让应用程序在各个方面都美观且可用，但不需要颜色的帮助，最后再添加颜色。

这是让应用程序看上去“干净”和“单纯”的可靠的单纯方法。在太多地方有太多颜色是往往容易搞砸结构设计。

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

通过修改单一色调的饱和度和亮度，可以生成多种颜色——深色、浅色、背景、强调色、引人注目的颜色，但这样不会让人眼花缭乱。

采用一种或两种基本色调中的多种颜色是突出或中和原素且不会使结构设计混乱的可靠方法。

3. 准则 3：将空白加倍

为的是使 UI 看上去很有结构设计感，需要增加很多喘息的空间。

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

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

空格对于制作更好和简化的布局是必要的，因为它最终使采用者专注于本来打算看到的内容。大量的空白可以使一些杂乱的介面看上去单纯又容易吸引人。

4. 准则4：为每一萤幕建立两个焦点

强调是一种策略，是想要将观众的注意力吸引到特定的结构设计原素上。这可能是内容区域、图像、链接或按钮等。

他们看到绝大多数结构设计领域都会注重焦点的建立，包括建筑、景观结构设计和时装结构设计。

二、清晰

为的是通过听觉原素传递给采用者信息并导航准确，不让采用者迷失方向，一般来说有下列几点准则：

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

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

采用诸如顶部工作表和模式窗口之类的覆盖来压缩数据并减少应用程序的占用空间。同时，确保自主和独立的方式组织信息。可以将将任务和子任务组合在一起。

重要的是，不要将子任务隐藏在采用者想不到的页面上。根据清晰且合乎逻辑的分类组织萤幕及其内容。

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

当只需要一两个操作方式时，不要让采用者经历繁琐的点击障碍。三击准则是最实用的 UI 结构设计准则之一，它指出采用者应该能够通过在应用程序内的任何人位置单击不超过 3 次来实现任何人操作方式或访问他们需要的任何人信息。

最重要的是，永远不要要求采用者重新输入他们已经提供的信息。这可能让采用者扔掉他们的设备，直接放弃采用。

2. 准则2：提供清晰的标示

这条准则涉及直观的布局和清晰的信息标签。下载应用程序不应以任何人方式令人困惑，即使初次采用的采用者也是这般。

相反，对介面的探索应该是有趣的，并在不知不觉中宽敞地学会。

确保页面架构单纯、合乎逻辑且有清晰的标示。

采用者永远不应该怀疑他们在应用软件中的位置，也不应该不断思考才能确定怎样到达他们想去的位置。

3. 准则3：促进听觉清晰度

良好的听觉组织提高了可用性和易读性，使采用者能够快速找到他们已经开始寻找的信息并更有效地采用介面。

结构设计布局时，避免一次在萤幕上显示太多信息。构建网格系统结构设计以避免听觉混乱。

应用内容组织的一般准则，例如将相似的项目组合在一起、对项目进行编号以及采用标题和提示文本。

三、隐喻

简化听觉认知，让采用者能尽快“认识”介面，图形原素符合采用者对真实世界的联想，更符合采用者对于介面的惯性认知。

在 UI 结构设计中采用隐喻可以让采用者在现实世界和数字体验之间建立联系。

好的隐喻会与采用者脑海中真实世界的过去体验产生强烈的联系。隐喻常用于使不熟悉的表达方式显得熟悉。

以桌面上的回收站为例，它包含已删除的文件——但它不是真正的垃圾箱，它以一种可以帮助采用者更随心所欲地理解概念的方式进行可视化表示。

在为 UI 选择隐喻时，选择能够让采用者掌握概念模型最精细技术细节的隐喻。

例如，在询问用于支付处理的信用卡详尽信息时，可以参考现实世界的实体卡作为示例。

四、采用者控制

听觉结构设计要让采用者感受到是采用者在控制介面，而不是被介面所控制。

1. 准则1：让行动可逆

采用者应该始终能够快速回溯他们已经开始做的任何人事情。这允许采用者探索商品而不必担心失败，当采用者知道错误可以很容易地撤消时，这鼓励了对不熟悉的选项的探索。

相反，如果采用者必须对他们采取的每两个动作都非常小心，这会导致探索速度变慢且令人不安。

当采用者错误地选择系统功能时，“撤消”会非常有用。在这种情况下，撤消功能用作“紧急出口”，允许采用者离开不需要的状态。

例如，当采用者意外删除电子邮件时，Gmail 的通知消息带有撤消选项。

2. 准则2：适应不同水平的采用者

不同技能水平的采用者应该能够与不同水平的商品进行交互。不要为的是新手或临时采用者的更易采用的介面而牺牲专家采用者。

相反，要尝试针对不同采用者的需求进行结构设计，因此，采用者是专家还是新手并不重要。

添加教程和解释等功能对新手采用者非常有帮助。

一旦采用者熟悉了商品，采用者就会寻找快捷方式来加快常用操作方式的速度。

结构雕塑家应该让有经验的采用者采用快捷方式，从而为他们提供快速路径。

原文链接：

责任撰稿由 @空两格 授权发布于人人都是商品经理。未经许可，禁止转载。

题图源自 Pexels，基于CC0协议。