首先、网页排版就是将有限的视觉元素进行有机的排列组合,让逻辑清晰、阅读顺畅、交互便捷,产生良好的体验。
网页排版有以下原则:
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、网页导航/图表排版
网页导航/图表排版要通过对信息数据的归纳整理,有效分类、排布,将复杂信息高效、清晰地传递给用户——清晰、直观。更多的是要将信息内容有效的组织、排布,使其规范有序、清晰明确,便于用户高效、准确获取相关信息,把网站设计的更友好、易用、真实可信