玉溪网站界面设计的基本原则是什么,设计四大基本原则透析

要成为优秀的设计师,需要知道设计的四个基本原则吗?

设计的四个原则是亲密性、对齐、重复、对比

设计四大基本原则透析

一、亲密性(Proximity)

将相关项目放在一起,移动这些项目,使它们的物理位置相互靠近。 这样,相关项目就会被视为一个组,而不是许多互不相关的元素。

信息之间的关联性越高,它们之间的距离应该越近,越像视觉单元。相反,它们的距离应该越远,越像多个视觉单元。 亲密度的根本目的是组织用户一眼就了解页面结构和信息水平。

1、纵向间距关系

按“小号间距”、“中号间距”、“大号间距”三种标准划分信息水平。

设计四大基本原则透析

这三种规格分别为20px (小号间距离)、24px )、32px ) )大间距)

如果这三个标准不适用,可以通过增加或减少“基本间距”的倍数或增加元素来打开信息层次。

公式:Y=4 4 x n,其中www.sogou.comy等于44 x n。 其中,n=0,y为纵向间距,4为“基础间距”

设计四大基本原则透析

2、横向间距关系

为了适应不同大小的屏幕,请使用网格布局水平放置组件,以确保布局的灵活性。

设计四大基本原则透析

在组件中,元素的水平间距也必须不同。

二、对齐(Alignment)

任何元素都不能自由放置在页面上。 每个项目都必须与页面上的内容有某种关联。 如果页面上的几个项目对齐,则会得到更凝聚的单元格,它们之间有不可见的线相互连接。

正如《格式塔学派》的连续律(Law of Continuity )所描述的那样,在感知的过程中,感知对象的直线持续成为直线,曲线有持续成为曲线的倾向。 在界面设计中,通过使元素一致,既能符合用户的认知特性,又能引导视觉的流动,使用户能够更顺利地接收信息。

1、文案类对齐

如果页面的字段和段落很短,并且不完整,则需要确定统一的视觉起点。

设计四大基本原则透析

正确示例:

标题和正文左对齐,使用了视觉起点。

错误示例:

标题和正文中使用了两个视觉起点,除非有意强调两者的差异,否则不建议使用这种对齐方式。

2、表单类对齐

冒号对齐(右对齐)可以将内容控制在一定范围内,使用户的眼球能够沿着冒号的视觉流向找到所有填写项目,从而提高填写效率。

设计四大基本原则透析

3、数字类对齐

为了快速比较数值的大小,建议所有数值都使用相同的有效位数,并右对齐。

设计四大基本原则透析

三、重复(Repetition)

设计的几个方面需要在整个作品中重复。 重复元素包括粗字体、粗线、项目符号、颜色、设计元素、格式、空间关系等。 可以把重复看成是“一贯性”。

重复元素包括粗线、线框、相同的颜色、设计元素、设计样式、格式、空间关系等。

重复元素:

1.粗字体

2.细字体

3.方块项目符号

4.缩进

5.间隔

6.对齐

线框重复示例:

设计四大基本原则透析

复制格式重复示例:

设计四大基本原则透析

设计元素重复示例:

设计四大基本原则透析

卡片样式重复示例:

设计四大基本原则透析

通过在整个界面中重复相同的元素,不仅可以有效降低用户的学习成本,还可以帮助用户识别这些元素之间的相关性。

四、对比(Contrast)

页面上的不同元素之间需要进行比较,以达到吸引读者的效果。 如果两个项不完全相同,它必须是不同的,而且必须是完全不同的。 不仅能吸引眼球,还能整理信息,搞清楚水平,用页面引导读者,形成焦点。 可以通过多种方法进行比较,如比较字体大小、比较字体粗细和冷暖色

比较是提高视觉效果最有效的方法之一,同时在不同要素之间建立组织层次结构,使得用户能够快速识别重要信息。

注:要实现有效的对比,对比就必须强烈,切不可畏畏缩缩。

1、主次关系对比

强调其中一个比较重要的操作或频率较高的操作,以便用户可以在操作上(如窗体或弹出窗口等场景)快速做出判断。

设计四大基本原则透析

设计四大基本原则透析

注意:醒目的方法不仅限于强化重点项目,也可以弱化其他项目。

在需要用户仔细决策的情况下,系统保持中立,不能代替用户,也不能引导用户做出判断。

设计四大基本原则透析

2、总分关系对比

通过调整排版、字体、大小等强调层次感,区分总分关系,使页面有张力和节奏感。

设计四大基本原则透析

设计四大基本原则透析

3、状态关系对比

通过改变颜色、增加辅助形状等方法实现状态关系的对比,使用户更好地区分信息。

设计四大基本原则透析

常见的类型有“静态对比”、“动态对比”。

总结

亲密性:项目相互关联时,将它们分成一个组,建立更接近的亲密性。 这有助于组织信息,减少混乱,为读者提供清晰的内容结构。

对齐:页面上的任何东西都不能自由放置。 每个元素必须与页面上的另一个元素有某种视觉联系。 这样可以做出清晰、精巧、清爽的外观。

重复:让设计中的视觉要素在整个作品中反复出现。 颜色、形状、材质、空间关系、线宽、字体、大小、图像等可以重复。 这样既能提高合理性,又能提高统一性。

对比:为了避免页面上的元素过于相似,请在元素不同时将其设置为完全不同。 通过对比,页面变得突出,另外也可以使页面的内容结构变得清晰易懂。

在设计中,这四个原则不是独立使用的,而且是相互嵌套的。 你中有我,我中有你.

在打破规则之前,我们必须弄清楚规则是什么吗?

最后,有做设计不要畏畏缩缩。的观点

请私信我回复“666”,为U妹打Call~,还有更多惊喜哦~

....................

UI妹妹——越努力,越幸运

Focus on the strength of the pithy专注极简的力量

PITHY CONTACT

一家没有销售的玉溪网站建设公司
我们特立独行

img/mail.png联系我们

PITHY CALL

如果您对我们的服务有什么疑问
欢迎来电咨询

电话
18868949445
img/top.svg
网站声明 | 隐私政策 | 网站地图 © 2018 MFweb. All rights reserved. Designed by玉溪网站制作玉溪网站设计公司玉溪网站建设公司