web设计页面有哪些技巧？这几个技巧让你的网站更吸引人！

今天心血来潮，想搞个自己的网页，就动手做一个简单的页面设计。整个过程还挺有意思的，跟大家分享一下我的实践过程。

我先在纸上画个草图。毕竟有个大概的框架，心里才有底。我想要一个简洁的风格，所以就简单地分几个区域：头部、内容区和底部。

• 头部嘛肯定要放我的logo，还有导航栏，这样别人进来就知道我是谁，要去哪里也方便。
• 内容区当然是最重要的，我打算放一些我平时写的文章和一些图片。
• 底部就简单，放个版权信息和联系方式就行。

草图画好后，我就开始动手写代码。先用<div>把整个页面结构搭起来，就像搭积木一样，把头部、内容区、底部这些大块先分

头部这里，我用一个<div>放logo，然后用<ul>和<li>做个简单的导航栏。导航栏这里弄好一会儿，主要是想让它横向排列，还稍微调整一下样式，让它看起来更舒服些。

内容区排版

内容区我打算用两栏布局，一边放文章列表，一边放一些图片。这样看起来不至于太单调，也比较符合我的审美。这里也用到<div>来划分区域，然后用<p>、<h2>这些标签来放文章标题和内容。图片嘛就直接用<img>标签。

底部就更简单，直接一个<div>，里面放上版权信息和联系方式就完事。

调整颜色和字体

页面结构搭好后，接下来就是调整样式。我选一个比较淡雅的背景色，然后给文字也选一个看起来比较舒服的颜色。颜色不能太花哨，不然看着眼累。字体我也选比较常用的，这样大家看起来不会觉得奇怪。

整个过程挺费时间的，主要是细节上的调整。比如行间距、字间距、各个模块之间的间距等等，都要一点点试，直到看起来舒服为止。这玩意儿真是个细活，得有耐心。

我还特意在手机上看下效果，毕竟现在大家都用手机上网。还看起来还不错，没有出现什么错位或者变形的情况。不过我觉得还有很多可以改进的地方，以后慢慢优化。

这回网页设计实践还挺有收获的，虽然只是个简单的页面，但也让我对网页设计有更直观的解。以后有时间，我还想尝试更多不同的风格和布局，做出更好看的网页。

上一篇：培训画册设计技巧：创意与实用性并重

下一篇：企业宣传册PPT设计指南：如何制作吸引客户的宣传资料