《数字媒体概论》(清华大学出版社)同步教学

资源下载
  1. 二一教育资源

《数字媒体概论》(清华大学出版社)同步教学

资源简介

(共16张PPT)
数字媒体概论
Introduction to Digital Media from Art and Technolgy Aspects
绪论
数字媒体表达基础
媒体表现形式—文字
媒体表现形式—声音
媒体表现形式—视频
媒体表现形式—动画
数字媒体概论
本书从艺工交叉的视角,立足于数字媒体作为一个整体的学科,融合介绍数字媒体技术与数字媒体艺术的相关基础知识。
全书共9章,首先讲述了数字媒体表达的基本语言,随后从应用的角度重点介绍数字媒体的文字、图像、声音、视频、动画五大媒体表现形式,最后从整体的数字产品开发的实践和创业角度,解读典型艺工交叉的游戏、影像、装置、虚拟现实等方向综合作品的创作理念、艺术特点、艺工融合的方式以及组员之间的分工合作等。
目录
数字媒体的实施与
应用基础
媒体表现形式—图像
数字媒体的实践与创业
数字媒体的五大媒体表现形式——文字
3
第三章
数字媒体作为不断发展的,以数字形式为基础,艺术表达为外壳的媒体形式,
实质上一直处于变化与发展中。
3.1 数字技术范畴的文字
文字是人类为了满足传播、沟通、传承等需求逐渐发展出来的表达形态 。
文字不但能够通过说明,叙事,记录,说理和抒情的功能来描述现实存在的人和事物,还能够表达人类想象的,希望的,理想的和现实不存在的东西 。
从信息传递的角度而言,文字是一个载体。
3.1 数字技术范畴的文字
文字除了文本特性外,还具备图形性,设计手法中对于文字图形化的表现有很多种方式,主要的评判标准为是否能在图形联想中强化文字的内涵 。
3.1 数字技术范畴的文字
字体(Typeface)是指由形态相同的字母(Characters)组成的字母群,比如英文字体Times和Helvetica以及中文字体“标楷体”和“新细明体”。
字体的设计通常是为了某些特定的目的,比如'Spartan Classified'字体是为了让报纸中分类广告内的小字能够看得更清楚而发展出来的。
至今为止有上千种可用的字体。
3.1.1 传统文字
1. 字体
字体通常分为:衬线体(Serif)和无衬线体(Sans Serif)两种。
衬线是一种字体的装饰方式。
这类字体的每一个字母都会有一些小的突起,笔画的粗细也不相同,如图所示。一般常见的字型有:Courier、Garamond、Times New Roman、Georgia等。
3.1.1 传统文字
衬线体和无衬线体
下部显示的是Georgia的衬线体字型。由于人眼看使用衬线体字母写出来的句子会感觉比较流畅,所以衬线体很适合作为文本书写的字体。
无衬线体字母没有衬线,有点像用麦克笔书写而成,没有多余的装饰,通常这类字体看起来比较现代。因为从罗马时代就有衬线体的字体型态,历史悠久,看起来有一点古典的感觉。常见的字型有Frankin Gothic、Futura、Helvetica、Tahoma 。一般无衬线体适合作为标题,除此之外,还有为数众多的各种手写体和特殊字体。
3.1.1 传统文字
衬线体和无衬线体
一种字体通常具有几种不同的风格(Style)。
可以使用不同风格的字来达到不同的表现目的,
比如可以用粗体字(Bold)、斜体字(Italic)或下画线(Underline)风格来强调这些字。
3.1.1 传统文字
2. 风格
点是用来表示一个字母或数字的字体大小。
一点大约是七十二分之一英寸。
另外一种量测法是用铅字(Pica),一铅字是12点或者6铅字是1英寸。一个字体可以用不同的大小印出。图为一个12点和24点Times New Roman以及标楷体的例子。
3.1.1 传统文字
3. 点(Point)
12点和24点的例子
一个字体文件夹(Font)是特定字体、风格和尺寸的完整字母集合。
比如Helvetica、Bold、12点是一个字体文件夹。一个字体具有许多字体文件夹。
有些字体是比例字体(Proportional Font),即每个字母的宽度按照一定比例自动调整。
另外一种是等宽字体(Monospaced Font),即每个字母所占的宽度相同。
比例字体有Helvetica、Times New Roma、Arial 等;
等宽字体有Courier、Monaco、中文、日文等。
3.1.1 传统文字
4. 字体文件夹
图为一个比例字体和等宽字体的例子。一般而言,比例字体比较易于阅读。
但是早期的打字机和计算机显示由于技术上的限制,不能自动显示比例字体而显示等宽字体。由于近年技术上的突破,比例字体已经广泛使用。
3.1.1 传统文字
比例字体和等宽字体
古希腊及罗马时期的字母只有大写字母(Capital, small letters),小写字母是在中世纪渐渐发展出来的。
大写字母又称作上层字盘体(Uppercase),这是因为西方在过去活字印刷体时期,大写字体都放在检字抽屉的上层,而小写字母都放在下层,所以又被称为下层字盘体(Lowercase)。
3.1.1 传统文字
5. 大小写字母
由于字母的形状不尽相同,有些字母排列在一起时会产生较大的空隙。比如大写字母A和W排列在一起时,字母间的空隙就比较大,调整这两个字母间距离的步骤称为字距调整(kerning),如图所示。
也可以调整整行句子中字母的间距,这又称为追踪(tracking),如图所示。
3.1.1 传统文字
6. 字距调整和追踪
字距调整
追踪
行距(Leading)也可以调整。
一般而言,当一行中的字数增加时,行距应该加大才易于阅读。
对齐(Alignment )则是调整文字至文字的边缘,如向左或向右对齐,也可以向中也就是同时向左右一起对齐。
3.1.1 传统文字
7. 行距和对齐(共14张PPT)
数字媒体概论
Introduction to Digital Media from Art and Technolgy Aspects
绪论
数字媒体表达基础
媒体表现形式—文字
媒体表现形式—声音
媒体表现形式—视频
媒体表现形式—动画
数字媒体概论
本书从艺工交叉的视角,立足于数字媒体作为一个整体的学科,融合介绍数字媒体技术与数字媒体艺术的相关基础知识。
全书共9章,首先讲述了数字媒体表达的基本语言,随后从应用的角度重点介绍数字媒体的文字、图像、声音、视频、动画五大媒体表现形式,最后从整体的数字产品开发的实践和创业角度,解读典型艺工交叉的游戏、影像、装置、虚拟现实等方向综合作品的创作理念、艺术特点、艺工融合的方式以及组员之间的分工合作等。
目录
数字媒体的实施与
应用基础
媒体表现形式—图像
数字媒体的实践与创业
数字媒体的五大媒体表现形式——文字
3
第三章
数字媒体作为不断发展的,以数字形式为基础,艺术表达为外壳的媒体形式,
实质上一直处于变化与发展中。
3.1 数字技术范畴的文字
文字是人类为了满足传播、沟通、传承等需求逐渐发展出来的表达形态 。
文字不但能够通过说明,叙事,记录,说理和抒情的功能来描述现实存在的人和事物,还能够表达人类想象的,希望的,理想的和现实不存在的东西 。
从信息传递的角度而言,文字是一个载体。
3.1 数字技术范畴的文字
文字除了文本特性外,还具备图形性,设计手法中对于文字图形化的表现有很多种方式,主要的评判标准为是否能在图形联想中强化文字的内涵 。
3.1 数字技术范畴的文字
使用计算机处理文字和传统的方法大同小异。文字处理软件让用户很容易的生成和修改本文中文字的特性,包括字体、字形和大小。
所有计算机的数据都是使用二位码来表示,也就是一系列0和1的组合来表示。
最常用的两种编码是美国信息交换标准码和万国码。
使用美国信息交换标准码只能产生最基本的文本文件,包括字母、数字、常见的运算符号,标点符号和一些控制符号。比如Notepad就是一个常用的以美国信息交换标准码为主的文字编辑软件。
3.1.2 计算机文字
其他比较先进的文字编辑软件如微软的Word则使用自己独家的编码系统以提供更多的符号和字形字体,同时提供强大的排版功能。
为了能够克服跨平台跨应用的问题,微软提出了丰富文本格式(Rich Text Format,RTR)。
3.1.2 计算机文字
万国码是16bit码,可以表示65,000个字母。万国码标准提供了码的次集合,它可扩充表示超过上百万个字母符号。
万国码3.0版已包括49,194个字母,几乎涵盖了古今所有的语言。现在万国码已广泛使用在所有的计算机系统和网页之中。
3.1.2 计算机文字
字体技术是指在计算机显示屏和打印机显示文字的相关技术。
基本上有两种方法:位图字体(Bitmapped Font)和轮廓字体(Outline Font)。
3.1.3 字体技术
1. 位图字体
计算机显示屏是由像素单元组成的,它的显示分辨率是800x600像素,也就是800条垂直线和600 条水平线总共480,000像素。每像素可由一个或者多个bit来表示。使用一个bit可以表示两种色彩值,通常是黑色和白色;使用2bit可表示4种色彩值。
使用位图字体时,所显示文字中的每一像素都是由一个二位码表示。
3.1.3 字体技术
使用位图字体最大的优点就是可以精准编辑字中的每一像素。
但是因为放大位图字体时通常会产生失真的问题,所以对于不同字体、不同字形和不同尺寸的字,通常都会单独设计它们的位图。如此一来,更加增加了内存的需求。
除此之外,在操作时发现位图库中没有想要使用的字时,也会造成不便。
3.1.3 字体技术
2. 轮廓字体
轮廓字体是一种由一组产生字体的计算机指令集来取代用来投影字体的位图的字体表示方式。相较之下,轮廓字体仅需要十分小的内存空间来储存,同时它也很容易产生不同尺寸、不同字体的文字。
Adobe PostScript 是最常用的软件,一个PostScript文档包括一系列产生文件的指令和参数。因为PostScript使用轮廓字体,占用的内存空间十分小,所以它在专业出版界已经成为一个标准。除此之外,当媒体设计中需要使用高质量印刷材料时,也会采用PostScript的字体。
3.1.3 字体技术
3. 其他考虑
许多艺术创作者会使用手绘的方式设计不同像素的颜色,以画出文字符号。每像素会以非常小的方块显示出来。垂直线和水平线可以使用一连串的像素很平滑地呈现出来。
但是使用一连串的像素来描绘曲线会产生锯齿状的图形(Jaggies)。
这时可以使用平滑字型(Anti-Aliasing)的方式也就是混合字体及其背景的颜色,以减轻锯齿效应。Photoshop软件中的编辑程序有提供平滑字型功能选项供用户选择,而PowerPoint会自动执行平滑字型过程,以产生平滑的线条。
3.1.3 字体技术
媒体设计师可以使用两种方法来解决这个问题。
第一个方法是首先确定所开发的产品会使用在哪些平台上,然后选用这些平台都支持的字体来设计该产品。
第二个方法是随着媒体产品附加这个特别的字体,用户可以先下载字体,再运行此媒体产品。(共16张PPT)
数字媒体概论
Introduction to Digital Media from Art and Technolgy Aspects
绪论
数字媒体表达基础
媒体表现形式—文字
媒体表现形式—声音
媒体表现形式—视频
媒体表现形式—动画
数字媒体概论
本书从艺工交叉的视角,立足于数字媒体作为一个整体的学科,融合介绍数字媒体技术与数字媒体艺术的相关基础知识。
全书共9章,首先讲述了数字媒体表达的基本语言,随后从应用的角度重点介绍数字媒体的文字、图像、声音、视频、动画五大媒体表现形式,最后从整体的数字产品开发的实践和创业角度,解读典型艺工交叉的游戏、影像、装置、虚拟现实等方向综合作品的创作理念、艺术特点、艺工融合的方式以及组员之间的分工合作等。
目录
数字媒体的实施与
应用基础
媒体表现形式—图像
数字媒体的实践与创业
数字媒体的五大媒体表现形式——文字
3
第三章
数字媒体作为不断发展的,以数字形式为基础,艺术表达为外壳的媒体形式,
实质上一直处于变化与发展中。
3.1 数字技术范畴的文字
文字是人类为了满足传播、沟通、传承等需求逐渐发展出来的表达形态 。
文字不但能够通过说明,叙事,记录,说理和抒情的功能来描述现实存在的人和事物,还能够表达人类想象的,希望的,理想的和现实不存在的东西 。
从信息传递的角度而言,文字是一个载体。
3.1 数字技术范畴的文字
文字除了文本特性外,还具备图形性,设计手法中对于文字图形化的表现有很多种方式,主要的评判标准为是否能在图形联想中强化文字的内涵 。
3.1 数字技术范畴的文字
3.1.4 媒体文字
随着近年来计算机技术的突飞猛进,计算机文件成为传统印刷业的新利器。
使用计算机可以使排版更容易,也更有效率。
一般的用户可以使用InDesign或者QuarkXPress等数字出版应用软件来进行设计与创作。
媒体应用更是将文字的应用从静态的媒体推广成动态的媒体。
3.1.4 媒体文字
媒体设计师可以用两种方式处理文字:可编辑的计算机文字和图像文字。
图像文字实际上就是一个图像。设计师使用图像文字能够设计出具有不同艺术特效的艺术字。这个特性很适合用来设计商标或者醒目的标题。
使用图像文字可以让设计师充分发挥他们的艺术才能和想象力。其创造出的结果通常具有原创性。
1. 文字和图像
3.1.4 媒体文字
文字和声音的链接有两种基本方式:语音识别和语音合成。
语音识别通过分析人类说话建构每个字的模型,当人说出一个字后,计算机会加以比对以找出相对应的字。语音识别可以取代传统以键盘打字输入的方式,使操作更加方便。
语音合成则是输入文字的以声音方式输出。
2. 文字和声音
3.1.4 媒体文字
超文本(Hypertext)和超媒体(Hypermedia)是在1963年由Ted Nelson提出,直到20世纪80年代Tim Berners-Lee发展全球信息网(WWW)后才付诸实现。
超文本是一个链接文字,也就是经由一个文字链接到另一个文字。
3. 超文本和超媒体
3.1.4 媒体文字
超媒体是组织许多媒体元素的信息架构,比如一个Word文件文件可以链接到图像、图片和语音文件。
超媒体提供了非常强大的搜索、储存和组织信息功能。
超媒体加上全球信息网提供了人类在信息交流的新管道和方法。
人们通过它可以取得在线教育的材料、商业信息、广告和各种食衣住行方面的信息。
3.1.4 媒体文字
浏览器,如微软的Internet Explorer以及苹果的Safari和Firefox,是在计算机客户端执行的软件程序,它可以从远程的服务器获取信息并显示出来。超文本链接标示语言(HTML)是一种标准语言,用来描述浏览器如何链接和显示文字和媒体数据。
HTML可以用来描述网页的架构,包括段落、图像和表格。
CSS表单是一个文本文件,它为浏览器提供一些指令来描述如何显示网页。
4. 超文本链接标示语言和扩充型超文本链接标示语言
3.1.4 媒体文字
扩充型超文本链接标示语言(XHTML)是HTML和扩充型标示语言(XML)的混合体。XML是一种元语言(Metalanguage),用来描述一组规格和规则以产生另一种语言。
XML可以提供许多数据处理功能,比如从不同的数据源(如其他网站上的信息)进行搜寻和排序。
由于HTML支持用户定义的网页以及经由网络链接新的手持设备,比如手机,如今逐渐取代HTML。
3.1.4 媒体文字
便携文档格式(Portable Document Format,PDF)是由Adobe提出的能够保留原始排版文件的格式。无论使用何种平台,PDF格式都能够保持文件显示的一致性。
Adobe的两个相关应用软件,第一个是Acrobat软件,用户需要付费才能使用。
第二个是Acrobat Reader软件,它可以用来开启和阅读文件。此软件可以在所有平台上执行,而且是免费的。
5. 便携文档格式
小结
文字通常是最有效率的沟通媒体。它不但可以表达明确的说明,还可以描述抽象的观念。
文字是媒体应用中非常重要的元素。
计算机文字最常用的编码有两种:美国信息交换标准码和万国码。
计算机文字的显示技术有两种:位图字体和轮廓字体。
小结
媒体应用更是将文字的应用从静态媒体推广到动态的形式。
使用超文本可以经由一个文字链接到另一文字或文件。
文字输入也可以利用语音识别和语音合成技术进行替换。
语音识别可以取代传统以键盘打字输入的方式。(共67张PPT)
数字媒体概论
Introduction to Digital Media from Art and Technolgy Aspects
绪论
数字媒体表达基础
媒体表现形式—文字
媒体表现形式—声音
媒体表现形式—视频
媒体表现形式—动画
数字媒体概论
本书从艺工交叉的视角,立足于数字媒体作为一个整体的学科,融合介绍数字媒体技术与数字媒体艺术的相关基础知识。
全书共9章,首先讲述了数字媒体表达的基本语言,随后从应用的角度重点介绍数字媒体的文字、图像、声音、视频、动画五大媒体表现形式,最后从整体的数字产品开发的实践和创业角度,解读典型艺工交叉的游戏、影像、装置、虚拟现实等方向综合作品的创作理念、艺术特点、艺工融合的方式以及组员之间的分工合作等。
目录
数字媒体的实施与
应用基础
媒体表现形式—图像
数字媒体的实践与创业
数字媒体的五大媒体表现形式——文字
3
第三章
3.2 数字艺术范畴的文字
文本是民族文化和思想的表达方式,也是文化产业的核心资源。
文本创新是一切创新形式的基础,艺术表达的构思最初就是从文本的构思产生的,创意重在“表达”二字,而基础的文本表述就是设计师头脑中记忆储存的灵感产生的基础,是作品理念表达的第一步。
1. 内容策划与文本表达
3.2.1 内容策划与文本表达
剧本是一种文学体裁,是戏剧艺术创作的文本基础,编导与演员根据剧本演出。
与剧本类似的词汇还包括脚本、剧作等。
剧本是以代言体方式为主,表现故事情节的文学样式。
1. 影视动画的文字剧本
3.2.1 内容策划与文本表达
动画文学剧本的写作不同于脚本与导演阐述。在写作文学剧本时,不仅需要构思情节动作,还必须给导演留下一定的想象空间。
它的基本格式是:标题 故事梗概 场景 人物。图为动画片《狮子王》的剧本片段。
《狮子王》剧本片段
3.2.1 内容策划与文本表达
相对于硬性广告,广告软文一般是由企业市场策划人员或广告公司的文案人员来负责撰写的“文字广告”。
软文是基于特定产品的概念诉求与问题分析,对消费者进行针对性心理引导的一种文字模式,从本质上来说,它是企业软性渗透的商业策略在广告形式上的实现,通常借助文字表述与舆论传播使消费者认同某种概念、观点和分析思路,从而达到宣传企业品牌、销售产品的目的。
2. 广告软文
3.2.1 内容策划与文本表达
好的品牌软文能够从心底激发消费者的共鸣,让消费者觉得你懂他,他便会产生对品牌的认可,并产生优先选择的行为。当众多SUV广告都是在强调大马力,越野性能的时候,以下这只广告软文,明显从有家有事业的成功男性角度入手,为消费者描绘出了独特的需求画面。
一个清纯的10岁小女孩站在路边
一个少年过来打招呼:“小美,我们去公园玩吧!”女孩:“好啊好啊!”
一个带纹身的朋克青年过来搭讪:“小美,我们去海边吧!”女孩:“好啊好啊!”
一个色迷迷的谢顶大叔过来说:“小美,我们去泡温泉吧!”女孩:“好啊好啊!”
广告语:趁女儿年轻,带她去更多地方。
画面:父亲驾车带女孩穿行上山。黑屏,出LOGO
无需多言,一句软文,直激人心,品牌定位、价值观以及面向的人群呼之欲出。
3.2.1 内容策划与文本表达
好的软文要具备核心三要素:产品卖点、软文主题和内容素材。挖掘可植入软文的核心卖点。抓住产品的1-2个卖点进行包装。这些卖点必须是产品最有特色而且最让人印象深刻的点。越独特、越具体越好。选择主题时,需要先找产品对应的目标人群,了解这类人有什么普遍的“痛点”或“High点”,然后选择一个能一下子就戳中他们“痛点”或“High点”的软文主题,如图所示。确定好产品卖点和软文主题以后,搜集相应的优质内容来提升用户的阅读快感,用有力的论据来支撑要表现的观点。
杜蕾斯广告:
“圣诞节:希望你今晚收到宝贝,而不是宝贝儿”
杜蕾斯广告:
“世界杯收官:“球”事结束了,欠的床事要还了!”
3.2.1 内容策划与文本表达
在音乐艺术中通过节奏和旋律的隐喻来表现艺术主题,建筑艺术通过布局隐喻,绘画艺术通过线条和色彩隐喻,影视艺术通过镜头、音响和蒙太奇隐喻,文学艺术则主要是同构情景、叙事、对话与描写来进行隐喻表现,从而将艺术家内心抽象的情感具象为一种艺术形式。
由此可见,同构情景、叙事、对话与描写都是文本表达的重要和核心手段。
3.2.2 文字形态的设计与图形化传播
在二维的视觉设计中,文字设计被认为是能够影响整体设计气质的一项重要表现内容。
原因在于文字内容在传达过程中的两方面属性:一方面文字具有字义,大众阅读文字内容时,通常关注的是文字传达的字义;另一方面是文字的图形属性,不管是中文还是英文,不同的字体及组合方式都意味着不同的形态表达。
而形态往往又具有丰富的心里暗示,这些暗示与字义在结合的过程中便表现出千变万化的内涵,也帮助人们将丰富的图形理解能力运用至对字义更丰富的联想上。
3.2.2 文字形态的设计与图形化传播
中文作为象形文字的典型代表,以方块外形作为形态主体。许慎的《说文解字》中记载“神农氏结绳为治而统其事”,结绳记事为最早的记载方式,随后由仓颉造字到早期的陶器符号一路演化为被认为是最早的文字形式——甲骨文,从此,原始文字脱离了任意绘形、任意理解的阶段,产生了一批具有一定意义、可以记录语言的单字,从而成为中国象形文字的开端。文字的演化如图所示。
文字的演化
3.2.2 文字形态的设计与图形化传播
作为象形文字,中文具有更有趣的形和意的结合方式,区别于西方语言用音表意的特点,中文不但用音表意,其形态也能表意,从设计角度来看具有极大的表现空间。
“城府”字体设计
3.2.2 文字形态的设计与图形化传播
又比如图中的“素然”与“红玫瑰”二词通过笔画和文字形态的设计,一个表现得妩媚灵动,一个则淳朴素简。这种差异的形成主要来源于基础的图形感给人的联想与心里暗示。
不论是笔头的形态、笔画的走势、笔画之间的组合关系以及字和字之间的组织关系,均能通过人对于图形基本的联想来达到传达文字图形内涵的目的。
两种字体设计的对比
3.2.2 文字形态的设计与图形化传播
文字形态的设计即是在表达字义的基础上增加图形理解的传达通道,打破语言文字的国界障碍,在同一语言文字区域做到传播更快速、信息量更聚合、个性更鲜明,从而为各类品牌服务。图为日本设计师广村正彰的图形化文字设计,目的就是通过图形语言强化文字的内涵并无障碍传达。
广村正彰的图形文字设计
3.2.2 文字形态的设计与图形化传播
汉字的印刷字体主要有宋体、黑体、仿宋和楷体,这四类字体作为汉字印刷字的基础字体,在传统书法字向印刷体发展的过程中,形成了特有的笔画形态特征。
宋体。宋体在印刷体中历史最长,成熟于明朝,是使用最广的印刷活字。
1. 中文的图形化手法
3.2.2 文字形态的设计与图形化传播
宋体的基本笔画如图所示。
宋体字体规矩稳重,典雅工整,严肃大方,具有古朴、端庄稳重之感,适用于比较庄重、严肃的内容及场合。
宋体的基本笔画
3.2.2 文字形态的设计与图形化传播
黑体。黑体又称“方体字”,出现于清末,特点是外形方正,笔画粗细一致,起落笔均呈方头。黑体字结构严谨、笔画单纯,方正有力,朴素大方,有强烈的视觉冲击力。
黑体的笔画宽度大致均等,一般为字格长度的1/8,可以根据笔画的多少笔加粗或减细笔画的宽度。黑体的基本笔画如图所示。
黑体字朴素端庄,没有任何装饰的特点,是创意字体设计的基础字体,适用于需要强调的标题、广告用语、路牌等。
黑体的基本笔画
3.2.2 文字形态的设计与图形化传播
仿宋体。仿宋体是摹仿宋版书的一种字体。由丁辅之、丁善之兄弟发明,特点是字体挺拔自然,字形秀美。
仿宋体所有笔画粗细基本相同,字身略长,起落笔有顿角,横画向右上略翘起,点、撇、捺、挑、勾尖峰较长。仿宋体的基本笔画如图所示。
仿宋体常见于书刊的小标题广告、包装、样本上的说明文字。
仿宋体的基本笔画
3.2.2 文字形态的设计与图形化传播
楷体。楷体是传统的楷书在印刷字体中的延续,它笔迹有力,粗细适中,笔画清楚,易读性很高。楷体的“永”字如图所示。
此外,隶书、魏碑等字体现也都有成系统的印刷字体。
在中小学的启蒙教材中大量使用,是幼儿学习中国汉字最实用的印刷字体。
楷体的“永”
3.2.2 文字形态的设计与图形化传播
从中文的字体结构来看,汉字全体字组合模式可分为四大类13小类。
(1)并列结构
① 左右并列结构,如银、枝、灯。
② 左中右并列结构,如鸿、淋、衔。
(2)上下结构
① 上下结构,如朵、泉、灾。
② 上中下结构,如煎、塞。
3.2.2 文字形态的设计与图形化传播
(3)包围结构
①全包围结构,如困、囱、团。
②上三包围结构,如闲、闰、阅。
③左三包围结构,如匡、臣、匠。
④下三包围结构,如函。
⑤上左包围结构,如厢、床、庄。
⑥上右包围结构,如氮、句、可。
⑦下左包围结构,如逵、毯、勉。
⑧下右包围结构,如斗、头。
(4)框架结构,如坐、乘、巫。
3.2.2 文字形态的设计与图形化传播
汉字轮廓形似方块,但是由于笔画不同,字体轮廓的形状会呈现不同的形状,所以在视觉均衡上会有些许视觉偏差,尤其是单体字和合体字组合笔画会显得不好看。所以文字设计的基础就是在不同形状的字形上调整和处理,让它们看起来更加完整、均衡。
不同结构的字体重心
3.2.2 文字形态的设计与图形化传播
如图3.14中的等高、等宽的三角形、正方形、圆形在视觉上是不等大的。针对这种视觉上的偏差,通常使用顶格、缩格、出格等方法来平衡字体由于整体结构不同而产生的视觉差异,把具有视觉放大效果的外包围形态进行缩格处理,使整体向内稍微缩紧,将具有较多虚空间的形态,稍向外放出一点,使整体稍微扩大,如图3.15所示。这种微调能够使本来视觉不等大的字体形态,看起来更加均衡、等大、视觉更完整。
图3.14 汉字的基本型
图3.15平衡视觉大小的具体手段
3.2.2 文字形态的设计与图形化传播
汉字,特别是左右结构的汉字,可以借用杠杆原理来分析字体结构不同带来的视觉上的平衡与不平衡感。杠杆原理力:动力×动力臂=阻力×阻力臂,简单理解就是距离中心点越近,F2越重,才能与离中心点远的F1平衡。如图所示。
杠杆原理F1×L1=F2×L2
3.2.2 文字形态的设计与图形化传播
结合汉字方格,中心点就是方格的垂直中心,例如图中的“休”字,右侧“木”的垂直中心为B,单人旁的垂直中心为A,只有B与中心点的距离越近,A与中心点的距离越远,整个字体组合的字体重心才平衡、均衡。当字体变形时,把字体拉长或压扁都是同样的道理,需要细调偏旁部首让重心更平稳、均衡,视觉更加完美。单独看每个字都有一个独立视觉重心,设计字体就是要兼顾每个字体的重心,让整体更加平稳、均衡。
字的垂直中心
3.2.2 文字形态的设计与图形化传播
字体的框架结构犹如人的骨架结构,是支撑文字基本形态的架子,不考虑笔画轮廓形态,依据架子的不同,不同字体就已经呈现出不同的外观。在字体骨架的基础上,笔画的外形轮廓能为文字呈现出更多不同的个性状态,如图所示。
字的不同外形轮廓与不同风格
3.2.2 文字形态的设计与图形化传播
字体骨架与笔画外形共同的变化,特别是加入图形化元素之后,能为中文字带来千变万化的姿态和丰富的情感表现,如图所示。
文字笔画的不同个性
3.2.2 文字形态的设计与图形化传播
不同笔画特征为文字带来的不同外观
3.2.2 文字形态的设计与图形化传播
下面介绍一些常见、有效的文字造型方法。综合运用结构、笔画形态和图形感等因素,从文字的情感与内涵表现角度出发,进行造型。
连笔设计
(1)连笔
通过连接文字组合中局部的笔画,将本来分割的单个方块字通过连贯的笔画形成一个视觉整体。连笔设计需要在文字组合的结构中找到合适的笔画基础形态,再通过变形、局部分割等手法将原本没有关联的笔画贯穿使用,并符合文字组合的内涵,如图所示。
3.2.2 文字形态的设计与图形化传播
笔画借用
(2)借用
笔画借用是针对两个字以上的词组,为了通过图形感来表达词组内涵而将局部类似的笔画合并或省略,一个笔画服务于两个或几个文字,形成意味深长的图形感表现,如图所示。
3.2.2 文字形态的设计与图形化传播
笔画置换
(3)置换
通过具有相似感的图形置换文字中的局部形态、局部笔画或整个文字,置换的图形必须与文字内涵一致,并能够通过图形放大文字的内涵表达,如图所示。
3.2.2 文字形态的设计与图形化传播
文字象形
(4)文字象形
文字象形是图与文最深度的结合,图即是文,文即是图,通过图文结合,直观、快速、强烈地传达内涵,是文字设计中常用的手法。因为中文字本身就是以象形文字为主的文字,所以图文结合能产生意想不到的趣味性。
3.2.2 文字形态的设计与图形化传播
文字附加图形
(5)附加图形
文字标题,特别是较为抽象的文字标题往往在设计上难以体现叙述的内涵,这时,附加图形也是一种简便、有效的手法,在原有文字的基础上添加直观图形,用图形来增强原有标题文字的表述能力,如图所示。
3.2.2 文字形态的设计与图形化传播
文字的结构与重构
(6)解构与重构
解构与重构是一种常见的设计手段,在文字中这几种都可以使用,拆解原有笔画通过新的规则将这些笔画、图形重新组合,形成特定的含义表达,如图所示。
3.2.2 文字形态的设计与图形化传播
文字的肌理表现
(7)肌理
文字的肌理是在字形设计的基础上通过特殊的肌理感觉,为文字赋予特殊的感觉与意义表达,如图所示。肌理的使用服从于文字内涵与背景。
3.2.2 文字形态的设计与图形化传播
文字的立体表现
(8)立体
在二维空间中创建三维错觉是平面设计的重要手法,文字设计运用立体手法,可以使文字产生有趣的空间感,突出其图形的特性,如图所示。立体手法多种多样,不同的表现也会形成不同的体块感觉,形成设计的趣味性。
3.2.2 文字形态的设计与图形化传播
堆砌手法的设计
(9)文字堆砌
堆砌的手法特别适合同时具有中英文文字,并且字数较多,需要形成整体的情况。需要注意的是,中文与英文的字体只有从形态上相契合,才能形成有机的图形组合,如图所示。
3.2.2 文字形态的设计与图形化传播
运用虚实关系的设计
(10)虚实
虚实是利用“图”和“底”的关系,巧妙利用文字组合中正形和负形的关系,形成文字设计的巧妙感,以符合文字组合需要表述的内涵,如图所示。
中文字体的设计首先要从字义出发,有明确的目的和功能;其次协调一致,适度灵活,保持匀称的设计节奏感,易于识别辨认,外形的设计程度根据字义而定。
3.2.2 文字形态的设计与图形化传播
拉丁字母起源于图画,祖先是复杂的埃及象形文字。
大约6000年前,埃及产生了每个单词都有一个图画的象形文字,象形文字虽然是最初的文字符号,实质上它们是事物高度概括的图画,也称“图画文字”。
希腊人在与腓尼基人的交往中,吸取了埃及、腓尼基的文化,创造了希腊文字,成为现代拉丁文字母的雏形,在后来的发展过程中,罗马字母继承了希腊字母的一个变种,并把它拉近到今天的拉丁字母,从这里开始了拉丁字母历史上有现实意义的第一页。
2.英文的图形化手法
埃及文字
3.2.2 文字形态的设计与图形化传播
新罗马体(Times New Roman)被《泰晤士报》首次采用,也叫泰晤士新罗马,这个字型由于其中规中矩、四平八稳的经典外观,很快博得了大众的青睐,获得了极大的成功。它可能是最常见且广为人知的衬线字体之一,对后来的字型产生了深远的影响。
之后尽管泰晤士报已不再使用Times New Roman,但Times New Roman已成为经典字型之一,迄今仍广泛使用在图书、杂志、报告、公文、广告、屏幕显示等方面,如图所示。
新罗马体
3.2.2 文字形态的设计与图形化传播
公元4世纪由于对快速书写的需要,出现了对大写字母笔画省略、压缩或直线改圆线,比例较小的小写以安色尔体为代表。
公元8世纪产生了卡洛琳王朝时期的卡洛琳体,完善统一,当时在欧洲被誉为最美观、实用的字体,并对欧洲的文字发展起了决定性作用。在历史上形成了拉丁字体发展的黄金时代,这种小写字体的结构规范一直被沿用到现在,如图所示。
卡洛琳体
3.2.2 文字形态的设计与图形化传播
从公元13世纪开始,哥特艺术风格对欧洲的文字形式发生了深刻的影响,为了区别于其他字体,一般也叫它折裂字体,哥特体在文字装饰性的表现上虽迈开了一大步,但它的书写、识别功能很难像装饰性那样得到后人的好评。
哥特体
3.2.2 文字形态的设计与图形化传播
15世纪中叶德国人发明铅活字印刷,对拉丁字母形体的发展起到极为重要的影响,基于当时活字印刷字体的刀刻制版工艺,当时字体的结构、笔形变化主要源于刀刻中的运刀势态,开创了拉丁字母的新风格,如图所示。
活字印刷
3.2.2 文字形态的设计与图形化传播
在一套完整的字母体系中,数字也是重要的组成部分之一,阿拉伯数字是11世纪从印度经由阿拉伯传到欧洲的。
早期的希腊、罗马文件中是没有标点符号的,文章中的句子用小点分开,直到15世纪,随着印刷业的发展,标点符号才具有专业化。
3.2.2 文字形态的设计与图形化传播
英文字体可分为衬线体、非衬线体和手写体等几大类,与方块形的汉字不同,拉丁字母包含方形、圆形、三角形3种基本形及其组合变化,因此不可能被纳入同样大小的方格之中,除此之外,拉丁字母自古横行排列,故字高相对统一,而字面的宽度因字而异。这种尺度的差异可称为“字幅差”。
从基本形态上可以分为三类:方形(H、N)、圆形(O、Q)和三角形(A、V)。
拉丁字母的基本外形
3.2.2 文字形态的设计与图形化传播
当代的英文字体设计主要建立在衬线体和非衬线体基础上,有以下几类常见的设计手法。
以标准字体为基础的装饰
(1)以标准字体为基础的装饰
与中文设计中的肌理类似这个方法,是通过材质感觉来增强文字基本形态的表现,不同于中文的是,拉丁字母的基本形态比较简单,单纯的笔画组合留出较多的空间余地来表现质感。
以标准字体为基础的装饰手法也是英文设计中较为常见的手法。
3.2.2 文字形态的设计与图形化传播
连笔、组合、局部色块
(2)连笔、组合、局部色块
拉丁字母在创建连笔和组合的过程中,更容易形成笔画间全新的组合方式,但由于英文字母本身的识别性较强,因此灵活性更强。
3.2.2 文字形态的设计与图形化传播
字母装置化
(3)字母装置化
英文简约的形态更方便通过装置化的思路来形成设计的惊喜感,如图所示。
3.2.2 文字形态的设计与图形化传播
字体组合+花式变化
(4)字体组合+花式变化
通过文字之间有机的组合和风格化的笔画变形形成整体的文字面貌,如图所示。
3.2.2 文字形态的设计与图形化传播
字母填充形态
(5)字母填充形态
将字母组合通过适当的变形,填充至具有特征的图形轮廓中,一方面满足大图形的整体表现,一方面具有文字的阅读性,如图所示。
3.2.2 文字形态的设计与图形化传播
立体
(6)立体
拉丁字母形态比较简约,有利于表现各种空间立体形态。通过一个轴向的拉伸,来产生有趣的空间感,适当的结合材质更能做到形态和质感上的双重隐喻,如图所示。
3.2.2 文字形态的设计与图形化传播
虚实
(7)虚实
虚实关系主要体现在文字设计中“图”和“底”互换的过程中,如图所示。
3.2.2 文字形态的设计与图形化传播
文字除了从单体形态上考量其表现形式,另一视角是在文字形成文字群,也就是常见的段落、分行、短句等文体时的整体表现。
文字群的通常是在Word文档中的“对齐”“行距”“字距”“字号”等方面表现。
看似简单常见,但编排得恰当与否将直接影响到读者阅读与理解的效率。
其次,编排时的形式同样能起到图形化表现的作用,用于体现文字群表现出来的情绪内涵、阅读的节奏感等。
3、文字群的编排与阅读习惯
3.2.2 文字形态的设计与图形化传播
对于传统媒体,如书本、报纸、杂志等,人们正常的阅读距离是30~35cm。
因此通常9~12磅的文字大小适合正文使用。通常低于6磅的文字会难以阅读,老人则难以看清小于10磅的文字。
中文的行距应控制在半个到一个字符之间,确保段落的行间距大于字间距,以保证阅读的流畅性,字间距大于行间距,通常会造成难以阅读或误以为竖向阅读的问题。
中文书籍正文每行排印20~35个字比较合适,西文每行平均7~10个单词,约40~70个字符,比较容易阅读。少于此会造成读者视线频繁移行,从而导致人目光长距离水平移动而疲劳。
3.2.2 文字形态的设计与图形化传播
在文字群编排的过程中,单个字符或成组字符的大小、位置及与周边的留白关系能有效形成阅读过程中的节奏感。这时空白就是很好的停顿,而紧凑的位置关系会形成焦急与紧张的阅读频率,让人感觉到节奏上的连续跳跃。字符的点状排列能形成间歇的跳跃节奏,而线状排列可以给人流畅感。
文字的点、线、面排布
3.2.2 文字形态的设计与图形化传播
文字编排中的字族概念:“族”是族类的意思。设计学中一个字族是指一组专门设计的、一起协调使用的字体。最典型的字族由4种字体组成,而它的名称通常取自于字族中“常规”分量的正文字体。正文字体和粗体、斜体和粗斜体4种补充字体构成一个完整的组合。
中文和英文的字族
3.2.2 文字形态的设计与图形化传播
同一版面中的文字编排,大标题、中标题和正文等通常需要运用字族中的字体进行区分和排列,设计上的统一性使得字族中的文字具有共同的结构和笔画特性,也比较容易形成统一的视觉感受。在一个版面中通常不建议混合使用3种以上的字体,这样容易造成设计风格混乱和视觉的凌乱感。如图所示。
版面中的文字编排
3.2.2 文字形态的设计与图形化传播
两个案例海报中的文字编排,就很好地兼容了字体的不同形态,突出重点,通过大小关系的控制,引导阅读流程。
搭配不同字体时,注意它们之间的包容性,既要有区别,又要协调统一。中西文混排时,注意字体风格协调,英文要选择英文字库,不使用中文字库中的英文字形。
版面中的文字编排
3.2.2 文字形态的设计与图形化传播
(1)中文的编排
中文字是方块字,一个文字单位通常为一个正方形或长方形,也是由于这个特点,同等大小的字号,一行中文比一行英文的行高要更高一些,不如英文句子容易形成线性的视觉感受。线性感不仅有利于视觉阅读,也更具形式美感,这也是为什么在现代印刷字体背景下,英文字似乎具有“天生的”设计感的原因。因此,在中文的编排中,对于字间距和行间距的控制尤为重要,适当缩小字间距扩大行间距能使中文段落形成“线性感”,这样一方面便于阅读,另一方面形成线性的形式美感。
具有中国传统线性形式感的文字编排
3.2.2 文字形态的设计与图形化传播
中国文字发展历史源远流长,中文书法字体结构丰富多变。
中文编排有丰富的内在资源可以借鉴学习,如图所示。
具有中国传统形式感的文字编排
3.2.2 文字形态的设计与图形化传播
(2)英文的编排
纯英文的版式比中文具有更大的自由度,字母不管是单体还是组合,都很容易寻找到点、线、面的形式感,如图所示。
英文的编排
3.2.2 文字形态的设计与图形化传播
英文的编排
3.2.2 文字形态的设计与图形化传播
(3)特殊的编排
文字编排的首要职能是为阅读服务,因此,易读性作为文字编排的第一要点,但是有些文字的编排似乎并不符合易读的第一需求,这样的编排通常是将文字作为图形样式进行设计组织,而此时的文字易读性就让位于画面表现的艺术性,设计者通过特殊的编排方式既赋予画面文字的阅读感,又具有图形的形式美感,产生趣味横生的画面效果,如图所示。
英文的特殊编排
3.2.2 文字形态的设计与图形化传播
中文的特殊编排
小结
文字是集含义与图形暗示于一体的综合表达手段,从设计角度来看,文字首先是作为表达思想的文本,属于广义文学的一部分,通过结构化的、具有目的的方式为艺术表达服务。
其次,文字是传达内涵的符号集,是版式表现中的重要元素,而最特别的是图形属性。
思考习题
1、如今媒体应用将文字的应用从静态的媒体推广成动态的媒体。
现在能够经由文字以动态的方式链接到其他的媒体,并以交互式的形态呈现出来。
在未来数字媒体应用上有那些文字相关的应用和挑战?
2、用笔、尺等工具辅助书写印刷字体,书写时注意笔画细节和字体结构。
尝试临摹书中的字体设计案例,过程中体会文字笔画的变化与组合方式。
关注各种媒体上的文字段落,看看他们的字型、字间距、行间距有何不同,留意具有艺术美感的文字排版案例。

展开更多......

收起↑

资源列表