栅格:一以贯之

作者:snlchina 来源:蓝色理想 时间:2008-07-22 12:19:00 

上文:栅格:从混乱到秩序

Jacci Howard Bear 的英文原文:

http://desktoppub.about.com/od/grids/l/aa_gridsunity.htm

人往往喜欢有条理的视觉信息

简报、杂志、宣传册、年报、以及书籍等通常包含诸多视觉元素:分栏文本、大标题、照片、插图、引文等等。栅格会帮助设计师在文档中建立页面之间的一致性。 读者会期待页码出现在每一页上的相同位置。一篇文章中的全部文字,即便它覆盖于多个页面,也一样有一致的外观,例如说相同的栏宽,这样可以提升可读性。同样的,读者还往往会期待边栏,说明性的文字,以及其他重复出现的元素出现在页面上的相同位置。

在一个多页文档的全部页面中使用一致的栅格,让设计师更易于提供读者们通常会期待的一致性外观。一个精心设置的栅格系统同样可以引入变化,而不会牺牲可读性和一致性。它同样会加快排版的进程,因为在放置各页面元素的时候,你不必再小心翼翼的“试探”以及“回头看看前面是怎样做的”。

下面的页面范例,显示了如何在一个7列的垂直栅格中进行一份新闻简报的图文混排。注意图一和图二有着一致的版式(但是左右反转了)。文本栏占两个单元格宽度。一个单元格有更多的栏空,用于把正文和边栏分隔开来。页3(图二中的右页)的版式和前面两页好像没多少共同点,但假如你看看隐藏在页面背后的栅格系统(图三),你会看到这三页采用的都是同一个栅格系统。

图 1: 左边是7单元栅格的简报

图二:7单元栅格的对开页简报

图三: 隐藏于这两个对开页简报之下的7单元栅格

标签:栅格,视觉,设计
0
投稿

猜你喜欢

  • 实例讲解Oracle到SQL Server主键迁移

    2009-03-25 13:30:00
  • 仅允许指定的机器连接SQL Server服务器

    2010-07-22 19:54:00
  • ASP程序中使用断开的数据记录集

    2007-10-17 18:51:00
  • 用ASP实现分级权限控制

    2008-10-09 13:02:00
  • Dreamweaver MX 2004 试用心得

    2010-03-25 12:21:00
  • Firefox与IE下UL预设标记的异同

    2007-05-11 17:03:00
  • 泛泛而谈界面中的斑马纹设计

    2010-07-15 12:59:00
  • ASP可显示和隐藏的树型菜单

    2007-10-01 14:40:00
  • SQL Server连接失败错误及解决

    2008-01-28 21:09:00
  • JScript 运算符

    2007-08-22 16:22:00
  • JavaScript for: i++ vs i–

    2010-06-24 21:42:00
  • 数字人组件反写[asp组件开发实例4]

    2009-06-09 13:20:00
  • Oracle 数组的学习 小知识也要积累,养成好的学习态度

    2009-08-04 12:42:00
  • 解释FCKeditor样式的工作原理

    2007-10-11 13:34:00
  • 如何得到数据库中所有表名 表字段及字段中文描述

    2012-01-05 18:56:44
  • 国际上十四个优秀网页设计审核站

    2007-09-30 20:18:00
  • 三个动画函数,透明度渐变、位置移动、尺寸变化javascript源码

    2010-03-28 13:23:00
  • 用ASP在线创建Word与Excel文档

    2008-07-20 19:17:00
  • FrontPage XP设计教程4——Css样式表的应用

    2008-10-11 12:25:00
  • asp如何利用当前时间生成随机函数?

    2010-01-01 15:44:00
  • asp之家 网络编程 m.aspxhome.com