栅格:灵活应变

作者: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
投稿

猜你喜欢

  • python有几个版本

    2021-09-12 00:44:30
  • 如何把IP表存到SQL数据库里去?

    2009-11-02 20:21:00
  • mybatis plus实体类中字段映射mysql中的json格式方式

    2024-01-22 16:11:37
  • Python数据分析pandas模块用法实例详解

    2023-01-25 00:47:29
  • Python中字符串切片详解

    2022-04-27 01:58:11
  • Python 实现PS滤镜中的径向模糊特效

    2023-11-04 19:48:49
  • CSS高级文字排版的实例

    2009-03-24 20:56:00
  • Sql Server中REPLACE函数的使用

    2024-01-25 10:48:51
  • JavaScript基于setTimeout实现计数的方法

    2024-04-16 09:49:53
  • Python3中FuzzyWuzzy库实例用法

    2022-01-30 18:49:49
  • windows支持哪个版本的python

    2023-05-15 08:42:16
  • JavaScript 编程引入命名空间

    2007-10-11 19:00:00
  • python3 queue多线程通信

    2022-09-20 08:41:05
  • SQL 外链接操作小结 inner join left join right join

    2008-03-12 11:56:00
  • uniapp组件uni-popup弹出层的使用

    2024-04-28 09:47:55
  • python队列通信:rabbitMQ的使用(实例讲解)

    2021-01-11 05:04:55
  • matplotlib绘制多个子图(subplot)的方法

    2023-01-17 08:27:45
  • Python 炫技操作之合并字典的七种方法

    2022-07-16 05:56:12
  • asp随机生成文件名的函数

    2009-02-11 13:41:00
  • vue以组件或者插件的形式实现throttle或者debounce

    2024-05-09 15:23:55
  • asp之家 网络编程 m.aspxhome.com