网页布局则是重中之重,可以说是一个网站的基础,更为了吸引用户,和提高网站的用户体验的一个技巧。
在进行网页设计布局时,网页内容该如何整合和分布,来达到某种视觉效果?而设计网页的目的不同,就有不同的网页布局,那麽网页设计布局都包括哪些类型呢?以下有几种常见技巧:
标题内文型
标题正文型在最上方是标题与主画面;下方则是内文讯息,即文章页面或注册页面等。选单、功能、导览都极小化,比较常见在论坛或内容型网站。例如时尚杂志CQ,几乎把选单都精简化到极致,标题内文搭配超引人瞩目的图片就很棒了。
左右栏位型
左右栏位型是一种左右为分别两页的栏位框结构布局,这种类型业非常清晰且一幕了然。一般左侧是导航链结,在最上方有个小标题或标志;右侧则是正文。早期的网站非常推崇这样的布局,如今比较常用于政府机关或入口网站。
入口网站型
一般的大型网站,为了要将功能、服务、广告一览无遗,充分利用网页的每一个空间,通常也会称之为「ㄇ字型」布局。网页上方是网站标题和横幅广告条,然后是网站内容,左右则是功能项目与广告等,例如雅虎仍是此布局的最佳范例。
拐角型
拐角型与ㄇ字型设计很相近,只是有些设计上的变化,网页上方是网站标题和广告横幅;然后左侧是一窄列链结或导航链结,右侧是网站正文。通常会用在内容也十分丰富的政府部门网站、电子商务网站。
上下框架型
当你的网站需要很多展示空间,框架是一个可以考虑的方式,上下框架型是一种上下,为分别两页的框架结构布局,一般上方是选单与导览,下方则是内文与图片,常用于新闻媒体网站或购物网站。
封面型
封面型是形象网站、形象网站最爱用的布局。最常见的应用是搭配一张主图,并搭配少许文字打造首页视觉,有时结合一些小的动画设计,就能做出一个很有气势的网站。这种网站布局能够缺乏内容与服务的网站,却又能够维持一定的视觉水平。
开场动画型
有些网站鼓励用户先观看一段影片,后进入网站观看完整体验,例如早期的Flash网页设计就是如此。这样的概念其实仍常常应用于今日的网页设计,例如一页式的网站,先邀请用户观看动画,再导引入商城内,效果显著。
内容为王型
舍弃多余标题、选单、动画特效,以内容为主,当鼠标卷到底下就会自动读取更多内容,一般用于新闻媒体、传播媒体、娱乐等网站。优点是人们会不断想知道更多内容下滑页面,达到留住客户的目的。