理论教育 网页常用版式设计优化指南

网页常用版式设计优化指南

时间:2023-06-09 理论教育 版权反馈
【摘要】:网站的布局灵活多样,但万变不离其宗,其标准布局共有两种。左部分占整个宽度的20%~30%,左半部内容可以是菜单、用户登录、流量统计、联系方式等内容。右部则为显示主体内容。这是网页设计中使用最为广泛的一种布局结构,如图2-5所示。图2-5左右结构图2-6左中右结构图2-7上下结构2.艺术化的布局艺术化的布局分为海报式和综合式两种布局。否则,不但达不到效果,反会弄巧成拙。2)综合式布局。

网页常用版式设计优化指南

网站的布局灵活多样,但万变不离其宗,其标准布局共有两种。

1.结构化的布局

结构化的布局分为左右、左中右、上下3种结构布局。

1)左右结构布局。这种布局结构体部由左右两部分组成。左部分占整个宽度的20%~30%,左半部内容可以是菜单、用户登录、流量统计、联系方式等内容。右部则为显示主体内容。这是网页设计中使用最为广泛的一种布局结构,如图2-5所示。

2)左中右结构布局。这种结构左面、中间部分与左右结构相同,其右侧,多为友情链接等不太重要的栏目,这种结构比较呆板,不够灵活,如图2-6所示。

3)上下结构布局。上下结构,整个网页只由上下两部分组成,上面是标题,下面则只有正文,也称为标题正文型布局,通常的二级页面、文章页面都采用这种布局方法,如图2-7所示。

图2-5 左右结构

图2-6 左中右结构(www.daowen.com)

图2-7 上下结构

2.艺术化的布局

艺术化的布局分为海报式和综合式两种布局。

1)海报式布局。整个页面布局像一张海报,也称为POP布局,是个人网站建设的主要布局方法。一般适合美术功底较强者采用。否则,不但达不到效果,反会弄巧成拙。

2)综合式布局。综合使用了上述各种布局方法,整个页面布局善于变化,一般采用Flash实现,给人以焕然一新的感觉,带来良好的视觉效果

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