是什么使一个好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:促进视觉清晰度
良好的视觉组织提高了可用性和可读性,使用户能够快速找到他们正在寻找的信息,并更有效地使用界面。
在设计布局时,避免一次在屏幕上显示过多的信息。构建网格系统设计,避免视觉混乱。
应用内容组织的一般原则,如将类似的项目组合在一起,对项目进行编号,并使用标题和提示文本。
这些规则用figma、sketch等软件就能辅助做的不错。
三,隐喻
简化视觉认知,让用户尽快“认识”界面、图形元素符合用户对现实世界的联想,更符合用户对界面的惯性认知。
在UI在设计中使用隐喻可以让用户在现实世界和数字体验之间建立联系。
好的隐喻会与用户脑海中真实世界的过去体验有很强的联系。隐喻常用于熟悉不熟悉的事物。
以桌面上的回收站为例,它包含已删除的文件——但它不是真正的垃圾桶。它是可视化的,可以帮助用户更容易地理解这个概念。
在为UI选择隐喻时,选择能让用户掌握概念模型最精细细节的隐喻。
例如,在询问用于支付处理的信用卡的详细信息时,可以参考现实世界中的实体卡作为例子。