画册印刷字号版式设计的构成要素

3.3书籍设计的“核心”——版式设计

书籍版式设计需针对书籍的开本大小和书稿的结构内涵,科学而艺术地将书稿的文本、插图、结构、层次整合与协调,通过对文字、图形、色彩的视觉编排和形式组构,满足读者阅读的流畅性与视觉的享受性。好的版式设计应体现出易读性、易识性、整体性、艺术性的基本要求,遵循基本的形美式法则,为读者创造愉悦的阅读空间。

3.3.1版式设计的构成要素

版式设计利用文字、图形、色彩元素的合理配置创造视觉空间,让版心、版面空白、字体形态、图表位置、图文排列等众多的视觉内容解构与重组,这一切都可视为具有生命形态的点、线、面元素,在版式格律中传递给读者书稿的内涵旨意。

(1)最具信息的构成要素——文字

1)版式中的字体选择

通常版式中的字体都采用规范的印刷体,并适用于标题、正文、注解等文字设计。设计者应针对不同类型的书籍要求选择不同的字体来传递信息。如端庄秀丽的宋体常用于书籍正文的大篇幅编排;沉稳厚重的黑体常用于书籍封面标题或正文中的标题、文字编排;娟秀挺拔的仿宋体常用于散文、诗歌、引文、幅标题的字体编排;挺秀端正的楷体广泛用于批注、古籍、通俗读物、学生课本等;书法字体体现的古拙风格常用于古籍书的标题设计或正文设计等。例如,《中国木版年画集成·杨家埠卷》内页版式所示,可以窥见标题字体与正文字体之间构架的版式效果,通过字体的对比、序列、行距产生和谐、引导的作用与表现力。

2)版式中的字号与字距调节

书籍版式设计中字体的字号、字距、行距有其自身的规范,但符合读者阅读习惯及版式美观是版式设计的重要法则。通常我们使用的字体字号用Point表示,按照人们的阅读视距30~50 cm来调节不同书籍使用的字号,国际标准5号字为10.5 P,1号字为21 P画册印刷字号,一般来讲书籍的标题多采用1~3号字,正文多采用5号字,注解说明等多使用6~8号字。字距与行距的变化会产生不同的视觉感受,形成不同的版式风格,针对读者对象不同、开本不同,可适度调整大小,以满足书籍的易读性。

版式设计中字体与字距的关系,可以看到清新多变的字距与行距处理更易产生现代排版美感,更能体现主题的内涵,在阅读的秩序中体会文字带来的力量。

在下面一组国外出版物的文字设计中,体现出字体元素随着字距、字号的大小以及色彩的调节,发挥出超越文字的图形魅力。

(2)最具表现的构成要素——图形

多样化、个性化的图形元素无疑为书籍版式设计丰富了视觉语汇,通常以插图、照片、图标、图表、符号等形式表现出来,合理运用这些图形元素对不可视语言进行可视化表达,使平面的版面呈现出生动的表情,让阅读品尝视觉盛宴,成为版式设计中重要的组成元素。

插图——以绘画、装饰方式表现的图像形式,是对版式设计中的文字信息的视觉诠释。

照片——以摄影手法记录、剪辑、创意的图像形式,是版式设计中最直观的视觉形式。

图表——以表格形式的数据视觉表现,具有精确的表现力。

符号——以简洁的凝聚意义的图标形式表现。

在下面一组国外插图设计中,不同的图形表现方式体现出书籍版式不同的风格,摄影图像的真实再现、漫画语言的幽默风趣、装饰图形的夸张表现,为版式设计注入了生命的活力。

(3)最感性的构成要素——色彩

最佳的配色方案能丰富版式结构层次,提升图文的主旨传达。在色彩元素的应用上要以色彩原理为基础,遵循色彩规律,把握色彩的色相、明度、纯度三属性的关系,从书籍的版面风格出发,力求色彩的感性传递,运用色彩的视知觉特性与性格特征,在色彩的对比与调和、联想与表现中释放彩度,准确把握色彩个性与版式内容的和谐性。“子木设计作品”充分体现色彩的注目性、简洁性、主体性、独特性,为书籍版面传达色彩的视觉美度,完美演绎不同的版式风格。

(4)页面空间最基本的要素——点、线、面

书籍内页结构示意图

国外出版物中的文字设计

《中国木版年画集成•杨家埠卷》内页设计

(设计:合和工作室)

国外出版物中的文字设计

国外插图设计

子木设计作品

