网页UI设计规范、布局及提升用户体验设计(二)

发布来源:沙漠风网站建设公司

发布时间:2020.10.02

常见的网页布局形式


布局的原则

网页布局的原则包括:协调、一致、流动、均衡、强调等,另外在进行网页布局设计的时候,需要考虑到网站页面的醒目性、创造性、造型性、可读性、和明快性等因素;


(1)协调:将网站中的每一个构成要素有效的结合或者联系起来,给浏览者一个既美观又实用的网页界面。


(2)一致:网站整个页面的构成部分要保持统一的风格,使其在视觉上整齐、一致。


(3)流动:网页布局的设计能够让浏览者凭着自己的感觉走,并且页面的功能能够根据浏览者的兴趣连接到其感兴趣的内容上。


(4)均衡:网页的布局设计要有序的进行排列,并且保持页面的稳定性,适当地加强页面的使用性。


(5)强调:把页面中想要突出展示的内容在不影响整体设计的情况下,用色彩搭配或者留白的方式将其zui大限度地展示出来。


网页设计


不同类型的网站、不同类型的页面往往有不同布局,常见的布局模式为:一栏式、两栏式、三栏式


1. 一栏式

布局页面结果简单、视觉流程清晰,便于用户快速定位,但是由于排版方式的限制,只适用于信息量小,相对比较独立的网站。通常会通过大幅精美图片或者交互的动画效果来实现强烈的视觉冲击效果,从而给用户留下深刻的印象,提升品牌效果,吸引用户进一步浏览。由于首页信息展示量有限,一般需要在首页中添加导航或者重要入口的链接等。


2. 两栏式

两栏式是zui常见的布局方式之一,相对于一栏式可以容纳更多的内容,但是两栏式不具备一栏式布局的视觉冲击,一般可以将其细分为左窄右宽、左宽右窄、左右均等,通过不同的布局比例和位置会影响到用户浏览的视线流和页面的整体重点。


(1)左窄右宽

左窄右宽的布局,通常左边是导航,右侧是网页的内容。用户的浏览习惯通常是从左到右、从上至下,因此这类布局的页面更符合操作流程,能够引导用户通过导航查找内容,使操作更加具有可控性、适用于内容丰富、导航分离清晰的网站。


(2)左宽右窄

内容在左侧,导航在右侧,这种结构是突出内容的主导位置,引导用户把视觉焦点放在内容上,然后才是去引导关注更多的信息。比如搜索网站,采用左宽右窄,重点突出搜索的信息,在右侧放次要信息和广告,体现出信息的主次。


(3)左右均等

这种一般网页左右两侧的比例相差比较小或者完全一致,适用于两边的信息重要程度均等的情况,不体现内容的主次。


3. 三栏式

三栏式的布局方式对于内容的排版更加紧凑,可以更加充分的运用网站空间,尽可能多的展示信息内容,通常用于信息量非常丰富的网站,比如:门户网站、电商网页,学习类网站首页。

TAG:
相关资讯
多一份参考,总有益处
联系沙漠风,免费获得专属定制《策划方案》及网站建设、网站设计、网站制作报价
深圳网站建设

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线400-611-9921大客户专线158-1856-1755

提交需求提交需求

提交需求
热线
微信扫码咨询
电话咨询
微信
业务热线
提交需求
官方微信
准备好开始了吗,
那就与我们取得联系吧
400-688-6062
有更多服务咨询,请联系我们
请填写您的需求
您希望我们为您提供什么服务呢
您的预算