这是关于北京大型网站建设中《什么是留白空间设计?》的下篇。
3. 在页面上创建视觉层次结构
视觉层次结构是关于组织内容以帮助用户轻松处理页面上的信息。当访问者打开新页面时,他们会扫描而不是阅读。良好的视觉层次结构可以显着提高网站的可浏览性。
空白允许设计者创建用户在扫描页面时眼睛会跟随的一般流程。在网页设计网格上放置元素有两种基本方法:对称和不对称。
对称布局可以更美观。由于对称设计具有内在的秩序和稳定性,因此大脑更容易理解信息。
另一方面,不对称是指缺乏对称性。在设计中,不对称常被用来制造视觉张力。设计师通常会创建不对称布局,以引起人们对页面上特定区域或元素的关注。
不对称布局,左侧为白色文本,右侧为灰色背景图像。
重要的是要记住,对称和不对称布局都应该平衡。为了掌握平衡,您需要测量构图中每个元素的视觉重量。视觉权重取决于元素的大小(较小的物体比较大的物体轻)和视觉属性,例如对比度(对比元素比中性元素更吸引注意力)。
5.传达优雅的感觉
空白对您的设计如何被感知有着重大影响——它在品牌定位中发挥着至关重要的作用。与清晰的版式和强大的摄影相结合,充足的空白可以轻松让您的设计看起来奢华。它将您想要推广的产品置于聚光灯下,并向用户发出明确的信号:该产品是页面最关键的部分。
留白从来都不是浪费空间
留白是设计师工具箱中的一个强大工具。如果应用得当,它会成为视觉设计不可或缺的一部分,充当将页面上的不同元素粘合在一起的粘合剂,同时提高界面的可用性。请记住从项目一开始就考虑 UI 空白,并创建一个间距系统来指定一组可能的间距值。随着白色间距系统成为用户体验 (UX) 设计系统的一部分,它会迫使您从预定义值列表中进行选择,这使您能够生成更一致的设计。这是在北京大型网站建设中应该着重注意的事情。