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

  首先、网页排版就是将有限的视觉元素进行有机的排列组合，让逻辑清晰、阅读顺畅、交互便捷，产生良好的体验。

网页排版有以下原则：

1、重复与交错、节奏与韵律、对称与均衡、对比与调和、比例与适度、变异与秩序、虚实与留白、变化与统一

2、同时还要强调：

功能与形式(深入理解功能和内容，使之形式更好的体现主题思想)

兼容与响应(跨平台，不同的分辨率、不同的设备环境下的呈现效果)

其次、下面我们以不同的方面说一下网页排版。

1、 网页文字排名

  通过对字号、字体、字色、粗细、间距、行距等属性来体现出内容的层次结构。做好网页中文字的排版，特别对于大篇幅的文字，可以增加网页的美观性使读者更有耐心阅读，提高用户体验度。在网页设计里，文字排版主要由三个因素控制：

字体大小(font-size)

行距(line-height)

间距(margin,padding)

认真调整这三个因素的值，可以实现理想的效果。

  根据之前的经验得出基本文字排版对行距、间距的要求如下：

设行距为 dl px ,设垂直方向上的间距和为 ∑ds = dst (段前距) + dsb (段后距) (px) ①,假设基础行距为k px,则

n*k = dl + ∑ds (n为自然数) 即行距和间距之和应当是18的倍数 ②

由方程①、② 得出：

行距和全部垂直间距之和为18的倍数。

2、网页颜色

  网页运用颜色的形体、位置、面积，及色相、明度、纯度等属性并结合内容与环境来组织色彩。氛围效果营造，同产品的统一性，优化(品质大小，色彩信息，实现方案)。

3、网页图片排版

  网页图片排版要做到主图次文，图文节奏，空隙，模块化。同时要强调尺寸样式的定位，同一页面的和谐性，图片的优化，位置的节奏，大小对比。

4、网页导航/图表排版

  网页导航/图表排版要通过对信息数据的归纳整理，有效分类、排布，将复杂信息高效、清晰地传递给用户——清晰、直观。更多的是要将信息内容有效的组织、排布，使其规范有序、清晰明确，便于用户高效、准确获取相关信息，把网站设计的更友好、易用、真实可信。