完美网页的视觉设计法则-z6尊龙平台

当我们使用铅笔和纸画出第一个布局块时，我们是在“容器”块中设计外部的矩形。在打印设计中，“容器”块本身就是一个类似商务名片或广告牌的实体。

在网络上，我们的“容器”就是浏览器的窗口。这种设计是应该填满浏览器的窗口，还是应当有设定的宽度？这个决定已经困扰了网络设计人员数百年--甚至可以说是数千年--当使用表格和spacer.gif文件为我们的网页内容安排布局时，这个问题就在困扰我们了。好，也可能不是数千年以前，但这毫无疑问确实是一个存在了很久的问题。

固定宽度

如果使用960网格系统开始设计你的布局，你会有机会设计出一个固定宽度的布局。这些设计是使用a div包装的，a div可以给出一种基于像素的宽度，而主体标记的中心应当使用margin:0 auto;如果浏览器窗口的宽度超过960像素，将会看到一个水平滚动条。固定宽度的布局很容易设计和维护--因为你基本上就是在构建你在photoshop里设计的东西。

流动宽度

流动的布局是使用基于百分百的宽度设计的，这样“容器”就会在你改变浏览器窗口的尺寸时伸缩。在规划这些时需要考虑更多问题，因为你要预见到每一个可能的宽度上可能出现的问题。有时像素--宽度拦与基于百分比的栏会在流动布局中混合起来，但是这种思想会让用户看到在屏幕上充斥着大量水平展现的内容。通常来说，流动宽度利用了css的中间宽度和最大宽度的特性，这可以确保“容器”不会变得极窄或极宽。

一些设计人员拒绝流动宽度布局的一个原因点：认为这种布局会迫使他们使用网格创建其设计。网上有一些可以用于在网格上设计流动宽度的布局的资源，包括960网格系统的流动宽度适配器。尽管最终应用在一种类型的布局上是用另一种类型的布局决定真的可以由网站的目标受众及每个网站的可访问性的目标确定。

本文由z6尊龙平台-凯时app官方首页z6尊龙平台-凯时app官方首页公司－沈阳易势科技提供，如需转载请注明出处。

沈阳易势科技拥有专业设计团队为企业提供网页设计、网络平台开发服务。