新闻动态
网页排版设计结构
https://www.sytm.net 发布日期:2013/9/21 8:16:20

网页的排版即:网页的造型,属于平面设计的范畴。但又因为网页的特殊性,与广义的平面设计又有所区别。最简单的上下构图、左右构图延伸出一些网页专有的结构,随着多年来网页设计的流行与发展,可以归纳出以下几种造型组织方式:

网页排版-T性结构

这种布局方式可以说是网页设计最传统的方式。在网络出现的早期,这种结构被广泛运用。顶部是一个成为Banner的背景色或图片,现在也有使用Flash动画的。下面的大块区域分成左右两块,左边比较窄的狭长区是一个称为Navigator的链接区,从上到下罗列一些主要且固定的超级链接。而右边的大片空白区域就成了主要的文字、图片呈现区域。时至今日,这种结构仍不失为一种清新的布局方式,并随之演变成更为灵活的相似结构。

网页排版-“三”字型结构

这种三栏式结构,由垂直排列的三个或多个平行域组织,在最上面的Banner下面紧挨着的是一行横着排列的较矮的一行主菜单,有的会有隐藏式下拉菜单项。底部较为固定地呈现特定链接,如站点地图、帮助、联系方式等超级链接,或者版权信息、地址、电话等。而中间大片区域继续划分成水平长条状,以图片、文字、动画形式放置主要的网站信息。这种结构现阶段在欧美国家较为流行。

网页排版-“口”字型结构

这是一种看似封闭的结构,在网页上下左右四周显示文字、图片等超级链接,而只在中间一块区域呈现主要内容。也正是这一原因,这种结构给人以封闭、拥挤的感觉,呈现的信息也就少了。这种结构常出现在早些年欧美的一些个人网站中。跟这种结构较为类似的还有“工”字型结构。

网页排版-网络结构

随着“浮动层”技术出现,产生了一种分割式结构,借用Photoshop这样的图形图像处理软件中的切片工具,自动发布生成一个网页,将含有超级链接的区域,或者单一颜色的区域 分割出来。这种结构很有现代感觉,通常应用在一些网站的首页,呈现较少信息量,仅提供几个超级链接。

网页排版-Pop结构

随着中韩文化的进一步交流,一些韩国公司网站涌入我国网名的视线。这些网页摆脱了传统结构的定义限制,采用流线型的结构,运用大胆的颜色、形状,就像设计出来的海报一样艳丽。但要慎用这种结构,因为其中包含的文字信息量少,而且使用过多图片,对网络下载速度是一个挑战。不耐烦的网民可能等不及看到完整的首页就关掉了浏览器窗口。

除了以上这几种结构,还有其他一些形形色色的结构,如放射状结构、“一”字型结构等。不管用什么样的结构,都是为网站内容服务的,要遵循突出网站主题这个原则。如果信息量大,多半要采用T型结构,切不可胡乱使用。但也不能墨守成规,设计师可以自由发挥,从传统结构演化一些跟自己的网站较为贴切的结构,营造不同的视觉感受。

更多阅读
返回列表
© 2010 TianMei Technology All rights reserved. ICP:辽B2-20150138辽公网安备 21010202000010号  目录概览