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

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

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

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

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

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

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

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

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

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

时间: 2024-10-03 11:29:53

栅格就是你对页面版式的规划的相关文章

同一篇WPS文档设置多种页面版式的技巧

平时打文件会遇到在同一文档中使用不同的页面版式的问题,比如:一个纵向为主的文档中需在插几张横向的表格. 解决这个问题的一个最笨的办法就是分别建立两个文档,分别处理不同纸张设置的部分,然后再把两份材料打印后合二为一.这虽然简单,却增加了后期难度,因为我们要把文件的顺序理好,页数多的话难免不费点功夫. 其实要解决这个问题很简单,因为在金山文字2005中允许同一文档中使用不同的纸张设置(包括纸型.页边距.方向等),既然如些我们来看一下它是如何做到的. 首先将光标移动到要使用不同纸张设置的分界处,然后在

Div+CSS布局入门教程(一) -- 页面布局与规划

css|规划|教程|入门教程|页面 一.页面布局与规划 好久没有认真写点东西了,想起最近这些时间经常有朋友问到我有关于DIV+CSS布局的问题,其实归根结底还是由于没有入门造成的.那么接下来的这篇文章就带领大家入门吧... 在网页制作中,有许多的术语,例如:CSS.HTML.DHTML.XHTML等等.在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础.下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧. 所有的设计第

实例详解DIV+CSS布局入门之页面布局与规划

css|规划|详解|页面 好久没有认真写点东西了,想起最近这些时间经常有朋友问到我有关于DIV+CSS布局的问题,其实归根结底还是由于没有入门造成的.那么接下来的这篇文章就带领大家入门吧... 在网页制作中,有许多的术语,例如:CSS.HTML.DHTML.XHTML等等.在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础.下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧. 所有的设计第一步就是构思,构思好了,一般来

WPS2016不同页面版式如何调整

  1.打开需要编辑的WPS文档,然后点击"插入"→分隔符,然后点击"下一页分页符" 2.接着点击工具栏的"页面布局",然后选择纸张方向,将其选择横向 3.这个时候返回文档就会现在文档的页面版式变成同时有纵向页面和横向页面啦.

建站经验:网站页面的均衡规划与选择

1.尺寸 a)800*600能照顾到所有网友的电脑,但相当是张"小报". b)1024*768渐成主流.1024*768能比800*600多出一栏的信息. c)正文页采用自适应设计,能在正文页做更多相关内容.首页也可以尝试自适应的设计.自适应设计的核心是要留出宽度伸缩自如的栏. d)在1024*76模式下,页面的长度不易超过10屏. e)随着电脑升级换代,分辨率提高,电脑屏幕能够提供的面积越来越大,这是一种难得的资源,要充分利用."小报"改"大报"

网站页面的均衡规划与选择

1.尺寸 a)800*600能照顾到所有网友的电脑,但相当是张"小报". b)1024*768渐成主流.1024*768能比800*600多出一栏的信息. c)正文页采用自适应设计,能在正文页做更多相关内容.首页也可以尝试自适应的设计.自适应设计的核心是要留出宽度伸缩自如的栏. d)在1024*76模式下,页面的长度不易超过10屏. e)随着电脑升级换代,分辨率提高,电脑屏幕能够提供的面积越来越大,这是一种难得的资源,要充分利用."小报"改"大报"

设计网站从栅格做起

你日常所见的许多页面都有栅格存在.你可能注意不到,但它确实存在,并且支撑着设计内容,建立整体的架构,引导着页面的元素. 栅格是隐形的架构,用于指导你页面上各种元素的放置.栅格不会在印刷成品上出现,但却影响巨大,它控制着文本栏的宽度.照片周围空白的一致.杂志上每页重复出现元素的固定位置.栅格是一系列的辅助线,决定着印刷品的边距,页面元素(大标题.正文.照片等)之间的间距,让你知道如何在空白的页面上放置它们. 在决定是否使用或怎样使用栅格之前,你应该了解栅格的一些基础知识以及创建方法.虽然在印刷成品

网站版面排版设计:版式设计的原则和方法

网页制作Webjx文章简介:网页版式设计的心得与方法. 掌握必要的方法 设计的时候,如果设计者随意地进行处理而不考虑当中的原则方法及对象规律的话,那么很多时候都会出现一些不太好的结果.虽然感性是一种相当重要的因素,设计中一定要带有情感,但并不代表简单地依靠情感就能做出好的设计.相反,如果设计的时候能够考虑到各方面的因素并运用恰当的方法的话,那么作品将更加得体和出色.在网页设计中,版式设计占的比重非常大,可以说版式的好坏直接决定页面的成败,也可以说它是网页视觉识别的基础.那么在具体视觉设计的时候,

版式设计有哪些原则和方法?

  在网页设计中,版式设计占的比重非常大,可以说版式的好坏直接决定页面的成败,也可以说它是网页视觉识别的基础.那么在具体视觉设计的时候,版式上有哪些原则及方法的? DJ:设计的时候,如果设计者随意地进行处理而不考虑当中的原则方法及对象规律的话,那么很多时候都会出现一些不太好的结果.虽然感性是一种相当重要的因素,设计中一定要带有情感,但并不代表简单地依靠情感就能做出好的设计.相反,如果设计的时候能够考虑到各方面的因素并运用恰当的方法的话,那么作品将更加得体和出色. 建立网格 为设计对象建立一个合适