栅格就是你对页面版式的规划
互联网 发布时间:2008-10-17 19:57:20 作者:佚名
我要评论
英文原文:http://desktoppub.about.com/od/grids/l/aa_gridsorder.htm
栅格就是你对页面版式的规划
你日常所见的许多页面都有栅格存在。你可能注意不到,但它确实存在,并且支撑着设计内容,建立整体的架构,引导着页面的元素。
栅格是隐形的架构,用于指导你页面
英文原文:http://desktoppub.about.com/od/grids/l/aa_gridsorder.htm
栅格就是你对页面版式的规划
你日常所见的许多页面都有栅格存在。你可能注意不到,但它确实存在,并且支撑着设计内容,建立整体的架构,引导着页面的元素。
栅格是隐形的架构,用于指导你页面上各种元素的放置。栅格不会在印刷成品上出现,但却影响巨大,它控制着文本栏的宽度、照片周围空白的一致、杂志上每页重复出现元素的固定位置。栅格是一系列的辅助线,决定着印刷品的边距,页面元素(大标题、正文、照片等)之间的间距,让你知道如何在空白的页面上放置它们。
在决定是否使用或怎样使用栅格之前,你应该了解栅格的一些基础知识以及创建方法。虽然在印刷成品中看不到栅格,但在构建页面的过程中你还是需要能看见它。
在你的页面版式中可能会设置有“Margin”(页边距)。在屏幕上这些边线可能会显示为浅色的实线或虚线。上、下、左、右的边线在你的页面中部形成了一个盒子。你将以此为基点,建立单元格。通过把页面均分为几个等份,来创建多个单元格。你可以创建可见的网格来辅助页面排版:你的页面排版软件有辅助线的功能,或者你可以在非打印层绘制边线或方块。通常你可以从页面旁的标尺上“拖拽”出一条辅助线,然后放置在需要的地方。
栅格与边距边距决定页面的外部边界。它们象一个画框一样包围着你的页面内容。四周边距不一定是均等的,但在(同一个出版物内)每一页之间或每一版之间边距通常是保持一致的。在大部分程序中,你在设置页面格式(尺寸规格)的时候就可以设置页边距。在某些程序中,你甚至可以“实时的”在屏幕上拖动边线来调整边距。 栅格与栏空
当你将页面的内部空间(版心)分割为几个均等部分后,每个单元之间的白空间就称为"Alley" (栏空)。栏空的方向是水平的、垂直的、或是两个方向兼有,取决于你的栅格设置。在某些设计软件中,也称之为白空间或文本栏的"gutter"(内边距)。 栅格与内边距
两页或两版展开时,内部的边距就称为"gutter"(内边距),即中缝两边的边距。在某些排版软件中,两个文本栏之间的间隙也叫做"gutter"。 栅格单元
栅格单元是你在页面上放置文本和图片的基本坐标。它决定的是“放置”而非“尺寸”。就是说,假如你有一幅比栅格单元大的图片,你一样可以使用它。你可以用栅格单元来帮助你缩放图片尺寸,缩放匹配1、2、3或更多个栅格单元大小,然后将它放置在页面上。 栅格提供了视觉上的条理性
栅格有着不同的应用,但并非适用于任何设计、任何人。杂志和简报之类的出版物几乎都离不开栅格。栅格增添了页面之间的一种连贯性,并且大大加速了设计的进程,设计师不需要每一页都“从草图开始”规划版式和设计。
在一系列独立而有关联的印刷品(如系列海报,或是为某个广告活动或某产品线设计的一系列传单)中,一个共同的栅格有助于统一这系列独立印刷品的整体形象。
在一件印刷品中往往有多个独立元素(本文块、大标题,照片,图表),栅格会帮助你把这些页面元素组织得井井有条。
相关文章
今天的文章,我们将分享15个可以学习编程的网站,这些网站上提供了很多编程教程,图书以及编程练习,希望对你有用2024-11-02- 这篇文章主要介绍了web开发中的长度单位主要包括px,pt,em等,需要的朋友可以参考下2023-08-06
- px单位是绝对单位,一般用于pc端网页开发,因为是绝对单位所以在移动端上的使用体验并不是很好,rem它是描述相对于当前根元素字体尺寸,是相对单位,它可以根据根元素的变换而2023-08-06
WEB前端优化必备js/css压缩工具YUI-compressor详解与集成用法
压缩工具层次不穷,各有优点,选择适合的压缩工具为将来做项目开发使用是一件很重要的事情!!在这介绍YUI-compressor,需要的朋友可以参考下2023-06-21- 浏览器是多进程的,有浏览器主进程,网络进程,渲染进程,插件进程等,在将html,css,javascript解析成一个页面的时候,就需要多个进程的分工合作2023-05-01
- 本文为大家整理了常用的文件对应的MIME类型,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2022-04-25
postman中form-data、x-www-form-urlencoded、raw、binary的区别介绍
这篇文章介绍了postman中form-data、x-www-form-urlencoded、raw、binary的区别,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2021-12-28- 国际组织制定了可以容纳世界上所有文字和符号的字符编码方案,称为Unicode,是通用字符集Universal Character Set的缩写,用以满足跨语言、跨平台进行文本转换、处理的要求2021-11-27
- 这篇文章主要介绍了前端实现字符串GBK与GB2312的编解码(小结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2020-12-02
这篇文章主要介绍了告别硬编码让你的前端表格自动计算,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-09-27




最新评论