网页设计灵动布局之相对自由式

保持比例

说起比例，难免和数学公式扯上关系。其实，简单一点来看，我们完全可以把比例看作一个视觉的原子单位，一切位置、大小的关系都以这个原子单位为标杆。

比如我确定一个原子单位是50px的正方形，那么以这个矩形为基准来创作一个图形，这个图形就是又这个正方形所搭建的，有点类似我们玩的拼图游戏。

加入了50px的网格线后你就会明白它们正好合乎原子单位的比例

以上说明了比例这件事，无论是一比三还是五比二，其中的道理都是从这个原子单位衍生过来的。在网页设计中，为了保持比例可以采用网格作为辅 助线。在Photoshop中可以任意设置网格的大小，网格的大小最好能和你的文档成比例关系。比如你的新建文档宽度是1600px，那么网格可以设置为 80px或者160px等。根据网格线进行大小尺寸和位置对齐，网格线越小，最终的结果也就越灵活。但也要注意网格如果太小其实就并没有发挥太大的作用。

比例会让你的网页设计形成某种看不见的稳定感，每个元素恰如其分的表现在所应该出现的位置，如果你选采用对称的布局，由于对称本身就具稳定性，因此，网格在非对称的布局中发挥作用更大。

下面这个表现叠叠乐游戏趣味的设计就是采用网格才能让每个色块各得其所。它的不对称布局随时给人一种倾塌的紧张，更需要背后有比例的支撑。

魔幻几何

网页布局几乎都是由几何构成的，加之显示屏本身就是矩形，因此在布局时最常用到的也是矩形。

矩形

（编辑：网站开发网_安阳站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!