第一句子大全,网罗天下好句子,好文章尽在本站!

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

时间:2016-05-30

目录:音频:版式设计01介绍上 m4a00:0001:22未加入话题版式设计01介绍下 m4a00:0000:33未加入话题版式设计02第一部分 m4a00:0009:28未加入话题版式设计0

友情提示:本文共有 3075 个字,阅读大概需要 7 分钟。

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

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

目录:

音频:

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

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

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

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

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

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

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

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

版式和排版(是什么?)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

单栏网格

双栏网格

五栏网格

对称式网格应用

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

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

非对称式网格的应用

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

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

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

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

交叉对齐案例

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

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

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

无网格设计案例

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

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

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

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

分栏

分栏应用

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

本文如果对你有帮助,请点赞收藏《「一篇文章一本书」《版式设计》——设计中文字和图片的位置关系》,同时在此感谢原作者。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。
相关阅读
EMUI9.0“花式备忘录”功能来了 文字/语音/图片都支持!

EMUI9.0“花式备忘录”功能来了 文字/语音/图片都支持!

...滑动开启【速记】:可以根据自己的使用习惯调整【入口位置】,选择从屏幕左侧/右侧滑动打开备忘录,补充一句,右滑打开备忘录后是可以上下拖动的,不是固定在一个位置的。设置完成!以后只要你临时约了朋友还是客户...

2012-06-11 #经典句子

跟着名师学语文:语言文字应用中有哪些常见的病句类型?

跟着名师学语文:语言文字应用中有哪些常见的病句类型?

...)”应放在“议论”之前。5.关联词位置不当例7、要是一篇文章的观点是错误的,文字即使很不错,也不是好文章。分析:属关联词语的位置(语序)不当,两个分句为同一主语时,关联词语应放在主语之后;主语不同时,关联词语...

2023-01-23 #经典句子

作文集封面图片设计 小学生作文集怎么制作?

作文集封面图片设计 小学生作文集怎么制作?

...一个有趣的自我介绍。◆前言/序言/卷首语一般放在开篇位置,目录以前,作者简介以后。前言,主要是作者写自己习作的感受,编作文集的体会,介绍作文集的特色。前言可以改成序言,既可以自序,谈自己习作的经验或编作...

2010-12-13 #经典句子

怎么提取图片中的文字?值得收藏的几款免费在线识别图片文字工具

怎么提取图片中的文字?值得收藏的几款免费在线识别图片文字工具

...用这个插件来看,是不是很爽呀。图片文字识别总结:这篇文章是值得收藏的,以上5个识别图片文字工具和方法都是在线免费的,不用下载软件,也是我千辛万苦总结收集的,要提取或识别图片上的要求一直是比较变态的要求...

2019-01-03 #经典句子

小学语文教学设计方案的撰写方法

小学语文教学设计方案的撰写方法

...的基础。写好小学语文教学设计有一定的模式,以下是一篇文章的教学设计模式。一、教材内容分析要认真研读教材内容,对教材进行理论性分析。教材的地位与作用。(1)教材的地理位置。(教材版本、学段、单元中的位置...

2019-07-22 #经典句子

韩式短卷发发型图片2017女 显脸小让你美炸天!

韩式短卷发发型图片2017女 显脸小让你美炸天!

...发美发达人自个就好爱这一款韩式短卷发,像这样在发尾位置烫出一个大大的C字内扣,时髦又显可爱范儿,与中分卷刘海搭配还蛮吸睛的。韩式蛋卷头短发蛋卷头短发在韩国可以说是爆款,特别是这种自然黑发的蛋卷头,既时...

2017-02-17 #经典句子

必杀技!PPT封面 文字 图片排版一键轻松搞定 提高效率早下班

必杀技!PPT封面 文字 图片排版一键轻松搞定 提高效率早下班

...一个自己心仪的,然后简单修改一下文字的颜色、大小、位置,就轻松搞定啦(图2、图3)。【文字一键排版】1、选中文字段落,点击菜单栏“格式”,选择“SmartArt”,从中选择一个符合文字表达的样式(图4)。2、我们还可...

2011-07-20 #经典句子

只要掌握了文字 图片 音视频插入方法 三分钟就可做出ppt课件

只要掌握了文字 图片 音视频插入方法 三分钟就可做出ppt课件

...一次点击“保存”即会弹出“保存”对话框,选择好相应位置点击“保存”即可。3. 设置背景。如果对当前的背景颜色不满意,可以选择其内置的配色方案来进行调整,并可以修改其背景颜色。①执行“视图→任务窗格”命令,...

2017-08-16 #经典句子