![网页布局与配色实战](https://wfqqreader-1252317822.image.myqcloud.com/cover/706/929706/b_929706.jpg)
2.5 页面排版布局趋势
设计行业日新月异,设计师和开发人员都需要紧跟潮流。
1.简单中心式布局
![](https://epubservercos.yuewen.com/EEE837/10771307204594506/epubprivate/OEBPS/Images/Figure-P41_63303.jpg?sign=1738883111-v0jYKtIRg7yc8UUJuECn1oCRbyTSbf12-0-2fb5b96242f85a1e774a45a078fac162)
图2-23 简单的中心式布局
虽然电脑的显示器越来越大,分辨率越来越高,但为了让阅读和浏览网站能更加舒服,网站布局却越来越简洁了。如今双栏乃至单栏布局似乎非常流行。此外,时下的网站设计师偏好使用中心定位,而不是之前流行的向左定位。图2-23所示为简单的中心式布局。
2.向下滚动条更合适
当需要在单个页面上呈现众多内容时,只有两种方法来实现:要么完全利用显示宽度,要么直接利用垂直滚动条。每一选项都有其合理的优势。然而,从可用性角度考虑,向下滚动窄而较长的页面更为方便。
3.水平导航菜单
![](https://epubservercos.yuewen.com/EEE837/10771307204594506/epubprivate/OEBPS/Images/Figure-P41_63306.jpg?sign=1738883111-mdoiyw7sx5C0L92wWDXSdnfi6dzvJO8R-0-65ba3ce47260915f5f78884e3617c735)
图2-24 水平导航菜单
当然,网站布局的选择主要依网站的具体类型而定。搜索引擎与网上商店就需要采用截然不同的布局方法。不过,今天似乎越来越多的设计师喜欢使用用水平菜单和导航字符串来替代垂直类型,如图2-24所示。显然,这可以用人们从左至右阅读文本的习惯来解释。同时,广泛采用分离框来介绍站点的不同区域或分类。当需要抓住访客目光和合理安排内容时,这种框体是很起作用的。
4.整页背景
![](https://epubservercos.yuewen.com/EEE837/10771307204594506/epubprivate/OEBPS/Images/Figure-P42_63738.jpg?sign=1738883111-GOJsMRWFcJDzkkLCRnUeGdG1iw19p6zy-0-1848f06cabbb8dbc42c147a6cd1b2d32)
图2-25 整页背景
网页背景经常遭到忽视。当然,它们本身也不应该太受关注,否则前景中的东西也就不那么显眼了。但有时,当设计师灵感迸发时,也会把背景做成网页中最显著的部分。
当设计师没有很多内容可以展示的时候,他们就会这么做。图2-25所示为整页背景。
5.使用Flash,但不要滥用
显示动态图片的Flash技术让互联网发展迈上了新台阶。当需要快速吸引访客注意时,这是非常有效的方法。除此之外,Flash还能使网站具备完全不同的特性——提供动态内容和丰富的视效和音效等。不过,眼下搜索引擎对Flash的友好性问题仍未彻底得到解决。因此,使用Flash要有的放矢,切忌过度使用。
6.大字体、大按钮
![](https://epubservercos.yuewen.com/EEE837/10771307204594506/epubprivate/OEBPS/Images/Figure-P42_63735.jpg?sign=1738883111-HaVuF0YaoDjff0upGOvMu3D0DT3gdKsW-0-5620f782e72614ce76413bc64c1f9f49)
图2-26 大字体、大按钮网页
我们再度回到网站的可用性上。网站的全部内容都应该阅读方便、清晰明了。因而,大字体和按钮是合适的选择。随着CSS和浏览器功能的不断改进,设计师现在可以将一幅网页变成一幅图形艺术杰作,可以模仿杂志风格的布局,也可以采用丰富的字体而不致损害文本的清晰。图2-26所示为大字体、大按钮网页。
7.颜色要有对比,但不能突兀
网站背景与文本的颜色选择十分重要。一般来说,网站有使用纸质风格的倾向,即将内容置于柔和色调背景之上。对比鲜明的颜色则用于Logo或按钮设计等。留足空白区域对访问者很重要,这样他们就能方便地找到自己所需要的内容。