设计者在网页排版中应注意的一些问题

时间:2012-04-20 13:13:58 

导语:排版是一门艺术,也是一门技巧。我们每天都能在报纸,书籍等各种媒介上看到排版,或精美,或丑陋。如何能在准确传递信息的同时,又能排出精美的版面,这是设计师们值得深思的问题,因为这关系到读者的阅读感受。本文以网页排版为例,从几个方面阐述了成功的设计在排版中应该注意的问题和细节。

大体上来说,排版是为了信息分享而重新将字体进行排列的一门艺术和技巧。也就是说,排版是为传递信息而进行的简单排列组合,然而,好的排版非常注重视觉精度和细节,甚至是很小的细节都不容忽视。排版最早出现在书写当中,因此即便是最简单的字母排列也可算一种排版。如今,印刷品,书籍,报纸,信件,电视,网络等都会涉及到排版,简直是无处不在。甚至连重要的网站在以前就开始关注排版了,并且在当时尝试用现成的资源尽可能提高排版水平。

网页排版

网页排版是近年兴起的一个普通排版的分支概念。虽然,图片也可以传递信息,但网站上的内容大部分是由文字组成。这就是网络排版如此受重视的原因。排版的重要性丝毫不亚于视觉层次,合适颜色的选取,网站功能以及其它特性。我们从来没低估过网络排版的重要性,也深知它在良好的用户体验中所发挥的重要作用。

任何追求漂亮版面的人都知道,印刷排版跟网络排版完全是两码事。尽管有些规则可能相同,但网页设计所处环境完全不同,两者都有自己一套必须遵守的规则和准则。两者的原理不同,不能同时存在,跨越这个界线可能会导致排版混乱。

层次结构

尽管,你可能已经熟悉了网页设计的层次结构,你可能也明白排版中也少不了它。层级结构会给你一个阅读显示文本的起点。这点非常重要,因为这会帮助你准确传递信息,同时保证读者准确理解。很多网站在这个问题上都做得很好,但是你还是应该牢记在心,这样你的网站就不会显得太过时。

间距问题

尽管,很少遇到网站排版中出现层级结构的问题,但相当多的网站排版却存在间距排列的问题。网站所有元素的间距都必须按照一定的条理进行排列,因此你在处理间距必须遵循这些条理。你可能需要去了解以下的专用术语:行距大小(Leading Size)、字偶间距(Kerning)和字间距(Tracking)。

行距大小是一种增加或减少文本行之间产生的空格的方法。点击此处阅读,你就知道到为什么减少行距有利读者阅读。字偶间距是调节字符间空格,使其达到更愉悦的视觉效果的过程。使用字间距同样能达到字偶距调整的效果,两者之间的唯一差别在于空格的产生,字间距是在每个字符间产生等量的空格,而字偶间距是调整的基于字符对所产生的空格。

颜色和调色板

排版中的颜色并不专指单一的文本颜色,通常是指网站用到的所有颜色。网站用到的图片和颜色相当于文本的“背景”,因此使用颜色时要谨慎。网站的元素要和排版颜色协调,不要让文本显得模糊不清。你也可尝试较大尺寸的排版(又称为宏观排版)来达到更好的效果。简单来说,宏观排版就是使用更大的文本来吸引用户。它的长度通常不能超过1到4个单词,因此,保持文字的简洁性和正确性就显得格外很重要。在关键信息下,但是这并不是那么重要,因为这并不是你的网站的焦点,但大尺寸文字却是。

标签:排版,设计,网页
0
投稿

猜你喜欢

  • 超级链接中MailTo的语法

    2008-08-29 13:00:00
  • CSS背景属性5个应用实例

    2009-09-13 20:54:00
  • Python光学仿真学习处理高斯光束分布图像

    2022-09-11 05:29:50
  • 用javascript判断浏览器版本

    2008-04-21 13:50:00
  • php文件操作小结(删除指定文件/获取文件夹下的文件名/读取文件夹下图片名)

    2024-05-22 10:07:10
  • Python实现为图片添加水印的示例详解

    2023-11-14 09:49:09
  • django列表筛选功能的实现代码

    2021-06-23 08:48:57
  • Python实现批量翻译的示例代码

    2023-02-27 04:24:12
  • 利用CSS改善网站可访问性

    2010-10-20 20:12:00
  • Golang中结构体映射mapstructure库深入详解

    2024-04-26 17:34:40
  • python实现0到1之间的随机数方式

    2023-08-06 17:14:50
  • python实现机械分词之逆向最大匹配算法代码示例

    2022-01-02 08:16:27
  • MySQL数据库中CHAR与VARCHAR之争

    2011-05-05 16:33:00
  • Python文本相似性计算之编辑距离详解

    2022-04-28 12:14:23
  • windows 10下安装搭建django1.10.3和Apache2.4的方法

    2022-01-01 01:07:51
  • SQL Server数据库对服务器的需求

    2010-06-11 13:52:00
  • 请给PNG8一个机会

    2009-09-16 14:22:00
  • windows环境下tensorflow安装过程详解

    2021-12-10 15:59:34
  • Python可变和不可变、类的私有属性实例分析

    2023-05-27 14:34:08
  • 利用pipenv和pyenv管理多个相互独立的Python虚拟开发环境

    2022-06-03 19:54:30
  • asp之家 网络编程 m.aspxhome.com