最近琢磨一下网页设计这摊子事儿，特别是那个版式布局，真是让人头疼。之前自己瞎搞的网站，东西堆得乱七八糟，自己都看不下去。

我就想着，咋能让页面看着舒服点？就试几种法子。

把重要的放中间

最简单的，就把最想让人看的东西，咣当一下，放页面正中间。周围留白，看着是挺简洁。试一下，如果就展示一个作品或者一个最主要的信息，这招还行。但东西一多，都挤在中间，反而不好找。

从上到下一条线

还有一种，就是像写作文一样，从上到下，沿着一条看不见的线排下来。左边是导航，右边是内容，或者反过来。也挺规矩。这种方式我感觉挺常见的，特别是博客、新闻网站，读起来比较顺。

左一块右一块

后来又看到有的网页，刷刷几下，把页面分成好几块。左边一块，右边一块，上面再来个横幅。感觉能塞不少东西，但搞不好就显得乱。我试着弄下，发现这个对齐比较麻烦，要是屏幕大小一变，有时候就错位，得花时间好好调。

像搭架子一样

还有一种更规整的，跟盖房子似的，先搭好架子，哪里放图，哪里放文字，都框得好好的。这种适合内容多的，不容易跑偏。我感觉电商网站好多都这么干，一排排的商品，清清楚楚。

斜着来或者不规则

也见过一些设计感很强的页面，搞倾斜的布局，或者干脆就不规则排。看着是挺酷，挺有艺术感。但我自己试下，用代码实现起来比较费劲，而且弄不好就影响阅读，感觉只适合特定类型的展示，不太适合信息量大的。

为啥要搞这么麻烦？主要是我那个老博客，内容是不少，但看着太费劲。我就拿它开刀，先在纸上画草图，这个放这儿，那个放那儿。画好几版，感觉‘搭架子’那个好像靠谱点，因为我东西多，图片、文字、还有些乱七八糟的分类。

然后我就开始动手用代码试。就简单的HTML和CSS，没用啥高级玩意儿。把内容一块块往里填。中间那个试下，内容一多，下面就拉得老长，不好看。分块那个，手机上看的时候容易乱掉，得调半天。

捣鼓下来，发现，没有哪个版式是万能的。主要还是看你网页上想放想让用户怎么看。

• 内容少，想突出重点的，放中间或者搞个大图背景，挺
• 内容多，分类也多的，那还是老老实实“搭架子”或者“分块”，条理清晰点。
• 像博客这种，一条线下来，或者左边菜单右边文章，也挺常用，符合阅读习惯。
• 想玩点花样，吸引眼球的，可以试试倾斜或者不规则，但得把握好度。

反正，关键是动手去试。别光看理论，把自己的内容放进去试试，哪个顺眼、哪个用着方便，就选哪个。瞎琢磨不如动手搞一遍来得实在。