【一篇文章一本书】《版式设计》——设计中文字和图片的位置关系

专栏系列介绍:本专栏是一篇文章一本书,目标是完成100本书吧~

本书概要:《版式设计》这本书是国际平面设计基础课程系列中的一本,这本书主要介绍了关于版式设计的概念和版式设计的应用。

目录:

概念

版式和排版

黄金分割(一种美的准则)

网格(用来编排设计要素的一种工具)

应用一些版式设计方法

书本上不同部分的版式应用

不同媒体上的版式应用

音频:

《版式设计》-01-介绍-上.m4a00:0001:22未加入话题

《版式设计》-01-介绍-下.m4a00:0000:33未加入话题

《版式设计》-02-第一部分.m4a00:0009:28未加入话题

《版式设计》-03-第二部分.m4a00:0009:36未加入话题

你会想要快速系统地了解版式设计及是什么吗?版式设计如何做的吗?

这篇文章会将这本书——《版式设计》的全部重点内容包括。

根据这本书的内容也会分成两大部分,第一部分是关于版式的一些概念,帮助我们理解版式是什么?第二部分是关于版式的应用,介绍了版式设计的设计方法和版式设计用在哪些地方。

第一部分:这个部分是关于版式的概念?会从三个方面去介绍:版式和排版(是什么)黄金分割(一种美的准则)网格(一种用来排版的工具)

版式和排版(是什么?)

版式就是一个页面上内容信息(设计要素)的排版形式,而排版(版式设计)就是指根据美的准则,把这些内容信息(设计要素)合理地排版进页面空间。那么版式设计(排版)的目的是什么呢?

版式设计(排版)的目的是可以将复杂的信息编排得十分合理,以便于读者能够轻松地获取所有信息,达到与内容的充分交流。

黄金分割(一种美的准则)

前面说到排版(版式设计)是指根据美的准则,把内容信息(设计元素)合理地排版进页面空间。而黄金分割就是其中一种美的准则。

将一条线段以8:13的比例进行分割,那么较短线段与较长线段的比值等于较长线段与整条线段的比值。

观赏具有黄金比例的物体可以愉悦观者的眼睛。自然界中的事物往往都具有黄金比例,例如花瓣的图案、蜂房的构造以及一些贝壳的造型。

斐波那契数列是一个整数数列,其中每个数值等于前面两个数值之和,斐波那契数列之所以重要,是因为它与8:13的比例(黄金比例)相关。由于其比例和谐,这些数列也被用于设计字体尺寸和正文编排。

网格(一种用来排版的工具)

那么黄金分割是排版(版式设计)依据的一种美的准则,而网格就是一种用来排版(版式设计)设计要素的一种工具了。它的目的是帮助设计师做出最终的设计决策。

网格是一种考虑更周详的工具,可用来更精确地编排页面上的元素,保证页面空间比例的准确性。

这部分介绍了网格的分类、建立网格需要注意的点、无网格设计三个小部分。

网格的分类(网格可以分成):对称式网格、非对称式网格。

对称式网格的左页相当于右页的复制品。

那么如何建立一个对称式网格呢?

对称式网格有以下几种:两栏对称式网格、单栏网格、双栏网格、五栏网格

单栏网格

双栏网格

五栏网格

对称式网格应用

非对称式网格一般适用于设计散页,它的左页和右页采用了同一编排方式。

非对称式网格可分成:非对称式栏状网格、非对称式单元格

非对称式网格的应用

建立网格需要注意的点:基线网格和交叉对齐。

网格可以经过不同的变化分割,版式设计(排版)可以依据它做到多种不同的版式。网格既可以使设计的整体风格一致,又可以使其灵活多变,它可以指导文字或图片的编排,而不是限制其编排。

其中基线网格可以为编排设计要素提供一个基准,如下图红线

而交叉对齐是指不同层级的文字如正文、主题和标题,在同一网格中对齐,并且相互联系的一种对齐方式。

交叉对齐案例

这就是建立网格需要注意的点中的基线网格和交叉对齐。

网格(一种用来排版的工具)这部分除了介绍了网格的分类、建立网格需要注意的点以外,还有无网格设计这个小部分。

无网格设计就是放弃网格,尽管放弃网格可以使设计师产生更多的设计创意并拥有更大的发挥空间,但是,其潜意识中也仍然要有一定的准则指导其进行设计或帮助其做出正确的设计决策,在这种情况下,结构依然存在,只不过不是以网格产生的。

无网格设计案例

第二部分:这个部分是是关于版式的应用,介绍了版式设计的设计方法和版式设计用在哪些地方?会从三个方面去介绍版式的应用:版式设计步骤一些版式设计方法不同媒体上的版式应用

版式设计步骤———页面上的设计要素、编排、控制节奏。

