设计者在网页排版中应注意的一些问题
发布时间：2012-04-20 13:13:58
导语：排版是一门艺术，也是一门技巧。我们每天都能在报纸，书籍等各种媒介上看到排版，或精美，或丑陋。如何能在准确传递信息的同时，又能排出精美的版面，这是设计师们值得深思的问题，因为这关系到读者的阅读感受。本文以网页排版为例，从几个方面阐述了成功的设计在排版中应该注意的问题和细节。
大体上来说，排版是为了信息分享而重新将字体进行排列的一门艺术和技巧。也就是说，排版是为传递信息而进行的简单排列组合，然而，好的排版非常注重视觉精度和细节，甚至是很小的细节都不容忽视。排版最早出现在书写当中，因此即便是最简单的字母排列也可算一种排版。如今，印刷品，书籍，报纸，信件，电视，网络等都会涉及到排版，简直是无处不在。甚至连重要的网站在以前就开始关注排版了，并且在当时尝试用现成的资源尽可能提高排版水平。
网页排版
网页排版是近年兴起的一个普通排版的分支概念。虽然，图片也可以传递信息，但网站上的内容大部分是由文字组成。这就是网络排版如此受重视的原因。排版的重要性丝毫不亚于视觉层次，合适颜色的选取，网站功能以及其它特性。我们从来没低估过网络排版的重要性，也深知它在良好的用户体验中所发挥的重要作用。
任何追求漂亮版面的人都知道，印刷排版跟网络排版完全是两码事。尽管有些规则可能相同，但网页设计所处环境完全不同，两者都有自己一套必须遵守的规则和准则。两者的原理不同，不能同时存在，跨越这个界线可能会导致排版混乱。
层次结构
尽管，你可能已经熟悉了网页设计的层次结构，你可能也明白排版中也少不了它。层级结构会给你一个阅读显示文本的起点。这点非常重要，因为这会帮助你准确传递信息，同时保证读者准确理解。很多网站在这个问题上都做得很好，但是你还是应该牢记在心，这样你的网站就不会显得太过时。
间距问题
尽管，很少遇到网站排版中出现层级结构的问题，但相当多的网站排版却存在间距排列的问题。网站所有元素的间距都必须按照一定的条理进行排列，因此你在处理间距必须遵循这些条理。你可能需要去了解以下的专用术语：行距大小（Leading Size）、字偶间距（Kerning）和字间距（Tracking）。
行距大小是一种增加或减少文本行之间产生的空格的方法。点击此处阅读，你就知道到为什么减少行距有利读者阅读。字偶间距是调节字符间空格，使其达到更愉悦的视觉效果的过程。使用字间距同样能达到字偶距调整的效果，两者之间的唯一差别在于空格的产生，字间距是在每个字符间产生等量的空格，而字偶间距是调整的基于字符对所产生的空格。
颜色和调色板
排版中的颜色并不专指单一的文本颜色，通常是指网站用到的所有颜色。网站用到的图片和颜色相当于文本的“背景”，因此使用颜色时要谨慎。网站的元素要和排版颜色协调，不要让文本显得模糊不清。你也可尝试较大尺寸的排版（又称为宏观排版）来达到更好的效果。简单来说，宏观排版就是使用更大的文本来吸引用户。它的长度通常不能超过1到4个单词，因此，保持文字的简洁性和正确性就显得格外很重要。在关键信息下，但是这并不是那么重要，因为这并不是你的网站的焦点，但大尺寸文字却是。
0
投稿猜你喜欢
- 参数数量及其作用该函数共有十一个参数，常用的有：名称 name变量规格 shape变量类型 dtype变量初始化方式 initializer
- 本文实例讲述了PHP使用PHPexcel导入导出数据的方法。分享给大家供大家参考，具体如下：导入数据：<?phperror_repor
- 今天在写 mysql 遇到一个比较特殊的问题。 mysql 语句如下: update wms_cabinet_form set cabf_e
- 本文实例讲述了python通过apply使用元祖和列表调用函数的方法。分享给大家供大家参考。具体实现方法如下：def my_fuc(a, b
本文实例为大家分享了python树莓派红外反射传感器的程序，供大家参考，具体内容如下1、工具rpi3，微雪ARPI600，Infrared- 启动sql server Net Start MSSqlServer 暂停sql server Net Pause MSSqlServer
- Python 3最重要的新特性之一是对字符串和二进制数据流做了明确的区分。文本总是Unicode，由str类型表示，二进制数据则由bytes
- 以下为测试例子。 1.首先创建两张临时表并录入测试数据： 代码如下:create table #temptest1 ( id i
- 什么是分页查询分页查询就是把query到的结果集按页显示。比如一个结果集有1W行，每页按100条数据库。而你获取了第2页的结果集。为什么要分
- 1.问题如果我想获取一个目录下的所有文件列表，使用 Golang 该如何实现呢？比如有个目录 dir 结构如下：tree dirdir├──
- 1.对于RGB三通道图片，直接用两层for循环的话，效率比较低2.可以先将RGB图片转为灰度图片，再利用numpy.where的广播机制统计
- 本文实例讲述了thinkphp的URL路由规则与配置方法。分享给大家供大家参考。具体分析如下：一、URL规则1、默认是区分大小写的2、如果我
- 分享一下 IntelliJ IDEA 2021.1 的激活破解教程，相当于永久激活了，亲测有效，下面是详细文档哦~申明：本教程 Intell
- Flask 是一个 Python 实现的 Web 开发微框架。这篇文章是一个讲述如何用它实现传送视频数据流的详细教程。我敢肯定，现在你已经知
- 常有新手问我该怎么备份数据库，下面介绍3种备份数据库的方法：（1）备份数据库文件MySQL中的每一个数据库和数据表分别对应文件系统中的目录和
- 1.前提你要已经安装了 某个 版本的 python, (下载地址 https://www.python.org/downloads/)安装后
- 使用xhtml+css布局经常性地会使用到float，很多邪门的事儿都有可能是浮动在作怪，那么清除浮动就是必须要做的，而且随时性地对父级元素
- MySQL DATE_FORMAT函数简介要将日期值格式化为特定格式，请使用DATE_FORMAT函数。 DATE_FORMAT函数的语法如
- Flask框架是Python开发的一个基于Werkzeug和Jinja 2的web开发微框架，它的优势就是极其简洁， 但又非常灵活，而且容易
- 前言在进行图像处理时，经常会用到读取图片并显示出来这样的操作，所以本文总结了python中读取并显示图片的3种方式，分别基于opencv、m