大千世界的万物均可以点、线、面来归纳概括,巧妙运用点、线、面基本要素构建富有变化特色的全新版面。如一个字、一个符号、一个页码数、一张小图等,这些相对面积较小、规则或不规则的具象形或抽象形,均可视为一个点;一行文字、一行空白等线性具象形或抽象形,均可理解为一条线;而大的图片、数行文字、一块空白、色块等自然形或抽象形则可理解为面。点、线、面各自具有的性格特征为页面创造了灵动的版面效果。例如,《王受之讲述/产品的故事》内页设计中强调自由的版式布局,点、线、面的视觉元素在版面中的视觉组合,产生出强大的磁场,形成独特的版式风格。

《王受之讲述/产品的故事》内页设计 (设计:小马哥/橙子)

3.3.2 版式设计的编排类型

版式设计的编排有三种基本类型:以文字为主的版式、以图片为主的版式、图文并重的版式。但无论哪种版式,都应遵循以下原则:

①整体统一原则。围绕书籍的主题、风格、对象来构架版面的整体视觉形式。

②方便阅读原则。清新的版面形式,合理的图文组构,科学的视觉流程,便于导读者愉快阅读。

③鲜明个性原则。遵循书籍设计的基本原则和形式美原则,根据书籍内容、阅读对象等,创造鲜明个性的风格,引领潮流。

(1)以文字为主的版式

以文字为主的版式指文字占版面的大部分,而图形只能有很少量或没有的版式类型。此类版面设计重点应根据书籍内容设计排版骨架,灵活处理文字的通栏或双栏的形式。一般教育、科研、文学著作、学术期刊、工具书等常使用此类版式。遵循文字的可读性、创造性的设计原则,协调标题字与正文字的组合关系,充分利用文字的分栏、群化、分离、重叠、色彩组合方式增强版式的活力,引导读者关注正文的主体性,建立引导视觉流程的视线。

在“国外杂志版式设计”中是以文字为主的版式设计,秩序化的文字编排采用分栏方式增强版面文字的识别力,多栏分解后形成的文字群具有韵律、节奏之美,让机械的文字也富有生命气息。

(2)以图片为主的版式

以图片为主的版式是指图形占版面的大部分,而文字占版面的极少部分,甚至没有文字的版式类型。此类版面设计重点是把握书籍中图文的整体关系,注意版面的节奏。一般纪实文学、画册、儿童书籍、摄影类、艺术类等书籍常使用此类版式。遵循图形的吸住性、易读性、趣味性,通过 “方形图、退底图、出血图、自由图”四种图形类型使版面具有独特的视觉表现。以插图、照片、图标、图表、符号等图形语言牵动读者情绪,引入画面境域,体现出以图形为主的版式特色。

如《真相——慰安妇调查纪实》的版式设计生动展示出人物的特性,出血图的表现类型更增强了信息的视觉诉求力。

(3)图文并重的版式

在图形与文字的组合关系中应强化版面空间的经营,注重节奏疏密关系,注重相互呼应、相互依存。在版式整体原则下,采用图文对比、分割、混合等排列形式,协调文字的字体、色彩、群化、位置、大小以及图形的裁剪、表现、位置、色彩相互关系,渲染书籍的主题立意。

如从“日本书籍版式设计”可以看出这种图文并重的版式设计体现出新颖别致的多种表达方式,有别于图鉴式的编排,基于整体风格下严密的构图,体现出书籍概念设计的特点。

3.3.3版式设计的视觉流程

版面中的视觉流程是一种“视觉空间的流动线”,它是指由版面空间中的各视觉元素引导读者沿视线轨迹阅读的空间运动过程。不同的版式模式体现出不同的视觉流程导线,掌握版面编排设计的基本形式及视觉流程特点,建立流畅的页面空间的视觉传递。

(1)骨骼型版式——反复视觉流程

骨骼型版式是一种将版面中的各构成要素严格规范在骨骼比例中的分割形式。骨骼支撑起整个版式的各单元空间,按照图文的信息量进行合理的比例配置。常见的骨骼分栏类型有竖向分栏和横向分栏,版面常常给人以秩序、理性、和谐之美,形成反复连续的视觉流程线。这种骨骼分割型版式在期刊、宣传手册、画册中运用较多。

如“骨骼型版式”以相同或相似的视觉要素,作规律、节奏的逐次运动,产生了富于韵律美和秩序美的视觉流程导线。

(2)满版型版式——重心视觉流程

满版型版式是一种以图像充满整个版面的编排形式,在版式中的图形元素要有张力,文字融入图像之中,时尚杂志、画册、儿童读物较多地运用此类版式。这种版式以优势图形为主诉点,形象而直观,给人以强烈的视觉冲击力,形成重心型的视觉流程导线,可表现出向心、离心的视觉运动。视觉流程从版面重心开始,然后顺沿形象的方向与力度的倾向来发展视线的进程。