要了解版式设计步骤,首先要了解页面上的设计要素,而文字和图片是设计中最主要的设计要素。

文字部分需要了解分栏,分栏用来给文字垂直划分空间。

分栏

分栏应用

图片部分,在页面上做好分栏加上文字之后可以加上图片,在设计中可以灵活应用图片,可以用出血图、裱图框形式来编排图片。

在文字和图片都编排到页面上之后,将文字做好对齐。对齐方式有基础的六种:上对齐、下对齐、左对齐、右对齐、居中对齐、两端对齐。

在文字编排中还会遇到字体层级,字体层级是针对文字的一种有逻辑、有组织的视觉导引体系。通过修改字体的大小和风格来区分不同文字信息的重要性。

在对图片编排中可以通过裱图框和并置来表现图片,裱图框主要是指一些设计元素或图片周围的空白边缘。

而并置是使图片之间形成对比的特殊图片编排方式,以区分它们之间的关系,暗示了这两个东西基本相同或完全不同,暗示一种感受。

在对文字和图片编排时候,需要注意切入点、导向、页面区分,切入点是指引我们从何处开始阅读的视觉助手。

也就我们开始阅读时一般的阅读顺序,我们一般会从左上角开始阅读,视线一般会如下图所示。

而导向是指设计要素的编排方向,特别是文字和图片的编排方向。读者一般是从左到右阅读文字或观看图片,而运用一些特殊的设计导向可以改变读者的阅读方式。导向的主要类型有水平导向、垂直导向、斜线导向三种。

页面区分是指将页面分割区分成两部分,分成水平区分和垂直区分,通常垂直区分可以引导读者停顿,水平区分则能引导读者翻页。

关于版式设计步骤的最后一点就是控制节奏了,节奏就是指我们阅读页面时候的节奏,有些段落读起来节奏很快,而有些段落则需要更多的思考去慢节奏读。

图标或者色块可以作为视觉上的停顿,使读者停下来。大字号的文本读者更倾向于来浏览,小字号的文本读者更倾向于阅读。

一些版式设计方法———拆分书、风格借用、拼接、不同的装订、无结构。

了解了版式设计步骤,接下来是一些版式设计方法。

拆分书是将一本书拆分了,一本书或许可以理解为是集合了相关内容、格式统一的页面。可以通过前面的版式设计的步骤,来拆分这本书上的设计元素、网格、分栏、对齐、字体层级、导向、节奏等设计特点。

风格借用是指通过模仿一些设计的特点,即前面说的拆分书的各个设计特点来达到“借用”的目的。

除此之外,拼接、不同的装订、无结构也是一些有特点的设计技巧。

拼接是指将不同的元素进行结合,产生超现实的感觉。

不同的装订是指根据不同规格和要求,采用不同的加工方法(打孔装订、骑马订、钢圈装订)。

无结构是指重构一些基本的版式设计原则来设计无结构版式。

不同媒体上的版式应用———杂志、宣传册、网站、移动图像、包装

之前一般的版式设计实例都存在于杂志与宣传册中。

网络媒体到来引发了从纸张页面到屏幕的转变,如网站之类的,当然还有我们现在的手机屏幕(本书中暂时没说手机屏幕)。

移动图像包括了电视、电影和在线体验。

包装设计为设计师提供了三维设计的平台。

《版式设计》这本书是国际平面设计基础课程系列中的一本,这个系列一共有八本书,后续会持续完成这一系列。那么,这一期就到这里了,我们下期再见吧!

【一篇文章一本书】《色彩设计》——不同波长形成的视觉感受

注:文章内容为《国际平面设计基础教程》系列之《版式设计》读书分享,部分内容为引用,《版式设计》 加文.安布罗斯 保罗.哈里斯/编著,中国青年出版社出版,部分图片来源网络,如侵权删除

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

推荐阅读更多精彩内容

  • 1 基础知识点 1.1 版式设计的应用场景: 版式设计一般可分为印刷品和互联网产品(移动应用、web界面、硬件设备...
    dddt01阅读 8,032评论 1 27
  • 1.版式平衡 版式平衡的三种分类,第一种是对称平衡,第二种是非对称平衡,第三种是整体平衡。制造平衡的五种方法,第一...
    葡萄紫耶阅读 1,333评论 0 1
  • 是否你总觉得你做的图,你设计的作品哪里有点奇怪?最可能的原因是你的版式设计上出了比较大的问题,在我从业生涯里,版式...
    大宝频道阅读 1,528评论 2 27
  • ![Flask](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAW...
    极客学院Wiki阅读 7,240评论 0 3
  • 不知不觉易趣客已经在路上走了快一年了,感觉也该让更多朋友认识知道易趣客,所以就谢了这篇简介,已做创业记事。 易趣客...
    Physher阅读 3,413评论 1 2