您的位置: 首页 > 艺术设计 > 设计理论 > 栅格:从混乱到秩序
产品用户研究和基础用户研究 回到列表 从网页设计开始
 栅格:从混乱到秩序

作者:snl 时间: 2008-07-02 文档类型:翻译 来自:蓝色理想

英文原文:http://desktoppub.about.com/od/grids/l/aa_gridsorder.htm

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

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

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

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

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

  • 栅格与边距
    边距决定页面的外部边界。它们象一个画框一样包围着你的页面内容。四周边距不一定是均等的,但在(同一个出版物内)每一页之间或每一版之间边距通常是保持一致的。在大部分程序中,你在设置页面格式(尺寸规格)的时候就可以设置页边距。在某些程序中,你甚至可以“实时的”在屏幕上拖动边线来调整边距。
  • 栅格与栏空
    当你将页面的内部空间(版心)分割为几个均等部分后,每个单元之间的白空间就称为"Alley" (栏空)。栏空的方向是水平的、垂直的、或是两个方向兼有,取决于你的栅格设置。在某些设计软件中,也称之为白空间或文本栏的"gutter"(内边距)。
  • 栅格与内边距
    两页或两版展开时,内部的边距就称为"gutter"(内边距),即中缝两边的边距。在某些排版软件中,两个文本栏之间的间隙也叫做"gutter"。
  • 栅格单元
    栅格单元是你在页面上放置文本和图片的基本坐标。它决定的是“放置”而非“尺寸”。就是说,假如你有一幅比栅格单元大的图片,你一样可以使用它。你可以用栅格单元来帮助你缩放图片尺寸,缩放匹配1、2、3或更多个栅格单元大小,然后将它放置在页面上。
  • 栅格提供了视觉上的条理性
    栅格有着不同的应用,但并非适用于任何设计、任何人。杂志和简报之类的出版物几乎都离不开栅格。栅格增添了页面之间的一种连贯性,并且大大加速了设计的进程,设计师不需要每一页都“从草图开始”规划版式和设计。

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

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

下文:栅格:一以贯之

本文链接:http://www.blueidea.com/design/doc/2008/5927.asp 

出处:蓝色理想
责任编辑:moby

相关文章 更多相关链接
栅格:灵活应变
栅格:一以贯之
页面设计之个性元素与共性元素
网页的栅格设计思考
创意思维:创意导航
作者文章 更多作者文章
栅格:灵活应变
栅格:一以贯之
从 Illustrator 到 FontLab
Eurostile 字体的前世今生
选择一个优秀正文字体的15个技巧
关键字搜索 常规搜索 推荐文档
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
国外创意名片设计欣赏
情感化界面
线下项目工作流程(归纳篇)
线下项目工作流程(分析篇)
简约而不简单-Practise平面设计
培养用户的使用习惯
优秀名片设计
专题头图的秘密武器
别让UED忽悠你(2):多少钱一斤
别让UED忽悠你(1):天生的矛盾

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2