UI基础设计原则

2023-05-30 0 589

UI基础设计原则

Good design is making something intelligible and memorable. Great design is making something memorable and meaningful.

– Dieter Rams

随著可视化专精的产业发展,他们期望急速辨认出和自学捷伊基本功和态势,在此之后,掌控UI结构设计的此基础准则也反之亦然关键。责任编辑将带您介绍许多UI结构设计的基本上准则,那些准则可怂恿您结构设计出使用者新体验极好的位数商品。

01Hierarchy体系结构

体系结构,就像其现代涵义那样,是按工程项目的关键性或权重股在萤幕上的排序次序。听觉体系结构说明了他们怎样有效地组织机构文档和结构设计原素。听觉上极具量纲的原素很难引发使用者的特别注意。因而,在展开商品结构设计时,来衡量结构设计产业布局正式成为了关键的关键步骤:

在结构设计文档与原素间创建听觉上的联络为每一结构设计原素加进相同的听觉权重股最后缔造出均衡的听觉层级,鼓励使用者的视野使他们能界定第一类的错误率。UI基础设计原则下列是构筑听觉体系结构中至关关键的4个基本上原素:

1)大小不一

大小不一是关键的辅助工具,特别是在文档的情况下。现代人偏激于指出Villamblard的文本意味著更关键的文档。除此之外,非常大的原素更引人瞩目,这就是为何他们的双眼会手动抓取非常大的文档,图像或插图。因而,结构设计人员应介绍萤幕上每一原素的错误率,并据此调整大小不一。UI基础设计原则

2)颜色

颜色在体系结构创建中起着有效的作用,就连最基本上的黑色也会对使用者的浏览模式产生巨大影响。使用者在情感上与色彩联络在一起,因而可以巧妙地使用相同的组合来指导使用者对整个位数商品采取预期的操作。可以使用相同的色调,例如柔和,大胆,明亮的色调,对听觉层级展开界定。除此之外,结构设计师应该对色轮进行详细研究,以便更熟练地选择颜色。UI基础设计原则

3)对比

对比是创建听觉体系结构的关键一环:他们使用颜色,字体重量,字体大小不一等来创建对比度。

4)留白

留白是听觉结构设计原素中的一种,如果使用得当,它将有助于创建出色的界面。它可帮助使用者理解各个结构设计原素间的关系,给予适当的负空间来传达正确的信息。02 对比Contrast对比是另一个关键准则,可帮助他们结构设计更好的界面。这不仅只涉及到浅色和深色的对立,也涉及到大小不一和尺寸的对比。对比可以帮助他们更好地组织机构结构设计文档,也可以帮助使用者视野专注于某些原素。但是,不均衡的对比可能会使使用者感到困惑,因为它可能会创建许多焦点,导致使用者很难采取预期的行动。

对比涉及到的文档包括下列方面:

尺寸颜色重量样式衬线字体和无衬线字体填充UI基础设计原则03相似性Proximity该原理描述了如果听觉相似,听觉原素就被指出是相关的。这样,听觉上相似的原素主要被视为一个组,而不是单个原素。因而,他们可以使用UI结构设计中的相似原理将彼此相关的相似信息展开分组。字体在界面结构设计中起着关键作用的领域之一。使用者不喜欢阅读较长的文档。因而,结构设计人员应该将大型正文副本分解成较小的部分,以便使用者可以轻松地掌控和消化信息。相反,属于相同组的工程项目必须分开得足够远,以防止产生任何负面影响。UI基础设计原则04 均衡Balance均衡的构图给人以稳定和愉悦的感觉,而不均衡的结构设计则会造成不稳定的效果,分散使用者的特别注意力。听觉均衡是指在结构设计中将负原素和正元素融合成合理的比例。均衡的构图可能会吸引使用者的特别注意,但不应与其他原素的可见性冲突。许多因素都会影响原素的听觉重量,例如大小不一,颜色,对比度和密度。

1)尺寸

人脑偏激于指出Villamblard的物体具有Villamblard的重量。 UI基础设计原则

2)颜色

就颜色而言,它的工作原理有所相同,即无论大小不一怎样,鲜明的颜色都具有Villamblard的量纲。即使一个原素可能很小,但它的颜色还是鲜明或粗体的,例如红色,深蓝色等,都会从中脱颖而出。UI基础设计原则

3)对比

亮原素和暗原素间的差异称为对比度。在界面结构设计中,如果他们要引发使用者的特别注意或要突出显示某些文档,则可以运用对比度的差异性。UI基础设计原则

4)密度

显而易见的是,无论颜色,尺寸怎样,密度更高的文档将具有Villamblard的重量。UI基础设计原则使用者界面结构设计的目标在于与使用者建立联络,使使用者行为旅程更加便捷,并解决他们的问题。使用者界面结构设计不仅仅是结构设计美观的图形,更在于良好的听觉和可视化新体验。期望他们今天讨论的原理能帮助您在今后的结构设计中缔造更好的使用者新体验。

资讯

原文链接:

https://mp.weixin.qq.com/s/bq5hWck82qAj7h_J0rpKOg

学结构设计,来IXDC !

微信交流群已开通~

进群领福利!

UI基础设计原则

相关精彩:

那些细节特别注意了,掌控了真的可以进步很快

那些画,不潮不花钱!

如果UI界面也有段位,看看你是青铜还是王者?

好书推荐 vol.008 |《情境可视化结构设计:为生活而结构设计(第二版)》

C4D动效灵感|商品这样展示,使用者能看一百遍!

2020-2021 UI色彩态势总结

独家直播 | 2020结构设计马拉松虚拟直播间

怎样为APP结构设计搜索功能?这两种流行方案你一定要介绍

你说说!这个圈子怎么每年都在变呀

喜欢,就给我一个“在看”哦~👇

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务