(3)分割型版式——直线单向视觉流程

分割型版式是一种将整个版面分成上下两个部分或者左右两个部分,包括上下分割型版式和左右分割型版式,分别配置图形、文字。分割型版式的图形部分因形、色而具动感活力,文字部分则显理性而静态,可形成上下或左右直线单向性导线的视觉流程,产生强烈而明快的主题效果。时尚杂志、画册、儿童读物较多地运用此类版式。如“分割型版式”为了达到版式上图文两个部分的视觉平衡,通过图片或文字来调节版面分割线的虚实关系。

(4)中轴型版式——直线双向视觉流程

中轴型版式是一种将图片和文字沿页面的中心轴线作水平或垂直方向排列的一种编排方式,因主体元素占据中轴位置而给人以强烈的瞩目率。“十”字的中轴型版式能给人产生平稳、平静之感,垂直视觉流程线流畅、舒适,形成了直线、横线的双向导线。中轴型版式给人稳重、理性之美,较适合诗歌、文学类著作、教材等页面编排。

(5)曲线型版式——“S”曲线视觉流程

曲线型版式是一种将图形与文字在页面上作曲线的分割编排,是产生节奏、韵律之美的版式类型,较适合图文并茂的书籍类型,体现出清新自然、流畅活泼的版式设计风格。一般曲线有“S”曲线和自由曲线两种形式,曲线型视觉流程导线是由视觉要素随弧线或回旋线运动而形成的,展示出柔美的曲线特点,显示出流畅的自然美。各视觉元素在曲线的视觉引导下,版式灵动活泼、风格独特。

(6)倾斜型版式——斜向视觉流程

倾斜型版式是指一种在版面中将图片或文字元素做一定角度的倾斜编排,引导读者的视线随之移动产生不稳定的、动荡不安的态势,形成斜向视觉流程。这种以一定指向的斜向性导线打破常态视角的版式风格,容易产生强大的磁场力吸住读者的眼球。

(7)对称型版式——多向视觉流程

对称型版式是一种以相同或相近的元素呈上下左右分布,使两方的元素处于等形等量的绝对对称式或异形等量的相似对称式结构态势,体现出视线从上到下、从左到右多向度的视觉流程,给人产生稳定、整齐而富有变化之感。在版面格式上寻求相似对称的构图,图文相对应的视觉效果营造视觉的平衡,体现出严谨、有序的特点,多向的视觉引导丰富了版面。

《 真相—— 慰安妇调查纪实》 内页设计 (设计:朱赢椿)

骨骼型版式

中轴型版式 (设计:朱赢椿)

对称型版式(设计:陈楠)

国外杂志版式设计

日本书籍版式设计

满版型版式

国外杂志版式设计

分割型版式

曲线型版式

倾斜型版式 (SLANTED杂志设计)

(8)焦点型版式——中心性导线

焦点型版式是一种通过对文字、图片的处理而形成视线的诱导,达到视觉心理的焦点,突出页面以中心、向心、离心三种常见导线形式的强烈视觉效果。页面焦点的突出可以通过对页面图文的构图、位置、色彩关系来调节。如《天虫》就是焦点型版式,形成以圆形为中心的视觉导线,产生强烈的瞩目率。

(9)三角型版式——指向视觉流程

三角型版式是一种将各视觉元素编排成三角形的形式。正三角形编排给人以稳定感;倒三角形编排则产生动感;侧三角形编排则给人一种均衡趋势,安定中又有动感。视线随三角形的指向移动,形成明显的指向视觉流程。

如“SLANTED杂志设计”,文字呈倒三角形排版,视觉流程在三角形的引导下产生明显的动势感。

(10) 自由型版式——散点视觉流程

自由型版式是一种相对自由无规律限制的编排形式,它通过对文字、图片的随意安排,做到形散而神不散,形成散点自由的视觉流程,使画面产生轻松、活泼的视觉感受。如《面子》,这种视觉流程随各视觉元素做或上或下、或左或右的自由移动,给人以明快、活泼、轻松的节奏感受。

(11) 并置型版式——反复视觉流程

并置型版式是一种将相同或不同图片作大小相同位置不同的秩序化重复排列,并置型的版面能将杂乱无章的图片进行有序化的排列,形成秩序与调和、节奏与韵律的形式美感,从而形成反复渐次的视觉流程导线。

(12) 四角型版式——离心性导线

