设计网站时如何做好网站页面排版

第一、网站页面可以适当使用图文结合排版

在页面设计时正确使用图文排版可以带来良好的视觉体验，那么如果做好网站页面的图文排版呢？

1、选择正确图片

2、要有层次感

在进行图文排版的时候，我们要遵循一个经验法则：文本越小，空间上就显得越远。所以要清楚文本相对于图像中的其他元素位置，是在图像之前，还是在图像之后？是融入图像之中还是独占一方？进行更深入的分析就是要怎样把文本关联到图像的聚焦元素中去？

3、色彩与亮度对比

使用与文本有鲜明对比的图片很重要，如深色的背景使用滤镜或叠加元素，或者深色背景搭配亮色文本，可以确保图片与文本有足够对比度。

4、尺寸和位置的对比

图片的尺寸也是相当重要的，因为图片的大小也是增强图片与文本对比度的方法之一。在设计的过程中，确定好了图片的尺寸之后，还要把文本放到合适的位置上，让文本和图片可以完美的搭配并带来良好的视觉体验。

下面给大家一个图文排版比较好的案例

雅致的文字排版悬浮在半空中，和背景融为一体，这种设计除了众所周知地提高逼格之外，能明显地提升页面的深度。强对比的色彩搭配也是设计师别具匠心的体现，我想你已经发现了。

第二、页面文字保持合适的字间距和行间距

在网页排版设计时文字之间的字间距这是很容易忽略的一种错误，字间距过于拥挤会降低文字的可读性。有的字体本身会比较稀疏，或者过于紧密，适当调整至易于阅读的状态即可。文字行间距也影响可读性的重要因素，过于紧凑会难于识别，但是一味地拉开间距在视觉上的效果并不合理。一般行间距是行高的50%左右。大家可以比较一下以下两种排版的视觉感受。

第三、要保证页面文本的阅读舒适度

第四，在做页面排版设计时要避免过度强调

有时候你需要强化某个部分，会在视觉上进行强调，让它从整个设计中脱颖而出。文字部分常见的手法很多，斜体、粗体、下划线、大写、增大字体大小，等等。但是千万不要将所有的强调方式都用在同一篇文字同一个段落中，这样会让它看起来凌乱不堪。

第五、页面文字排名要有层次结构

在排版中，层次这个词是区分文本和不同元素的重要性区别的学术性说法。以我们所熟知的报纸为例，标题阐述核心，尺寸最大，文字大写，粗体强调，其次是副标题，字体小点，文字不再大写，再其次是正文，字体最小。如果打破了这种层次结构，用户会迷惑。哪个重要哪个其次，傻傻分不清楚。