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

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

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

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

网页排版

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

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

层次结构

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

间距问题

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

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

颜色和调色板

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

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

猜你喜欢

  • Web设计师的出路问题

    2009-06-08 13:07:00
  • 如何捕获人家站点的页面?

    2009-11-11 19:19:00
  • 定格动画浅析(一)

    2009-07-30 12:50:00
  • mysql 5.5.8的几个注意事项

    2011-01-04 19:34:00
  • Access函数大全

    2009-12-23 19:22:00
  • Firefox Bug: inline/inline-block的间隙

    2009-11-03 13:20:00
  • Oracle三种上载文件技术

    2010-07-16 13:34:00
  • 10款实用的jQuery图片插件

    2011-01-25 12:28:00
  • br玩转清除浮动

    2007-05-11 16:52:00
  • 鼠标经过超链时的提示图层源码

    2010-03-17 20:51:00
  • MySQL数据库的授权原则

    2008-12-29 13:39:00
  • 破解空间实现域名绑定到子目录方法

    2010-03-14 11:29:00
  • swfobject2.1居中问题

    2008-12-15 17:18:00
  • SQL Server数据库于应用程序的关系

    2010-07-26 14:21:00
  • ASP 操作cookies的方法

    2011-03-10 11:24:00
  • DreamweaverMX制作导航下拉菜单

    2010-07-02 16:29:00
  • Windows下ORACLE 10g完全卸载的方法分析

    2012-07-11 16:09:26
  • 说说CSS+Div布局中的结构与表现

    2008-06-05 18:22:00
  • asp + oracle 分页方法

    2010-05-11 20:09:00
  • 如何实现在下拉菜单里输入文字?

    2010-06-03 10:31:00
  • asp之家 网络编程 m.aspxhome.com