金牌译作 栅格(1):从混乱到秩序

1621个读者 翻译: snlchina  06/25/2008 原文 引用 双语对照及眉批 字体大小

简介

栅格就是你对页面版式的规划。

看不见的结构:如何在页面排版中使用栅格

by: Jacci Howard Bear
from: http://desktoppub.about.com/od/grids/l/aa_gridsorder.htm

6 unit grid栅格就是你对页面版式的规划

 

你日常所见的许多页面都有栅格存在。你可能注意不到,但它确实存在,并且支撑着设计内容,建立整体的架构,引导着页面的元素。

 

 更多关于栅格的教程
• Grids: Consistency & Unity
• Grids: Flexible Options
 
• Grids Tutorials and Tips
 

栅格是隐形的架构,用于指导你页面上各种元素的放置。栅格不会在印刷成品上出现,但却影响巨大,它控制着文本栏的宽度、照片周围空白的一致、杂志上每页重复出现元素的固定位置。栅格是一系列的辅助线,决定着印刷品的边距,页面元素(大标题、正文、照片等)之间的间距,让你知道如何在空白的页面上放置它们。

在决定是否使用或怎样使用栅格之前,你应该了解栅格的一些基础知识以及创建方法。虽然在印刷成品中看不到栅格,但在构建页面的过程中你还是需要能看见它。

 

在你的页面版式中可能会设置有“Margin”(页边距)。在屏幕上这些边线可能会显示为浅色的实线或虚线。上、下、左、右的边线在你的页面中部形成了一个盒子。你将以此为基点,建立单元格。通过把页面均分为几个等份,来创建多个单元格。你可以创建可见的网格来辅助页面排版:你的页面排版软件有辅助线的功能,或者你可以在非打印层绘制边线或方块。通常你可以从页面旁的标尺上“拖拽”出一条辅助线,然后放置在需要的地方。

 

parts of a grid

 

栅格与边距
边距决定页面的外部边界。它们象一个画框一样包围着你的页面内容。四周边距不一定是均等的,但在(同一个出版物内)每一页之间或每一版之间边距通常是保持一致的。在大部分程序中,你在设置页面格式(尺寸规格)的时候就可以设置页边距。在某些程序中,你甚至可以“实时的”在屏幕上拖动边线来调整边距。

 

栅格与栏空
当你将页面的内部空间(版心)分割为几个均等部分后,每个单元之间的白空间就称为"Alley" (栏空)。栏空的方向是水平的、垂直的、或是两个方向兼有,取决于你的栅格设置。在某些设计软件中,也称之为白空间或文本栏的"gutter"(内边距)。

 

栅格与内边距
两页或两版展开时,内部的边距就称为"gutter"(内边距),即中缝两边的边距。在某些排版软件中,两个文本栏之间的间隙也叫做"gutter"。

 

栅格单元
栅格单元是你在页面上放置文本和图片的基本坐标。它决定的是“放置”而非“尺寸”。就是说,假如你有一幅比栅格单元大的图片,你一样可以使用它。你可以用栅格单元来帮助你缩放图片尺寸,缩放匹配1、2、3或更多个栅格单元大小,然后将它放置在页面上。

 

3 unit grid, 3 panels栅格提供了视觉上的条理性
栅格有着不同的应用,但并非适用于任何设计、任何人。杂志和简报之类的出版物几乎都离不开栅格。栅格增添了页面之间的一种连贯性,并且大大加速了设计的进程,设计师不需要每一页都“从草图开始”规划版式和设计。

 

在一系列独立而有关联的印刷品(如系列海报,或是为某个广告活动或某产品线设计的一系列传单)中,一个共同的栅格有助于统一这系列独立印刷品的整体形象。

 

在一件印刷品中往往有多个独立元素(本文块、大标题,照片,图表),栅格会帮助你把这些页面元素组织得井井有条。

 

NEXT 栅格(2):一以贯之 part 2 of 3

THEN 栅格(3): 灵活应变, part 3 of 3

 

继续阅读
  • 被否决的Google Logo

    优胜劣汰,Google Logo也不例外。幸福的Logo是一样的,不幸的Logo各有各的不幸······

  • 14个超酷的名片设计

    看腻了千篇一律的名片设计?文中这些名片也许会让你眼前一亮。

  • 13个在线web2.0风格生成器

    貌似这篇post根本就不值得翻译,却耗了我很长时间 作为第一篇,这就当是我的hello world了 感谢译言,让我找到了学习e文的动力之所在 现在,只要看一些web2.0应用的目录,你就会发现,无论...

  • 迪拜的未来

    疯狂的迪拜人在中东建起了一座国际大都市,现在迪拜人将要在建筑上延续他们的疯狂。

  • 如何提高页面响应速度

            访问速度缓慢的互联网已经成为过去,但页面能瞬时呈现也只是未来才会发生的事情. Christianheilmann的一些技巧,现在就可以令你的网站访问起来更为流畅。         页...

  • 迪拜的未来(2)

    疯狂的迪拜人在中东建起了一座国际大都市,现在迪拜人将要在建筑上延续他们的疯狂。

  • 美国设计师:关于中国设计的10大荒诞说法和事实

    一个在美国12年的中国设计师眼中的今日中国设计业.

  • 30个最顶尖的基于栅格系统的博客网站设计

    基于栅格系统的设计在网络上越来越流行了。一个设计优良的基本栅格系统不但让你的设计更漂亮和易读,还更具可用性。

相关小组

标签:

内容有问题?请与我们联络。

译作评分

  • Currently 0.00/5
  • 1
  • 2
  • 3
  • 4
  • 5
 0.0  |  0 个评分

0条评论    0眉批

添加评论

欢迎访问译言网。在这里,您可以。。。

阅读
发现
翻译