四角型版式是一种在版面四角进行图文元素配置,或者在连接页面四角的对角线结构上进行编排的形式,四角元素的装饰可相同也可相异,这种版面常能给人以规范严谨的视觉感受,四角图形在方向设计上呈对应或旋转状可以突破呆板的形式表现。

3.3.4版式设计的空间拓展

设计师戴维·卡森这样说道“我需要一块空白的屏幕来开始设计——没有标尺,没有规则”,当面对书籍版面网格系统中过多的理性秩序需求,驾驭一种非规律型的自由版式就成为书籍设计个性化的一种表现。

(1)负空间

书籍版式设计中的“负空间”就是除图文所占版面空间之外的空白区域画册印刷字号,版面里负空间与正空间应是一对互补关系,负空间可以将观者的视觉引导于正空间里。负空间可以通过字距、图距、周边空白区域来创造。

如《铁观音》版面设计就发挥了负空间的功能作用,不仅能强化正空间的吸引力,使墨色陶壶注入意境之美,而且空白的精妙在于让读者可以更为惬意地冥思和遐想。

(2)跨页设计

跨页设计是灵活运用版面拓宽图案的界域,强化图像在版面中的视觉焦点,服从于整体版式的需求设计。但跨页设计不能为跨页而跨页,“跨页是维持展开页连贯性的最重要策略”,因此跨页设计必须建立在页与页的连接关系之上,包括对材质、版心、订口之间关系的处理,是一个系统化的设计。在设计时应清晰地“连接”页面,特别是重要的图片元素不能放在页面接缝线的位置上,否则就会破坏图片的效果。随着书籍形态的多元化,跨页设计的内涵也不断拓展,手法也更多样化,有些设计师已开始利用切口边形成的书籍切口面进行视觉设计,这些多页面的边口装饰设计虽然很少一点,但连续式地对每个跨页边口处理就会组构成强大的视觉力场。

焦点型版式(《天虫》/设计:陈楠)

三角型版式 (SLANTED杂志设计)

散点型版式 (《面子》/设计:奇文云海)

并置型版式 (《靳埭强设计奖全国大学生平面设计比赛2004获奖作品集》/设计:张翼)

四角型版式 (《方寸洞天》/设计:陈楠)

《铁观音》(设计:晓笛工作室/林争、刘清霞)

跨页设计(国外书籍设计)

以上内容来源于用户投稿,希望对大家有所帮助,如有侵权,联系我们进行删除!

