网格工具_一个理性的排版利器_菁鱼课堂推荐

平时在做排版设计的时候是不是经常遇到这种情况?

把画面的文字或元素左摆摆,右排排,方向键上下左右微调,眯眼看大效果,全凭感觉调了一两个钟头后,自己都麻木了,判断不了是好是坏,最后导出一张自己感觉貌似还可以的版本。其实,学习网格是可以完全改善这个问题的。

下面由菁鱼课堂(菁瑞优智)给大家讲解网格工具的使用。

页边距设置

在讲网格之前,我需要先提一提页边距的问题。很多人在设计版式时都忽略了页边距,页边距是对版面整体效果产生很大的影响。页边距太小,会给人很压迫,透不过气的感觉,页边距过大又会导致文本稀疏,阅读体验不完整的感受。


先看看几种常反的错误,

第一种,版心偏低,导致整体画面下沉,且有种要掉出画板的感觉

第二种,页边距设置不合理导致版心偏高,第一二种的页边距设置是一样的,所以这样的设置不大合理。


第三种,是最最常见的,尽管设置页边距合理,但过于均匀对称,会导致画面呆板,总觉得缺少了点什么。

第四种,这种设置是比较合适的,我们的阅读习惯是从左到右的,这样的设置比较舒服。右边间距比左边大1倍,下边的设置也是,比上边大一倍。不过需要说明,设置前不盲目,还是要先判断这样的设置是否符合自己的设计需求,这个适合一般文学出版物,杂志,海报之类。

8格网格用法

大家可以看到上面那个示例,把内容分为8个版块,这就是网格最基本的用法,叫做8格网格系统。


8格网格是最容易上手的,只需要通过对8种不同尺寸的图片和文字信息进行组合,就可以解决许多简单的问题,这时如果能再加上一点设计师的小小想象力,画面就已经很生动了。

8格网格一般已经满足了基本版式需求,上图中,有4种窄长的图和4种宽幅的图片,根据实际情况配合设计,随后唯一要注意的,就是设计选择图片和字体的能力了。


20格网格用法

20格网格系统给设计师排版更多的可能性,拓宽了思路。

排版是的终极目标,是信息整理和信息合理传达,一级,二级,三级,让阅读者有一种满意的视觉感受,而不是单纯的视觉冲击。


网格系统给我们一个科学的办法来留白,国画中留白讲究的是气韵、呼吸,而我们的版式中一样需要呼吸,上面的例子中,段落与段落之间大量的留白,却又有科学依据在背后支撑,虽然文字特别多,但是给人的感觉特别舒服。


当有了网格之后,设计师在排版之前会有意识挑选图片了,和按照比例需求进行裁切。


如果图片与图片的间隔是均匀的,那么无论是图大图小,都是有一种舒适感。读者的阅读是可以引导的。


如果把上面这几张版式抽象一下来看,其实就只有正方形和长方形,这样简洁利索的画面会有一种大气感。这里特别提醒,在图片过渡到下一张图或者下一段文本,中间可以加插一小句文字,不让视觉跳跃太突兀。


△ 其他20格网格系统使用案例

不管8格,20格,还是32格,没有高级或者基础之分,只有合不合适。选择符合设计需求的网格系统,提高设计效率才是我们的目的。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,029评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,395评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,570评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,535评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,650评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,850评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,006评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,747评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,207评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,536评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,683评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,342评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,964评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,772评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,004评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,401评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,566评论 2 349

推荐阅读更多精彩内容

  • 《书籍设计》[英]Andrew Haslam 1书籍的过去现状及未来 2图书出版 3书籍设计方法 4版式 5网格 ...
    奢米豆阅读 1,211评论 0 7
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,737评论 1 92
  • 禁戒是人不应该做的事。禁戒的必要性,出于善意进行的义工活动是否成了负担?是否未经过确认的信息就随意传播给他人,导致...
    裸熊兜Doris阅读 107评论 0 0
  • 佛不渡苦海之人, 因为人甘心在苦海沉沦。 如果有一天,我巧然翻身, 而你在罗盘上看的却真, 老阴少阳,老阳少阴, ...
    北山云阅读 556评论 0 0
  • 基础阅读,阅读的第一个层次,是青少年都具备的阅读能力。 基础阅读是青少年就应该拥有的能力,达到这个...
    玄奇阅读 431评论 0 0