网页设计对于网站访问客户来说,是一种视觉上的感受。每年的网页设计布局方式都会有创新,产生新的布局方式,但那些常见的、经典的布局方式永远不会过时。
网页设计常见的5种布局方式:
1.大框套小框的布局
这种布局是常见的布局方式,但是不是说这种布局方式一无是处。当然按照这种布局也是可以做出很漂亮的设计。可是会在方框限制的视线的扩展,如果客户要求做出高尚大气的感觉,行内人员一般不会使用这种布局,通俗来说,大气意味着开阔视野。
2.通栏布局
这种布局方式让视线不再受到方框的限制,比起上面的布局方式,自然多了些大气、开阔的味道来。另外,主视觉部分还可以灵活处理,既可以向上拓展到logo和导航的顶部位置,也可以向下拓展到内容区域,这种布局方式也是非常常见的布局方式。
3.导航在主视觉下方的布局
这种虽然不多,但也时不时能看到,导航放在banner下面的好处是可以弥补banner中设计素材截断的缺点,让设计看上去完整、自然。所以说布局的方式受到多方面因素的影响,不仅考虑到信息内容所占据的空间,还包括你手头现有的素材。
4.左中右布局
这种布局方式不常见到,但却是非常富有新鲜感的布局方式,如果你已经做腻歪了水平分割的设计,尝试一下这种布局也未尝不是一种好的选择。
5.环绕式布局
这种布局方式看上去更加灵活,banner区域相对较小,就可以在页面放置更多的信息内容。
6.穿插式布局
这种布局在企业站中较难看到,用的不多,banner区域相对较大,可以作为一种布局的选择。
网页布局的基本形式主要有上述几种类型,至于何种布局*,需要具体问题具体分析,要从页面结构、内容和表现形式等综合考虑,同时也需要制作者具有较高的设计水平。
怎样用好它们?
我不觉得使用方块元素是什么难事。尤其是网页,自从诞生之初就开始使用方块形状来设计界面。但是你若想更有效地使用它,请遵循以下几个步骤。制定希望达成的目标根据你所要达成的目标,页面和区块会有很大的不同。一旦你确定了,方块元素就能帮助你完成目标。你是用它来组织内容?还是想为页面增添一点乐趣?看看Paper and Paint。他们使用方块元素保持页面井井有条,并且突出了页面特有的流动性。随着鼠标向下滚动,每个方块中的不同内容都在进行着视觉差滚动——这是个非常酷的效果——每个方块都向你讲述独特的故事,汇聚成整个页面。这些方块元素的作用,就是保持各部分对齐,形成一种整洁的时尚,同时也为各个页面营造不同的故事氛围。 |
|
|