栅格:一以贯之
作者: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 将dicom图片转换成jpg图片的实例
2023-08-24 11:12:27
深入理解JavaScript作用域和作用域链
2024-04-10 13:54:17
MySQL数据库定时备份的实现方法
2024-01-23 19:38:42
Python数据类型最全知识总结
2022-01-13 14:18:48
实用又漂亮的BootstrapValidator表单验证插件
2024-05-09 10:39:52
Python实现批量检测HTTP服务的状态
2023-02-21 12:50:55
几个你不知道的技巧助你写出更优雅的vue.js代码
2024-05-13 09:14:39
Go实现分布式系统高可用限流器实战
2024-02-18 14:40:10
python正则表达式常见的知识点汇总
2023-10-02 18:56:21
go语言实现简易比特币系统钱包的原理解析
2024-05-22 10:12:02
如何利用Fiddler模拟恶劣网络环境
2022-04-12 02:22:51
python+mysql实现个人论文管理系统
2024-01-25 02:00:25
MySql like模糊查询通配符使用详细介绍
2024-01-24 12:25:03
微信小程序之多文件下载的简单封装示例
2023-10-19 21:10:06
python中对开区间和闭区间的理解
2022-02-09 17:47:29
15款非常有用的前端开发CSS网格(grid system)生成器
2009-07-06 13:02:00
用 Django 开发一个 Python Web API的方法步骤
2021-05-24 02:36:11
Python实现Keras搭建神经网络训练分类模型教程
2023-08-06 12:33:03
Python安装及Pycharm安装使用教程图解
2023-08-01 05:38:06
Mysql join连接查询的语法与示例
2024-01-15 07:34:48