交互设计四大原则？_UI/UE设计

3条回答

2楼 · 2020-05-20 09:39

1.亲密

亲密也可以叫做亲密性，指的是当信息之间的关联性越高，信息之间的距离越小，反之，他们的距离就越远，用这样的原则去规划信息之间的间距也就是根据内容去规划页面结构，这样的层次关系会使页面看起来更加自然。如下图。

再比如说在Ant Design中，纵向间距按照亲密性规定了三种规格，分别是：8px（小号间距）、16px（中号间距）、24px（大号间距），并且当这三种规格间距不适用时，可以通过加减『基础间距8px』的倍数，或者增加元素来拉开信息层次。
在 Ant Design 中，y = 8 + 8 * n。其中，n >= 0，y 是纵向间距，8 是『基础间距』。

2.对齐

对齐原则比较好理解，就是设计中元素和信息的对齐规则，正确的使用对齐可以增加页面的美观度，使读者的阅读更加便捷，同时也能更好的传达信息。

在对齐规则中，除了常见的左对齐，右对齐，居中对齐，两端对齐外，我们还可以自己制定对齐规则。下面以Ant Design的对齐规则为例，来看一下对齐规则是怎样制定的。

文案类对齐：
如果页面的字段或段落较短、较散时，需要确定一个统一的视觉起点。

表单类对齐：
表单类对齐采用的冒号左右分别对齐，这样的对齐能让内容锁定在一定范围内，让用户眼球顺着冒号的视觉流，就能找到所有填写项，从而提高填写效率。

数字类对齐
由于在实际使用的情况下，数字大小的差别会比较大，因此为了快速对比数值大小，建议所有数值取相同有效位数，并且右对齐。

3.对比

对比原则就是通过视觉上的区分对比来突出一些元素的特点性质，吸引观众的目光，区分内容的层级。我们能看到的对比有非常多种，比如颜色的对比、字体大小粗细的对比、距离之间的对比，在交互设计中的还可以分为静态对比和动态对比。我们可以通过对比来区分主次关系，总分关系，状态关系等等各种不同的关系。

4.重复

重复原则指的是，在同类信息的表达上使用重复相同的元素，这样使用不仅可以有效降低用户的学习成本，也可以帮助用户识别出这些元素之间的关联性。

py大白

3楼 · 2020-05-20 08:56

亲密性

亲密性原则是指：将相关的项组织在一起，移动这些项，使它们的物理位置相互靠近，这样一来，相关的项将被看作凝聚为一体的一个组，而不再是一堆彼此无关的片段。当然了，如果某些信息项或组彼此之间并无关联，这些元素就不应存在很近的亲密性(即不应靠近)。这样就能为用户提供一个直观的提示，使用户马上了解页面的组织和内容。

对齐

对齐原则是指：任何元素都不能在页面上随意安放，每一项都应当与页面上的某个内容存在某种视觉联系。如果页面上的一些项是对齐的，这会得到一个更内聚的单元。即使对齐的元素物理位置是彼此分离的，但在你眼里(以及在你的心里)它们之间也会有一条看不见的线把彼此连在一起。不知道大家有没有听过一句话，整齐即是美。

现在的对齐方式分为：左对齐、右对齐、左右对齐、居中对齐。

重复原则是指：设计的某些方面需要在整个作品中重复。重复元素可能是一种粗字体、一条粗线、某个项目符号、颜色、设计要素、某种格式、空间关系等。读者能看到的任何方面都可以作为重复元素。你在工作中肯定已经用过重复。例如，所有标题都设置为相同的大小和粗细，项目中的每个列表都使用相同的项目符号，这些都是重复的例子。

对比原则是指：页面上的不同元素之间要有对比效果，达到吸引用户的对比效果。如果两个项不完全相同，就应当使之不同，而且应当是截然不同。对比不仅可以用来吸引眼球，还可以用来组织信息、清晰层级、在页面上指引读者，并且制造焦点。可以采用多种方式产生对比。如大字体与小字体的对比；细线与粗线的对比；冷色与暖色的对比；平滑材质与粗糙材质的对比；间隔很宽的文本行与紧凑在一起的文本行形成对比；小图片与大图片的对比...

爱搞事的IT小男孩

4楼 · 2020-05-20 10:24

格式塔原则的原理主要有七种：

接近性原理；相似性原理；连续性原理；封闭性原理；对称性原理；主体/背景原理；共同命运原理。

相关问题推荐

UI设计需要学习几个月能找工作？2020-03-23 18:07

回答 195

你好：关于需要学习几个月能找工作，我的理解和建议如下：1. 首先要确认自身是否有相关的专业积累？因为UI只是设计者手中的工具，它是内在设计思想有效的表达途径。学习软件很容易，但只是掌握工具的运用是远远不够的。2. 如果有相关专业的知识积累，那么工具...
女孩子学ui设计能成为富婆吗2020-04-01 09:24

回答 166

哈哈哈哈看你是想成多少资产的富婆喽能担起富婆这个称号起码要过百吧UI设计的平均工资是挺高的月入过万不是梦但是在现在这个高消费的社会环境下光靠这个还不够毕竟你一年不吃不喝才12万你可以做UI多赞些钱，然后再做副业...
UE和UI是一样的吗2020-11-23 15:33

