网页设计布局的原则

当前位置:首页 › blog网页设计布局的原则

网页设计布局的四个原则:对比、重复、对齐、亲密。今天着重给大家讲解如何灵活运用这四大原则。

亲密性原则

如果信息之间的相关性越强,它们之间的距离就应该越近,越像一个视觉单元。亲密性的基本目的是实现组织性,使用户对页面结构和信息层次一目了然。

例如通过间距俩拉开彼此的关系,使页面内容更有条理和逻辑性,版式布局更美观,用户也会更容易阅读。

对齐原则

在认知过程中,人们往往把感知对象直线继续化为直线,曲线继续化为曲线。在界面设计中,元素的对齐不仅符合用户的认知特征,还可以引导视觉的流动,让用户更顺畅的接收信息。

例如运用大量的右对齐、左对齐,让页面上的所有元素彼此存在某种视觉联系,让页面更统一,内容更突出。

对比原则

对比是增加视觉效果最有效的方法之一,同时也可以在元素之间创建一个有组织的层次结构,使用户能够快速识别关键信息。

例如页面通过多层级的文字对比,色块对比,突出主次内容关系,增加页面视觉效果。

重复原则

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

例如页面使用相同的字体,同样粗的标题字号,相同的项目符号、颜色、设计元素、图标和文本布局形式、空间关系等大量的重复性元素,将作品的各个部分连在一起,从而增强作品,使页面更具有识别性、一致性,减少用户理解的负担。