栅格:灵活应变
作者：snlchina 来源：蓝色理想 发布时间：2008-07-22 12:22:00
上文：栅格:一以贯之
Jacci Howard Bear 的英文原文：
http://desktoppub.about.com/od/grids/l/aa_gridsflex.htm
基于内容选择栅格，或是基于栅格调整内容
正确使用栅格给设计师带来的是灵活性，而不是一成不变。正确的栅格还有助于内容的组织，让观众/读者更容易理解内容。
栅格本身是没有对错的，其实简单的栅格更适合于不同的内容和设计目的。当然，如果你只是盯着一张白纸和标题发呆，那栅格也帮不了你。下面几点可以作为思考的起点，帮助你筹划你的栅格和设计。
内容或页面元素
该出版物主要以文字还是图片为主？是否包含大量的标题、分隔线、插图和引文？文本
观察文本的数量及其形态——是很长的文章，还是很多篇短文，或是长短混杂。有多少小标题？你会不会采用诸如页眉、水平线、首字下沉之类的视觉引导？图片与插图
插图的类型或图片的尺寸是否存在相似点？图片能否按尺寸或类型来分组？是否有大量的矩形元素或是众多不规则形态的元素？复杂度
通常来说，栅格单元数量越大，单元格就越小，设计的可能性也就会越多。然而，过多的可能性可能会破坏栅格设计所提供的那种微妙的统一性。
那么，哪种栅格最适合呢？这里是一些指导方针（记住，我说的是指导方针，不是金科玉律）。
一份包含很多图片的简报、宣传册或是杂志通常需要包含许多小单元格的栅格，这样可以为图片的放置和缩放提供更多可能性。
简报通常包含许多文本，因此常使用一种分栏式的栅格。
1、2、3栏的栅格很常见。每一栏都可以容纳大量的文本，特别是长篇的文章。
4栏或更多的分栏为包含文字、照片和其他图形元素及长短不同的文章的出版物提供了更强大的灵活性。
基于偶数的栅格可能会遭遇过于对称的困扰，假如文本和图形总是占据1-2个单元格的话。
简报不应该受缚于栏框式的栅格。一份简报包含了众多短文，以及“新闻提要”和照片，采用一套6(2x3)、 9(3x3)或是12(3x4)矩形或方形单元格的网格系统会很方便。
0
投稿猜你喜欢
- 问题出现在当时后台数据会返回到data中但是没有出现下拉菜单，查询资料 发现 Vue的this理解有误jsp 下拉菜单 <select
- interfaceGo语言里面设计最精妙的应该算interface，它让面向对象，内容组织实现非常的方便，当你看完这一章，你就会被inter
- 这篇论坛文章（赛迪网技术社区）主要介绍了配置一个高可用性的MySQL服务器负载均衡群集的具体过程，详细内容请参考下文：本文将告诉你如何配置一
- 预编译语句预编译语句是一种用于执行参数化SQL查询的技术，它可以提高性能并减少SQL注入的风险。预编译语句主要有以下优势：避免SQL注入攻击
- 刚看到吴磊同学的一些关于购物车的想法，正巧本人丁学对电子商务这方面比较熟悉，跳出来献丑了，希望对一些同行有些用处。本来想回复到下面的，结果发
需求描述数据库中 num字段值为：实现的效果：需要将一行数据变成多行实现的sqlSELECT SUBSTRING_INDEX(SUBSTRI- 假设有一名为"addnewuser"的存储过程，其内容如下：Create PROCEDURE dbo
- tensorflow支持14种不同的类型，主要包括：实数：tf.float32 tf.float64整数：tf.int8 tf.int16
- 本文实例讲述了Python可变和不可变、类的私有属性。分享给大家供大家参考，具体如下：可变和不可变items = []print(id(li
- 1 跳出循环-breakpython提供了一种方便快捷的跳出循环的方法-break，示例如下，计算未知数字个数的总和：if __name__
- 以前的Dreamweaver中是没有图片处理功能的，即使你要处理也只能使用CSS中的相关滤镜进行一些效
- 本文实例为大家解析了vue中track-by的属性，供大家参考，具体内容如下api：http://cn.vuejs.org/guide/li
- 有些项目可能涉及到使用多个数据库的情况，方法很简单。1.在settings中设定DATABASE比如要使用两个数据库：DATABASES =
- 在训练循环中，定期调用 saver.save() 方法，向文件夹中写入包含了当前模型中所有可训练变量的 checkpoint 文件。save
- 问题你想将一个多层嵌套的序列展开成一个单层列表解决方案可以写一个包含 yield from 语句的递归生成器来轻松解决这个问题。比如：fro
- //获取元素的样式值。 function getStyle(elem,name){ if(elem.style[name]){ return
- 1、首先要配好vs开发工程注意版本；我这使用32位的python那么我vs工程这边也选择32位的编译环境去配置注意点；需要将python安装
- 前言最近在学习python-igraph，发现其实学习一种全新的语言看官方的文档是真的很有帮助，这次我的大部分python代码的完成都是靠着
- 实现原理 把所有需要延时加载的图片改成如下的格式：<img lazy_src="图片路径" border
- return 语句就是讲结果返回到调用的地方，并把程序的控制权一起返回程序运行到所遇到的第一个return即返回（退出def块），不会再运行