THE END
0.设计干货:常见板式设计精粹!视觉头绪(2)对称型:对称的版式,给人理性而稳定的感觉。 (3)重心型:版面产生视觉焦点,吸引注意力,使其更加突出。 (4)满版型:版面以图像布满这个版面,文字置于上下、左右说中间,这种版式给人舒适大方的感觉。 (5)倾斜型:版面主题图像或多幅图像倾斜,产生一种不稳定感,引人注目。 jvzquC41yy}/3?80eqs0f‚4ctvodnn4I6MVCM;L2758B5NF0jvsm
1.设计师投稿丨展馆设计中平面设计有哪些技巧?最常用的是S形曲线构图。即将目标元素以“S”形的轨迹进行排列,使版式更具有韵律感。 ▲欧诗漫珍珠博物馆(👈点击链接回顾文章) ▲故宫博物馆“良渚与古代中国——玉器显示的五千年文明展”(👈点击链接回顾文章) 06 倾斜型 将图片和文字做倾斜排版,使版面表现出不稳定性,会有种不同的韵律感。 jvzquC41yy}/f6ftvu4dp8ftvkimg8ftvkimghnphq5lg‚4OVK}NVJ}O|G6OFLIw[nttKkPey0nuou
2.平面设计和版式设计范文版式设计的设计原理和理论贯穿于每一个视觉设计的始终。版式设计主要包括骨骼型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型等。下面我仅以骨骼型版式设计研究谈一下心得: 一、骨骼的由来 西方古代设计家对黄金分割进行了研究,并将其运用到版式的编排分割上。早期现代主义jvzquC41yy}/i€~qq0ipo8mcqyko1::836
3.平面设计中的排版技法当两张图片中应用的构成元素都相同,画布尺寸也相同的情况下,排版的好坏就决定你整张图片的质量了,这就好比两个厨师,同样的食材做同一道菜,味道却可能截然不同。 一、版式 首先我们需要了解的版式。我们平时制作或看到的版式大部分都是由——中心型、中轴型、分割型、倾斜型、骨骼型、满版型为主。 jvzq<84yyy4kkmjg0et0owjyuXofy7furAijfF;(mkj>4:52
4.办公空间设计概述(全文)2.6 曲线型 图片和文字,排列成曲线,产生韵律与节奏的感觉。 2.7 倾斜型 版面主体形象或多幅图像作倾斜编排,造成版面强烈的动感和不稳定因素,引人注目。 2.8 对称型 对称的版式,给人稳定、理性、理性的感受。 对称分为-绝对对称和相对对称。一般多采用相对对称手法,以避免过于严谨。 jvzquC41yy}/;B}wgunv0lto1y5xpvw7lhpt5q70jvsm
5.版式设计(全套课件)艺术设计专业.ppt《版式设计》全套PPT课件(完整版)【艺术设计专业】 3-95 3-96 3-97 图3-93至图3-97 由点、线、面构成的黑白灰构成画面 第八 收集资料,整体规划 当我们接手一个版式设计的任务后,不能急于马上投入到设计当中,而应当事先明确手中的设计内容。如了解编排的内容,包括图片、文字、符号等元素,以期确定编排的jvzquC41oc~/dxtm33>/exr1jvsm1;5431715:4734933<8362652=80ujzn
6.论鲁迅对我国现代书籍装帧设计的贡献摘要:鲁迅是我国现代书籍装帧设计的倡导者和开拓者,在封面设计、插图艺术和版式设计方面都做出了开创性贡献。他一生出版过自己撰写和翻译的各类著作近60种,编辑过多种丛书、选集、期刊。他不仅注意书刊内容,也注意形式的美观。他编辑的书刊大都有精美的封面、丰富的插图和疏朗大方的版面。鲁迅设计的封面或直接以文字为主,简洁、淡雅,有jvzquC41yy}/e|xp0et0{|}1{u~`ztx{146359>1v46359>29a;7:=5250yivvq
7.论鲁迅对我国现代书籍装帧设计的贡献山东站【摘要】鲁迅是我国现代书籍装帧设计的倡导者和开拓者,在封面设计、插图艺术和版式设计方面都做出了开创性贡献。他一生出版过自己撰写和翻译的各类著作近60种,编辑过多种丛书、选集、期刊。他不仅注意书刊内容,也注意形式的美观。他编辑的书刊大都有精美的封面、丰富的插图和疏朗大方的版面。鲁迅设计的封面或以文字为jvzquC41uf4djrsc0eun1€m|z181295;6;532;82;2:04><:97>8ajqn0jznn
8.什么是版式设计?图片和文字,排列成曲线,产生韵律与节奏的感觉。 7 倾斜型 版面主体形象或多幅图像作倾斜编排,造成版面强烈的动感和不稳定因素,引人注目。 8 对称型 对称的版式,给人稳定、理性、理性的感受。 对称分为-绝对对称和相对对称。一般多采用相对对称手法,以避免过于严谨。 jvzquC41yy}/us850et0C{ykenk0usqn146189:1::;30qyon
9.展示型app用什么型号服务器,APP版式设计教程:信息展示型UI界面设计的第二 版式设计的常见布局:总共分为十三种 骨骼型,满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型、四角型等。 第三APP信息展示型界面设计的要点 常见的APP信息展示型界面是以阅读和传递信息为主的界面有:新闻、天气、阅读、购物、音乐、食谱、健康等app的某jvzquC41dnuh0lxfp0tfv8|gkzooa<>;7;=:68ftvkimg8igvcomu863;7;46B9
10.高级感版式设计的万能公式,一招致胜!新品牌创意在实际工作中,跳跃率应该根据版面的设计风格和定位进行灵活调整,以营造出更好的视觉效果。在版式设计中,跳跃率主要分为文字跳跃率和图片跳跃率。接下来根据影响版面跳跃率的3个主要因素,综合介绍文字和图片的跳跃率。 第1个因素——大小对比形成跳跃感 在设计版面时,调节文字或图片的大小可以增大或减小跳跃率。 jvzquC41yy}/uqfpi{kykwjk0ipo8ftvkimg89478<897mvon
11.9个文字排版技巧,让界面高级感狂飙!相比于垂直和水平的版式,将文字斜放构成的版式设计会更加复杂、有趣,也更容易吸引眼球。当人们的视觉已经习惯了水平和垂直版式的时候,斜放文字的出现会打破画面原本的平静,给人更新鲜的视觉冲击,如下图Pixso资源社区的50份摘要海报&墙纸(Part 2)所示,浏览者的视线会不自觉地跟随斜线的倾斜方向而移动。 jvzquC41rk~tq7hp1fktkpsumkrmu8|gp|oqcrgcplorkjt1