回答 98

UI是英文User Interface的缩写。翻译成中文就是：用户界面，也称人机界面。是指用户和某些系统进行交互方法的集合，这些系统不单单指电脑程序，还包括某种特定的机器，设备，复杂的工具等。UE是英文User Experience的缩写，翻译成中文就是用户体验。是指用户...
【Ai基础】ai怎么单独选中部分？AI软件 2020-10-22 11:19

回答 8

不麻烦首先把这个部分解组快捷键是 CTRL+SHIFT+G 然后点这个区域如果点到不需要的元素就CTRL+3 锁定隐藏，然后再继续点点到只剩下需要的元素，把元素弄出来然后 CTRL+SHIFT+3 显示锁定隐藏，把没用元素删除就可以了。如果直接点到了需要的元素同样CT...
UI要学多久2020-08-10 19:00

回答 95

已采纳

学会到就业的程度一般时间为4个月左右,120天时间。这里说的4个月时间,并不是所有人都是4个月可以学会的, 和学习方法,学习用心程度,学习时间都有关。如果用错误的学习方法,学4个月是不可能学会的。...
男生学UI设计好找工作么？2020-08-24 15:55

回答 86

已采纳

对于UI设计来说，更加看重的是个人的设计能力和理念，以及操作能力，和男女的性别没有太大的关系。
女生学前端和UI，哪个更靠谱啊？2020-05-20 10:48

回答 76

已采纳

靠谱肯定都靠谱的，就看你自己的兴趣爱好，发展前景都很好，大前端是一种网站搭建，小程序开发等用户端口开发的技术，UI设计就是纯纯的设计师岗位，将设计思维和理念融入到产品运营的每一个交互环节中...
什么叫交互性？2020-04-23 11:40

回答 6

其实生活中也有交互性，比如两个人之间的聊天沟通，带有双方的互动都叫做交互。互联网中的交互更多体现在任何互联网设备之间的使用和反馈。
设计一个公司logo需要多长时间 标志设计 2022-07-14 16:01

回答 2

1、初步调查前期调研对于LOGO设计非常重要。具体周期看项目规模和预算。免费提供logo设计建议和各行业logo设计参考案例。一般情况下，这个时间大约是3天，我们会详细了解企业，对竞争对手的企业logo进行调查分析，这样可以更准确的控制方向，避免logo设计...
标志设计应该如何构思?标志设计 2022-07-14 15:37

回答 1

永远不要忘记调研　　好的设计总是从调研开始。品牌创建需要你预先考虑到所有的细节。　　创建品牌、设计LOGO之前需要进行广泛的调研。考虑到在这个过程中你需要对环境和背景中所有的细节都有所掌控，在预算上就一定要留下足够的余地。　　此外，你的解...
标志设计有几种表现形式 标志设计 2022-07-14 15:37

回答 1

　一、具象表现形式：　　具象表现是忠实于客观物象的自然形态，对客观物象采用经过高度概括与提炼的具象图形进行设计的一种表现形式。它具有鲜明的形象特征，是对现实对象的浓缩与精炼、概括与简化，突出和夸张其本质因素。标志设计的形态不可能像绘画的形式...
logo设计的核心技巧有什么？标志设计 2022-07-12 16:20

回答 1

1．设计应在详尽明了设计对象的使用目的、适用范畴及有关法规等有关情况和深刻领会其功能性要求的前提下进行。2．设计须充分考虑其实现的可行性，针对其应用形式、材料和制作条件采取相应的设计手段。同时还要顾及应用于其它视觉传播方式（如印刷、广告、映像...
有什么免费的logo生成器？标志设计 2022-07-12 16:19

回答 1

Looka Smashinglogo Freelogodesign Hatchful
一套完整的logo设计步骤有哪些？标志设计 2022-07-12 16:19

回答 1

1、沟通收集信息　　在标志设计开始之前，充分与委托方沟通交流，了解委托方对于标志设计的要求。通过与委托方的沟通，尽可能收集诸如企业文化、企业面向的用户群体、企业类型等；在与委托方的沟通交流中，我们可以得知需要通过设计解决委托方的那些需求。为...
标志设计的灵感网站有哪些？标志设计 2022-07-12 16:17

回答 1

Naldzgraphics这个网站据说是个人创办的网站，上面所有的内容都是站主本人在日常中通过手机整理上传的。不过就算如此，网站还是收集了大量的平面设计素材。 Brandsof theWorld是世界知名LOGO资源库网站。上面收录了海量的世界知名Logo图标，而且还提供EP...
标志设计的流程包括哪些 标志设计 2022-07-08 15:39

回答 1

1、沟通收集信息　　在标志设计开始之前，充分与委托方沟通交流，了解委托方对于标志设计的要求。通过与委托方的沟通，尽可能收集诸如企业文化、企业面向的用户群体、企业类型等；在与委托方的沟通交流中，我们可以得知需要通过设计解决委托方的那些需求。为...

没有解决我的问题，去提问