栅格:一以贯之
作者：snlchina 来源：蓝色理想 发布时间：2008-07-22 12:19:00
标签：栅格,视觉,设计
上文：栅格:从混乱到秩序
Jacci Howard Bear 的英文原文：
http://desktoppub.about.com/od/grids/l/aa_gridsunity.htm
人往往喜欢有条理的视觉信息
简报、杂志、宣传册、年报、以及书籍等通常包含诸多视觉元素：分栏文本、大标题、照片、插图、引文等等。栅格会帮助设计师在文档中建立页面之间的一致性。 读者会期待页码出现在每一页上的相同位置。一篇文章中的全部文字，即便它覆盖于多个页面，也一样有一致的外观，例如说相同的栏宽，这样可以提升可读性。同样的，读者还往往会期待边栏，说明性的文字，以及其他重复出现的元素出现在页面上的相同位置。
在一个多页文档的全部页面中使用一致的栅格，让设计师更易于提供读者们通常会期待的一致性外观。一个精心设置的栅格系统同样可以引入变化，而不会牺牲可读性和一致性。它同样会加快排版的进程，因为在放置各页面元素的时候，你不必再小心翼翼的“试探”以及“回头看看前面是怎样做的”。
下面的页面范例，显示了如何在一个7列的垂直栅格中进行一份新闻简报的图文混排。注意图一和图二有着一致的版式（但是左右反转了）。文本栏占两个单元格宽度。一个单元格有更多的栏空，用于把正文和边栏分隔开来。页3（图二中的右页）的版式和前面两页好像没多少共同点，但假如你看看隐藏在页面背后的栅格系统（图三），你会看到这三页采用的都是同一个栅格系统。
图 1: 左边是7单元栅格的简报
图二：7单元栅格的对开页简报
图三: 隐藏于这两个对开页简报之下的7单元栅格
0
投稿猜你喜欢
这学期在学python，感觉想写一个东西来巩固自己的基础，因为大二的时候我看过python，所以还是一共花了几个小时写了一个基于mysql的- （一）Git的安装和配置1.下载git，git的官网是：https://git-scm.com/1.1右下角点击安装，安装过程一直下一步。1
- PS:下面是转过来的，用于记录下，这个不是正则的初衷，只是用了REGEXP而已，正则的更灵活更方便 将comment表中的author_ur
- 前言需要从数据库检索某些符合要求的数据，我们很容易写出 Select A B C FROM T WHERE ID = XX 这样
- GUI编程之 Pack、Place、Grid的区别本文讲述如何使用 tkinter 的布局管理 (被称作 layout managers 或
- 八月的UCDChina书友会主题是“信息分类和方法”，在会场中的内容是不足以简单的概述的，而这次交流至少对于分类、属性、关键词与Tag的定义
- python是很容易上手的编程语言，但是有些时候使用python编写的程序并不能保证其运行速度（例如：while 和 for），这个时候我们
- 在一个规范化的研发流程中，一般遵循如下流程：开发阶段：研发功能或者修复bug，在本地自测。代码审核阶段：提交代码，并请求团队内人员做code
- 1. Single array iteration>>> a = np.arange(6).reshape(2,3)>
- 废话不多说了直接给大家贴代码了。代码如下：<script language="JavaScript"><
- HTTPS简介HTTPS(Hyper Text Transfer Protocol Secure)，是一种基于SSL/TLS的HTTP，所有
- 我们自己鼓捣mysql时，总免不了会遇到这个问题：插入中文字符出现乱码，虽然这是运维先给配好的环境，但是在自己机子上玩的时候咧，
- 以下是引用片段：Function c2u(myText) Dim i c2u = "" For i = 1 to Len
- SQL Server中加密是层级的，每一个上层为下提供保护。如图：实例：/** SMK(Service Master Key)在SQL Se
- 1、事件概述在MySQL 5.1中新增了一个特色功能事件调度器（Event Scheduler），简称事件。它可以作为定时任务调度器，取代部
- 在Python2中datetime对象没有timestamp方法，不能很方便的生成epoch，现有方法没有处理很容易导致错误。关于Epoch
- 对Python中列表和数组的赋值,浅拷贝和深拷贝的实例讲解列表赋值：>>> a = [1, 2, 3]>>&g
- 刚接触python不久，编程也是三脚猫，所以对常用的这几个工具还没有一个好的使用习惯，毕竟程序语言是头顺毛驴。所以最近在工作中使用的时候在使
- 什么是WaitGroupsWaitGroups是同步你的goroutines的一种有效方式。想象一下，你和你的家人一起驾车旅行。你的父亲在一
- 如下所示：# -*- coding: utf-8 -*-"""------------------------
