分栏结构的排版
网页作坊
网页页面结构设计中,二分栏、三分栏属于最常见的结构方式,通常适用于信息内容比较丰富的网站类型。本文针对二分栏结构的分栏比例问题进行讲解,通过实例分析结构与信息之间的关联性,以及网页设计的创作思路。
小于1/4的情况

当窄栏宽度大概占据总页面长度的1/4或小于1/4时,放入窄栏的信息应该以“导航”或“标题”为主。也可以用特殊尺寸的小广告条作为点缀。小于1/4,不适合放置文字或图片信息。在这种情况下,可以灵活处理宽栏,进行宽栏内部文字的局部处理。如图1所示的三星网站,大气的结构中透出简洁又美观的小变化,给人效率高的商业感觉。

大于1/4 小于1/2的情况

当窄栏大于1/4小于1/2的情况时,能够放置到窄栏目的信息比较多。这种情况可能是最为常见的页面结构了,导航、标题、广告条、文字或图片信息,登录窗口、搜索、日期等等均可以放入其中。惟一的缺点是这样的分栏结构太过大众化,想要以结构取胜是不可能的。设计时可以尽量在色彩上、格局的修饰上多思考,突出特色。如图2中的日文站点,它的结构并不突出,但用色清雅、插图运用、细节处理均给人一种舒适的感觉,与网站的购房主题达到一致效果。

1/2的情况

按理说,在遇到两个分栏比例近似时,文字的安置更加灵活多样了,但实际上并非如此。当两个分栏的比例近似或一样,竖排导航是不可能放置其中任何一栏的。也就是说,采用这种分栏结构的同时,导航必须是横排设计才可以。至于登录窗口等功能信息与广告类的小装饰信息也不适合放置其中。换句话说,两个分栏只能放置具体内容(图3)或内容模块的引导类信息(图4)。彩色网页图片可在http://www.relen.com下载。


本期理念:页面结构设计是网页设计的基础,设计网页应该根据信息情况决定页面结构。如果注意观察,应该很容易发现,优秀的网站经常根据信息的不同更换多种结构结构或分栏比例,灵活地处理信息与页面结构之间的关系,是制作分栏页面成功的关键。