UI设计网站页面的色彩分布

　　其实，有一些网站页面通过色彩的划分明显可以看出其采用了左寧右宽的布局方式,左倒主要放置网站的导就莱单,右侧部分则是页面的具体内容信息,内容分采用了菱形色块与图片相互拼接的方或行现,给人很强的现代感和个性感。这种左右宽的布局形式通常都是将网站导航莱单放置在左侧,使得用户对网站的操作更加具有可控性。

　　前面的左窄右宽方式相反,左宽右窄型的页面通常内容在左,导航在右。这种结构显突出了内容的主导地位,引导用户将视觉焦点放在内容上。在用户阅读内容的同时或者之后,才引导其去关注更多的相关信息。这是某博容网站的页面布局,在页面顶部放置导航菜单,页面主体内容区城则采用了左宽右窄的布局方式,突出表现最新的博客内容。

　　许多博客类网站页面采用左宽右窄的布局方式,突出显示当前最新发表的几篇博客文字的标题和内容简介,右側放置博客的相关分类链接等内容,视觉流程非常清合理。左右均等左右均等指的是左右两侧的比例相差较小,甚至完全一致。运用这种布局类型的网站较少,适用于两边信息的重要程度相对比较均等的情况,不体现出内容的主次。

　　很多门户网站和电商网站都采用中间宽、两边窄的方式,常见比例约为1:2:1。中间栏由于在视觉比例上相对显眼(相应地,字号也往往比左右两栏稍大),因此用户默认将中间栏的信息处理成重点信息,两边的信息自动处理为次要信息和广告等,因此这类布局往往引导用户将视线流聚焦于中间部分,部分流向两边,重点较为突出,但却容易导致页面的整体利用率降低。

　　页头页头信息导航信想示区信示区体息构导页脚页页脚左窄右宽型的导航位置相对突出,引导用户从左至右地测览网站,即从导航寻按信息内容;而左宽右窄型的左侧往往放置信息内容,可以让用户聚焦在当前内容上,测览完之后才会通过导航引导用户浏览更多相关内容;对于左右均等型,如果两侧放置的均为内容,那么用户的视线流主要从上至下,左右两侧之间存在着一定的交又性,如果左侧或者右侧放置了导航,那么左右两侧的视线会出现很多的交又性,在一定程度上增加了用户的视觉负担。

　　然而，对于三栏式布局栏式的布局方式对于内容的排版更加紧凑,可以更加充分地运用网站的空间,尽量多地显示互联网信息内容,增加信息的密集性性,常见于信息量非常丰富的网站,如门户网站或电商网站的首页。但是内容量过多会造成页面上信息的拥挤,用户很难找到所需要的信息,增加了用户查找所需要内容容的时间,降低了用户对网站内容的可控性。由于屏幕的限制,三栏式布局都相对类似似,区别主要是比例上的差异。常见的包括中宽、两边窄或者两栏宽、一栏窄等。

　　小编结语：第一种方式将主要内容放置在中间栏,左右两栏放置就者次要内容;第二种方式,两栏放置重要内容,另一栏放置次要内容。