资讯·论坛·笑话大全·QQ表情·设为首页
发新话题
打印

[综合类] 栅格就是你对页面版式的规划

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

你日常所见的许多页面都有栅格存在。你可能注意不到,但它确实存在,并且支撑着设计内容,建立整体的架构,引导着页面的元素。
3 L9 ^& E# G: E2 O我爱电脑技术社区--打造最好的电脑技术自学交流平台打造最好的电脑自学交流论坛# N2 R3 c4 W* f9 j% V
  栅格是隐形的架构,用于指导你页面上各种元素的放置。栅格不会在印刷成品上出现,但却影响巨大,它控制着文本栏的宽度、照片周围空白的一致、杂志上每页重复出现元素的固定位置。栅格是一系列的辅助线,决定着印刷品的边距,页面元素(大标题、正文、照片等)之间的间距,让你知道如何在空白的页面上放置它们。
3 R* ~1 V6 W/ gwww.520diannao.com0 j/ |: L; ^1 h% n
  在决定是否使用或怎样使用栅格之前,你应该了解栅格的一些基础知识以及创建方法。虽然在印刷成品中看不到栅格,但在构建页面的过程中你还是需要能看见它。 电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站3 ~' H- x0 W3 r; g7 f/ @

. R' V1 `) n( @0 z0 B" ]  在你的页面版式中可能会设置有“Margin”(页边距)。在屏幕上这些边线可能会显示为浅色的实线或虚线。上、下、左、右的边线在你的页面中部形成了一个盒子。你将以此为基点,建立单元格。通过把页面均分为几个等份,来创建多个单元格。你可以创建可见的网格来辅助页面排版:你的页面排版软件有辅助线的功能,或者你可以在非打印层绘制边线或方块。通常你可以从页面旁的标尺上“拖拽”出一条辅助线,然后放置在需要的地方。
0 @; D& |1 ?3 H1 W$ g0 m6 N我爱电脑技术论坛7 M9 {: b6 ~! a* |
   电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站+ \8 r- e$ d6 ]* t- Y
电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站+ d6 y; j8 d6 ~$ U8 p1 L, U
我爱电脑技术社区--打造最好的电脑技术自学交流平台3 I# F, \. Y: O& A  Q! T6 N4 F' W
8 N+ b2 ]$ p  M* o

4 Q& P3 S) d% d- G0 Q  栅格与边距
" z8 u; Y: e+ h$ V  P0 h电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站
; q: x4 k+ e# ~- Z; s% y# X7 q& i9 u5 @/ j打造最好的电脑自学交流论坛  边距决定页面的外部边界。它们象一个画框一样包围着你的页面内容。四周边距不一定是均等的,但在(同一个出版物内)每一页之间或每一版之间边距通常是保持一致的。在大部分程序中,你在设置页面格式(尺寸规格)的时候就可以设置页边距。在某些程序中,你甚至可以“实时的”在屏幕上拖动边线来调整边距。 我爱电脑技术论坛8 O+ h4 X" u9 `$ w

6 V; m* i7 [( U  ^* R电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站  栅格与栏空
8 I6 A+ \: x) y) r& [* n我爱电脑技术论坛
% l) z; {7 l6 b% T# n* i  V我爱电脑技术论坛  当你将页面的内部空间(版心)分割为几个均等部分后,每个单元之间的白空间就称为"Alley" (栏空)。栏空的方向是水平的、垂直的、或是两个方向兼有,取决于你的栅格设置。在某些设计软件中,也称之为白空间或文本栏的"gutter"(内边距)。
+ G5 r5 E" Y: g: q3 Q+ X0 c; }我爱电脑技术论坛
  d8 ~. h; d$ A2 |! m! k我爱电脑技术社区--打造最好的电脑技术自学交流平台  栅格与内边距 电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站8 E! I+ G  q% b# F

. i% c( |# t3 p4 ]4 b  两页或两版展开时,内部的边距就称为"gutter"(内边距),即中缝两边的边距。在某些排版软件中,两个文本栏之间的间隙也叫做"gutter"。
, ~9 U, N5 b! iwww.520diannao.com
& e# b1 Y* @4 \- x( V5 j电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站  栅格单元 www.520diannao.com; A3 o& _/ K  \/ w# X% c

8 q. N1 @/ _! l我爱电脑技术社区--打造最好的电脑技术自学交流平台  栅格单元是你在页面上放置文本和图片的基本坐标。它决定的是“放置”而非“尺寸”。就是说,假如你有一幅比栅格单元大的图片,你一样可以使用它。你可以用栅格单元来帮助你缩放图片尺寸,缩放匹配1、2、3或更多个栅格单元大小,然后将它放置在页面上。
; X: \9 _' m, y1 E1 Y, F' e0 \我爱电脑技术社区--打造最好的电脑技术自学交流平台
* b( t2 L0 w$ ?/ `, K8 y! ^( Uwww.520diannao.com  栅格提供了视觉上的条理性
. [5 z; z  A9 _1 _+ s+ l打造最好的电脑自学交流论坛www.520diannao.com* C( w; @' C7 Y7 R5 h3 v1 r3 G
  栅格有着不同的应用,但并非适用于任何设计、任何人。杂志和简报之类的出版物几乎都离不开栅格。栅格增添了页面之间的一种连贯性,并且大大加速了设计的进程,设计师不需要每一页都“从草图开始”规划版式和设计。
, z' y) G3 g( }0 M, Z我爱电脑技术论坛
) P$ G4 u* A% ^7 e+ y我爱电脑技术社区--打造最好的电脑技术自学交流平台  在一系列独立而有关联的印刷品(如系列海报,或是为某个广告活动或某产品线设计的一系列传单)中,一个共同的栅格有助于统一这系列独立印刷品的整体形象。 电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站1 X  v$ A$ v* V

( F$ ]1 n/ x1 o' F电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站  在一件印刷品中往往有多个独立元素(本文块、大标题,照片,图表),栅格会帮助你把这些页面元素组织得井井有条。

TOP

发新话题