（设计艺术学专业论文）互动版式——新型媒体下的版式设计.pdf

湖北工业大学硕士学位论文 摘要 人类传播过程中进行的信息交流是通过人与信息的相互作用而达到的 传播 过程中双方的必要反应是保证传播到预期效果的一个重要环节 由于视觉感知是 人类最直接 最外在 最感性的感知事物的方式 平面设计的视觉传达特性决定 了它要重点研究如何更快 更强烈地触动人们的视觉感知 以书籍 纸张为物理 媒介的版式应擅于打破常规阅读规律 进行有效的视觉指引把人的视觉注意引向 版面主题 以互联网 电子邮件 电子屏幕等新兴物理媒介为基础的互动版式在 原有印刷版式基本原理的基础上 为读者提供了参与功能 读者可以通过版面的 按钮 导航条和菜单等交互设置 按照自身的需要和习惯来选取信息 阅读过程 更主动 同时 由于其服务于一个包含文 图 声 像的多符号系统 能提供更 多的感官刺激 提高了信息传播的效率 作为一个新兴的 在新的媒体上的版式以 互动 的形态出现 无疑具有划 时代的意义 本文通过技术与艺术结合的认知方式 以 互动 为切入点 对这 一版式形态形成的根源 版式的内容和设计的发展趋势进行探讨和分析 同时通 过 互动 概念对于设计本原的意义进行思考 力求获得对这一新事物的深层认 识 并试图展望新技术条件下视觉传达设计专业的发展方向 关键词 版式设计 互动 交互技术 媒体 网络 湖北工业大学硕士学位论文 a b s t r a c t t h ei n f o r m a t i o ni n t e r c h a n g e sd u r i n gm a n k i n dp r o p a g a t ei sc a r r i e do nt h r o u g ht h e i n t e r a c t i o nb e t w e e n p e o p l ea n dm e s s a g e t h ee s s e n t i a lr e s p o n s eb e t w e e n b o t ho ft h e m i sa ni m p o r t a n tl i n kw h i c he n s u r e si th a s a m i c i p a t i v ee f f e c td u r i n g t h em a n k i n d p r o p a g a t e a st h ec h a r a c t e r i s t i co fg r a p h i c d e s i g n i t i st h e d i r e c t e x t e r n a l a n d p e r c e p t u a lw a yo fa e s t h e s i at h i n g s w h i c hd e t e r m i n et h a tt h em a i nr e s e a r c hi sh o w t o t o u c hp e o p l e sv i s i o nf a s t e ra n ds g o n g e nt h ep h y s i c a lm e d i a s u c ha sb o o k s p a p e r s h o u l db eg o o da tb r e a k i n gt h er o u t i n er e a d i n gr u l e s a n dc a r r yo ne f f e c t i v ev i x e n s h o wa n dp a ya r t e n t i o nt og u i d i n gt h ea t t e n t i o ni n t ot h et h e m eo ft h e1 a y o u t t h e i n t e r a c t i v ef o r m a tw h i c hi sb u i l to nt h ef a s h i o n a b l ep h y s i cm e d i a s u c ha si n t e r n e t e m a i l e l e c t r o n i cs c r e e n p r o v i d et h ep a r t i c i p a t i o nf u n c t i o nt or e a d e r b e s i d e st h e b a s i c p r i n c i p l eo f t h ep r i n t i n gf o r m a t r e a d e rc a l ls e l e c ti n f o r m a t i o nt os u i to n e so w nn e e d a n dh a b i tb yt h eb u t t o n n a v i g a t i o n m e n ua n ds o m eo t h e ri n t e r a c t i v es e t t i n g s a n dt h e r e a d i n gc o u r s ew i l lb em o r e a c t i v em e a n w h i l e i tc a l lo f f e rm o r es t i m u l u st ot h es e n s e a si ts e lv e so nas y m b o l ss y s t e mw h i c hi n c l u d e sa r t i c l e p i c t u r e a u d i oa n dv i d e o a n d h a si m p r o v e dt h ee f f i c i e n c yo fi n f o r m a t i o nd i s s e m i n a t i o n a san e w l ya r i s e n i n t e r a c t i o n e m e r g e n c eo nt h el a y o u to ft h en e wm e d i u m d o u b t l e s sh a v et h ee p o c h m a k i n gm e a n i n g t h e s i st op a s sp e r c e p t i o nb yt h em e t h o do f t e c h n i q u ea n da r t j o i n w i t ht h e i n t e r a c t i v e f o r j u m p i n g o f f t os t u d ya n da n a l y z ei t s s o u r c e c o n t e n ta n d t h e d e v e l o p m e n tt h r o u g ht h ec o n s i d e r a t i o n o nt h eo r i g i n a l m e a n i n g o ft h e i n t e r a c t i o n t oa c q u i r et h ed e e pl a y e rm e a n i n g t h en e wt h i n g t h e n t r yt oo u t l o o k t h ed i r e c t i o no ft h ev i s u a lc o m m u n i c a t i o nd e s i g np r o f e s s i o ni nt h en e w l y t e c h n i q u ec o n d i t i o n s k e yw o r d s l a y o u td e s i g n i n t e r a c t i o n i n t e r a c t i v et e c h n i q u e m e d i a i n t e r n e t 湖北工业大学硕士学位论文 1 1 互动和交互的概念 第1 章基本概念 互动 从字面来看 它的意思是参与的每一个个体都 动 起来而且彼此 还会因此被影响f 好像在舞台上的表现者 除了要深入了解剧本的内容及自己所扮 演的角色 对台词要熟练 和一起同台的表演者已经培养充分的默契 还需掌握 全场的音乐与节奏 洞悉所有道具的位置与功能 如此才能将演出做完善的呈现 互动这个名词近年来在媒体的曝光率相当高 充耳可闻的例如互动社区 互 动节目 互动电视等等 甚至有一本杂志还把它列为了2 l 世纪的时髦词汇 以下 是美国传统词典对于互动的英译 i n t e r a c t i v e 的解释 i a c t i n go rc a p a b l eo f a c t i n go ne a c ho t h e r 互相作用的或能相互作用的 2 c o m p u t e rs c i e n c e 计算机科学 3o fo rr e l a t i n gt oa 咖一 a ye l e c t r o n i co rc o m m u n i c a t i o n s s y s t e mi nw h i c h r e s p o n s ei sd i r e c ta n dc o n t i n u a l 人机对话的具有直接和连续的反应的双向电子或 通信系统的 或与之有关的 4 o f r e l a t i n gt o o rb e i n gaf o r mo ft e l e v i s i o ne n t e r t a i n m e n ti nw h i c ht h es i g n a l a c t i v a t e se l e c t r o n i ca p p a r a t u si nt h ev i e w e r sh o m eo rt h ev i e w e ru s e st h ea p p a r a t u st o a f f e c te v e n t so n t h es c r e e n o r b o t h 参与制作电视节目一种电视娱乐节目的形式 其中通过发射信号来启动观众家中的电子装置或观众用此种装置影响电视屏幕上 发生的事情 或两方面都有的 第一个释义揭示了 互动 概念所具有的古老意义 人类史从来就是一个人 类传播史 互动的本质意义就是通过交流与沟通的传播行为达到彼此之间的相互 影响和相互作用 传播是人们通过信息而进行的社会互动及其过程 l 后三个释义呈现了一种强烈的技术性色彩 这些新生的意义是随着计算机技 术在信息传播领域的运用而产生的 意指诸如人和机器 计算机 之间互相的信 息交流 其实这一层概念有一个更为科学的中文名词表述 交互 似乎是由于 交互的科学外套 人们往往更热衷于使用互动这个名词 交互技术应用的最直接 体现是用户可以对数字信息采用各种方式加以控制 有选择地接受相关的信息 己经上市的交互电视 它的实质就是观众可以对电视中播放的信息加以控制 譬 如说调节节目的播放顺序和速度 由此可见 互动这个概念可以分两个层面来理解 本质上 它是一种信息传 湖北工业大学硕士学位论文 播方式 是指通过彼此之间的相互影响和相互作用 达到人和人 人和事物之f h j 的沟通和理解 从技术层面上 它又是交互技术应用的体现 当然这两层含义在 现代社会是无法完全割裂的来理解随新技术的运用使人们的交流与沟通达到了前 所未有的广度和深度 反过来 互动这个有着古老意义的词正是由于类似计算机 技术等新科学的发展给人们的交流方式和效果带来了质的变化而为人们所重识 成为了肘下的焦点 反过来又促进了人们对更先进的传播技术的探索 在某种程 度上 交互和互动有其本质意义上的相通 不同的是 交互是一种技术手段 互 动更像是一种最终目的 1 2 互动版式的概念 基于这种原因 文章题目中版式的前缀是互动而不是交互 尽管后者从其技 术基础的意指上可能更为明确 但作为视觉传达设计师而言 交流与沟通是最终 的目的 互动版式 的表述方式似乎更有利于对设计本原问题的思考 现代交互技术的发展 使具有甄动性的信息产品空前丰富 包括电子书籍 计算机游戏 计算机软件 多媒体系统等等 人们所熟知的万维网可以算是最大 的交互技术应用系统 文中的 互动版式 作为概念的组合 是一种服务于以计算机交互技术为基 础的数字媒体 2 具体表现以为电子屏幕为显示终端的信息编排处理形态 其 本质特征在于读者可以通过各种交互设置对这种版式进行操控 从而与之产生互 动 6 湖北工业大学硕士学位论文 3 关于新型媒体 1 3 1 信息传播革命 自从人类诞生以来 人类社会至少已经经历了四次意义重大的信息传播革命 每一次信息传播革命都把人类文明推向一个新的发展阶段 第一次信息传播革命 是语言传播的诞生 提高了人类信息传播的质量 速度与效率 第二次信息传播 革命是文字传播的涎生 使得人类的信息传播革命第一次突破时间 空间的限制 得以广泛流传和长期保存 第三次信息传播革命是印刷传播的诞生 报纸 杂志 书籍等印刷品大众媒介迅速普及 第四次信息传播革命是模拟式电子传播的诞生 1 9 世纪4 0 年代至7 0 年代 一系列模拟式电子传播技术与媒介相继出现 并迅速 普及 使得人类信息传播的速度空前迅疾 范围空前广泛 内容空前丰富 复制 扩散和保存信息的能力空前增强 人类进入以模拟式电子传播为代表的大众传播 时代 最新的一次信息传播革命 即正在我们身边发生的第五次信息传播革命 是 数字式电子传播的诞生 迸入9 0 年代以来 先进的计算机技术不仅征服了文字 数字化的难题 而且征服了比文字更复杂的声音世界 如今 表现和记录人类物 资和精神世界的数字 语言 文字 声音 图画和影像等过去相互之间界限分明 的各种信息传播方式 都可以用计算机的二进制语言来作数字化处理 从而可以 浑然一体 相互转换了 报纸 广播 电视和书籍 杂志 电影等传统大众传播 媒体在形式之间的差异正在缩小或消失 交互式传播媒体的出现 使得传播者与 受众之间的传统的相互关系正面临巨大的变化 人类进入了真正的信息时代 1 3 2 第四大众传媒 公认的大众传媒主要包括报纸 广播 杂志 书籍和电影等六大媒体 随着 数字化技术的发展 电脑硬件的更新换代 互联网技术迅速普及和网站的大量建 立 互联网正成为一种新的媒体广泛进入人们的生活 如今 国际上已把互联网 纳入六大媒体中 并将其称为继报纸 广播 电视之后的 第四大众传媒 这说 明 人们已经认同了互联网的作用 能够同报纸 广播 电视等新闻媒体一样 广泛地传递新闻信息 湖北工业大学硕士学位论文 其实 国际互联网不仅具有报纸 广播 电视等传统掰闻媒体能够及时广泛 传播信息的一般功能 而且还具有多媒体 实时性 交互性传播新闻信息的独特 优势 它使人类面临着一次信息传播技术的前所未有的 带有根本性的突破和变 革 传统的 界限分明的语言 文字 声音 影像等各种传播形式之间的铜墙铁 壁顷刻就要瓦解 传统的 相互分割的报纸 广播 书籍 杂志和电影等大众传 媒顷刻就要融为一体 人类社会 就要随着新一代信息传播新技术 新媒介进入 个信息传播的时代 由于国际互联网所具有的超越传统新闻媒介的优势 决定 了网络对平面媒体的超越 不过是迟早的事情 1 3 3 媒体与版式设计的互动效应 版式设计以信息传达为目的 而传达的最终表现界面则永远也脱离不了媒体 媒体与版式设计之间的关系是互动的 媒体既体现了设计 又给设计带来了局限 性 设计既受制于媒体 又是新媒体产生的动力之一 传统的传媒方式为我们所熟知 报纸 广播 杂志 电视等等媒体依然在信 息传播领域中占主导地位 但是和互联网络相比较 它们具有比较单一的感官传 达功能 因此 它们的先天缺憾愈加明显 同时 比较单一的传达功能也使设计 师受到限制 人类接受信息的途径是多感官的 视 听 触 嗅 味的感官综合 使得我们更完善的了解其他事物 为达到信息的全面传达 追求尽善尽美的设计 师一直在寻找着崭新的媒体来表达完善的设计 而今互联网络正是新生的 综合 感官的 充满活力的新媒体 为设计师铷造了以前所想象不到的信息传达手段和 途径 而且随着技术的不断发展 它极有可能成为最完善的媒体 这应该引起每 一个视觉传达设计师的关注 1 4 版式的概念与发展 版式 3 的英译为 l a y o u t 意指在一个平面上展开和调度 这个宽泛的 概念包括了诸如建筑的施工布局 机械模具的结构安排等各方面的意指 具体到 视觉传达设计范围内 某些国外的理论书也把版式译为 t y p o g r a p h 字面的意 思就是图文的编排 当然处在目前这样一个印刷文化仍占相当优势的时代 这个 定义有其客观的适用性 而从现代的视觉传达设计的概念出发 我们通常所指的 版式 是指一定的空间内视觉元素和构成元素的组成形态 而所谓的版式设计就 湖北工业大学硕士学位论文 是指按照一定的规律 使这种组合有序而又美观的一种设计方法 相对而言 这 个概念具有较强的包容性和适应性 版式设计的范围 涉及到报纸 刊物 书籍 画册 产品样本 挂历 招 贴画 唱片封套和网页页面等平面设计各个领域 版式设计不是简单地将一些照 片 文字 插图等放置在一起 而是要力争使各元素达到某种形式的 审美的视觉平衡 诚然 信息传达是版式设计的主旨 但同时 版式设计亦是文化层面上技术和艺术的 完美统一 1 5 版式设计的历史发展与风格变迁 早期的人类文献中的版式设计 对于版式设计而言 有两个因素对其发展演 变产生重要的影响 一是绘制各种图形和文字的技术手段 二是特定的历史文化发展背景 在人类早期文明的发展阶段 无论是岩洞石 壁上的绘画涂鸦 还是在泥板或兽骨上刻写各种 象形文字 都有了最早的编排意识 由于当时各种 书写材料得之不易 所以当时的画面都尽可能放 满图形文字 挤得很满 图1 苏美尔人泥块的锲形文字 早期两河流域文化 在文字的发展方面有着特定的贡献 当地的人们在泥板上 书写一种象形文字 被称为锲形文字 图i 值得注意的是 在一些泥板上书写者 运用一些线条将文字分隔 使画面出现一种节奏上的变化 这也许是世界上对一个 平面上各种要素进行分隔处理的最早尝试 图2 古埃及公元前1 3 7 0 年前后的 死亡书 古埃及人运用当地的草纸和石碑做工 具 书写了许多反映当时的政治 经济 宗教 和文化方面的重要文献 这些文献文图并茂 运用了许多象形文字和插图 从平面设计的 角度而言 他们具有相当高的设计水平 如 许多 死亡之书 图2 插图文字的组合 湖北工业大学硕士学位论文 编排错落有致 在对称中呈现一种变化 各种图形插入文字之间 色调上变化十分细 微有序 和文字形成了对比 埃及的古代文献中还运用了许多直线来分隔文字 和东 方的运用木版印刷的书籍编排十分相似 但古埃及的文献还没有固定统一的尺寸 大小不一 埃及人还没有掌握以后书籍装帧设计中经常运用的统一而有变化的编 排方法 在古代文献中 中国的甲骨文和青铜文 或称金文 是 种十分特殊的文字 文字 中既有象形的成分 也有会意 仿音等造字要素 尽管在文字的组合方面没有特定的 框架 但还是运用了文字和笔画之间的疏密进行组合处理 甲骨文和青铜文的文字 组织构成了以后中国文字设计的基础 笔划的一些处理原则对于中国平面设计乃 至绘画的一些基本组织编排观念的形成和发展产生了巨大的影响 中国与东方古代书籍和印刷品的版式设计 图3 仓刚经 进入封建社会后 中国人以自己的创造发明 在世晃历史上留下了非常辉煌的一页 四大发 明 中的印刷术和造纸术 对整个世界文明和文化 的传播起着革命性的推动作用 造纸术在东汉时期就发展起来 随之印刷术 也逐步地发明和完善 从而使当时中国的平面印 刷和设计远远地走在世界的前面 早期的中国印 刷术石版拓印 这种从东汉就开始流行的方法 在 一些特别的领域至今仍被应用着 从唐代起 出现 了运用木版印刷的印刷品 如现存最早的 金刚 经 图3 印刷时期大概在公元8 6 8 年 本版e p 昂 j 使印刷品的质量和效率有了很 大的提高 因而被普遍地推广运用 在唐代以后到清代末年 中国的书籍 包装 年 画和其他一些主要的印刷品都是运用木版印刷的 木版印刷术对当时平面设计的影响是很大的 中国的艺术家运用木版印刷技 术 创造了一种特定的艺术形式一年画 在插图方面 从早期的 金剐经 四美图 到清朝陈老莲的 水浒叶子 各种宗教 文学插图达到了很高的水平 至于书籍装 帧设计 中国人运用自己的纸张印刷装订技术 在唐宋时期已形成了和西方完全不 同的独特方法和风格 中国的书籍装帧由于纸张和本版印刷技术上的原因造成了书籍的许多装饰线 湖北工业大学硕士学位论文 条 这些线条不仅分割画面 使图形和文字按照其功能组合 同时也有着装饰画面的 作用 中国的书籍装帧方法从封面到扉页 从正文到插图 灵活多变 既保持了书籍的 整体性 又容纳了内容和形式上的多样 正文中既有标准的满页面的编排 也有留下特定的空间 让一些读者做批注的 编排样式 书籍中既有满画面的单页插图 也有将插图插入文字页的编排方式 木版 字体的刻制也形成了中文字体特定的装饰样式 而中国文字的直排和从右至左的 阅读方式造成了与当时西方书籍完全不同的页面编排风貌 中国人在书籍设计与 印制技术方面形成的方法和体系是相当成熟的 中国的木版年画有很长的发展历 史 在清朝达到了创作的高潮 以桃花坞 杨柳青为代表的民间年画风格 色彩鲜亮 造型生动 在构图上不强调透视深度而强调装饰性与平面化 如 金玉满堂 一团 和气 等 中国的年画在文字的编排上表现出中国绘画构图的影响 有些则应用了框 线加色块的方法 很有特点 日本的浮世绘也运用了木版印刷的方式 在形象和构图的装饰性处理和色彩 运用方面达到了很高的水平 画面结构多变 各种视觉要素对比强烈 在构图上采用 大胆的画面分割 使画面显示出一种坚实的织体感 西方中世纪书籍和印刷品版式设计的发展与演变 西方中世纪的平面设计 主要体现在各种手工和绘制的宗教书籍上 当时由于纸 张的制造技术还未从中国传播到欧洲 人们主要运用十分珍贵的羊皮纸进行书写 一本2 0 0 页的书籍要一个书写者花四五个月的时间才能够完成 所以书籍在那时是 非常贵重的东西 只有少数贵族统治阶级才能享用 在设计上 手工绘制的书籍具有很高的艺术价值 许多书 籍运用了金银等贵重的材料 如在染成深紫红色的羊皮纸上 运用金色或银色描绘各种花卉 或在人物背景上运用金色和 红色绘出各种装饰字体 画面上十分注重文字和图形的色调 对比 特别是图案运用了植物的曲线组合 形成了一种色调 匀称的肌理插图和文字之间不像中国的书籍那样有着分明 的界限 常常交叉在一起 但在色调上层次分明 图4 中世纪的手抄文书 和原先古埃及 古罗马的纸草文献不同 欧洲中世纪的书籍纸张有了同样大小 的尺寸 并装订在一起 形成了现代书籍的基本样式 湖北工业大学硕士学位论文 在1 4 0 0 年以后 欧洲各国开始逐步建立起自己的造纸业 纸张被普遍地采用 同 时欧洲人运用木刻的方法 印制多种印刷品 在这样的技术基础上 书籍的设计也有 了根本性的进步 一方面出现比手写字体更为简洁 明快 具有大面积空白的编排样 式 尽管大多数版面只是运用了单栏的文字编排样式 德国的阿伯里奇 丢勒 a l b r e c h t d u r e r 1 4 7 1 一1 5 2 8 是一个金匠的儿子 1 4 9 8 年他为 启示录 设计的1 5 张木刻插图 是德国木刻艺术的经 典之作 他为许多书籍进行的装帧设计 在版式方法上灵 活而不失严谨 1 5 2 5 年他出版了自己关于书籍装帧设计 的理论专著 运用尺度设计艺术的课程 具体地讨论 了运用几何比例和图形的方式进行字体和版式的设计 问题 丢勒还运用模数的方式进行字体设计 他将笔画的 宽度和字体的高度设定为1 1 0 的关系 然后再以此推断 图5 中世纪的版式设计 出各个字和笔画之间的比例关系 他对拉丁字体进行了 全面和科学的改进 完善 使字体设计高度理性化 他是 最早运用数学和几何方法对平面设计及版式设计进行研究的大师 丢勒对平面设 计和绘画艺术的贡献可以说都是相当大的 1 5 世纪末年开始 德国的印刷和设计方法流传到各国 在欧洲引发了一个平面 设计 字体设计的发展高潮 在文艺复兴的中心意大利 印刷工业和平面设计走在前 面 意大利的书籍装帧设计大量地采用花卉图案 各种卷草纹样包围着文字 在文艺 复兴后期 设计家在版面的组织编排方面有了比较大的创新 出现了相当复杂的平 面布局 在法国 乔傅雷 托利 g e o f f r o yt o r y 1 4 8 0 1 5 3 3 等设计家运用严 格的数学方法对字体进行设计 规定了对字母进行分析和组合的基本原则 人们还 将段首的大写字母运用花卉图案进行装饰 在1 8 世纪 由于罗可可艺术的影响 各种 曲线装饰和花体字成为基本的设计要素 非对称的华丽的版面布局成为 种时尚 英国在1 8 世纪 印刷和平面设计开始有了长足的进步 并迅速地达到了很高的水准 英国的设计风格简洁 明快 清晰 利用金属腐蚀方式制版的插图和精细而布局宽 松的文字字体 使英国的书籍版面在感觉上与现代书籍非常接近 工业时期的版式设计 自 b i i y i 女i 欧洲逐步进入了工业革命时期 在印刷技术方面 德国人古登 湖北工业大学硕士学位论文 堡经过几十年的努力 发明了铅字印刷技术 1 8 8 0 年前后 最早的印刷机在德国制造 成功1 9 世纪 英国人斯坦霍帕在自己开设的印刷厂里首次应用了全金属的印刷机 以后 印刷机被迅速地推广到世界各地 当时最快的机器每小时可印1 1 0 0 页纸 印刷 的尺寸也大大扩展了与此同时 造纸机的发明也极大地提高了制纸的效率 这都从 根本上降低了印刷和出版业的成本 1 8 7 0 年德意志志联军围攻巴黎 切断对外交通管道 当时的一位摄影师达格朗 想出把信件拍成极小狭长胶卷的点子 不但讯息传播无阻 也解决当今资讯泛滥的 贮存问题在工业产品的外观上 以简洁表现优雅的形式 肯定机械生产后 1 9 世纪 奠里斯 w i l l a mm o r r i s 强烈指责艺术和工业的分离 艺术不只是美 更应 该是在思想的表现 1 9 1 9 年格罗毕斯 w a l t e rg r o p l u s 在德国魏玛创设包豪 斯学校 结合工学 技术 美学理论 采取集体创作t e a mw o r k 方式 从经济 生理 心理各方面探讨视觉语言化 企图建立大众所能接受的美感机能共识 美善于利用当代工业社会文明 消费主义下各种素材媒介 做形体及色彩的综 合表现 制造出另一种新的视觉形象 西方的绘画从1 9 世纪n 2 0 世纪近百年的发展 大得j 除人 而什么是艺术 反没有标准答案 而是靠画家自己去解答 美感发自心灵 探讨美的概念 现象 本质 意义 结构 性质 法则 发展 种类 价值和理 想架构 从理知赋予形式和精神 涉及知识 宗教 哲学 科学 艺术 道德 生 命 理想 永恒等价值探讨 美学家威茨 m w e i t z 说 艺术是永远不能事先被界定的 现代艺术抽离 了自然形象 不易产生观众对物的联想 也难认同作者创作意念 印刷品设计中 常用几何形态 借一定法则可循 具明快 单纯魅力又是我们所熟悉的 容易在 版面上造成强烈视觉印象 资讯时代的版式设计 伴随着1 9 世纪中后期的工业革命 第四次信息传播革命 模拟电子传播诞 生了 更先进的印刷技术和摄影术的发明使版式设计进入了现代时期 在将近百 年的时问里 版式设计思潮此起彼伏 2 0 世纪3 0 年代的 新版面 运动的主要 特征就是无称线字体1 4 和摄影图片的大量运用 2 0 世纪中时的国际版面运动 是版式设计从感性到理性的转变 设计师逻辑性和分析性的思考方式使版式作品 具有了素材尺度的规格化和结构关系的条理化特征 这 时期的作品往往也是功 能主义的绝好典范 8 0 年代以后 计算机技术在设计行业中的运用使版式语言又 湖北工业大学硕士学位论文 得到了空前的发展 后现代主义 的设计师力图破坏现代版武设计所提倡的统一 秩序 重树个人价值 追求华美的装饰和无意义的偶发效果 版式设计呈现出了 新的活力和面貌 图6 8 图6 8 后现代主义思潮下的版式设计作品 数字信息传播时代的版式设计 我们正身处第五次信息传播革命的时代 也就是数字式信息传播的时代 它 使人类面临着一次前所未有的 具有根本性的突破和变革 版式设计也面临着同 样的革新 9 0 年代以来 随着计算机多媒体技术的发展 数字式信息传播在现代人类生 活中发挥了越来越大的作用 网络 光碟等新兴媒体已经成为人们信息获取的重 要来源 电子屏幕开始逐步取代纸张和印刷成为成熟的信息表达终端 通过比较 这种基于电子屏幕的信息组织形态 图9 1 4 与印刷版式形态之间的共性是明 显的 有二维的表现空间 电于屏幕与纸张 书本一样具有 平面 的特征 有类似的组成元素 包括了印刷物上所有的诸如文字 图形和图像等静态元 素 增添了视频和动画等动态元素 有相对的元素关系 各类元素按一定比例在页面上有所体现 之间有逻辑意 义上的关联 而不是情节上的关系 这是区分影视作品的关键 有相对的结构关系 包括页面的主次 前后等等 因而这种信息组织形态可以被视为版式在数字信息时代的形态发展 另外 从广义的版式概念来看 在视觉元素和构成元素这两个点上 动态元素的加入善 意而又先见性的进一步完善了这一概念 事实上在现代视觉传达设计的概念范围 湖北工业大学硕士学位论文 内 版式设计己经包括了两个层次的含义 静态版式和动态版式 2 0 世纪初 摄 影图片作为新兴的视觉元素的出现处于一片讨伐声中 但最终还是得以存在于版 面设计之中 图9 1 0 电子触摸显示屏 图11 1 4 网站页面版式设计 1 5 湖北工业大学硕士学位论文 第2 章互动版式的产生原因 2 1 对于高效传播方式的探索 从人类传播学角度出发 人在传播过程中进行的信息交流是通过人与信息的 相互作用而达到的 所谓人与信息的相互作用就是指人接受信息刺激 做出反应 得到反馈 获得知识的过程 这里 传播过程的双方的必要反应是保证传播达到 预期效果的一个重要环节 传播双方参与和反应越积极 越频繁 传播过程越顺 利 越不容易被中断 同时 信息接受者接受信息的方式极为重要 如果信息接 受者只能被动的接受信息 无法做出反馈与响应 就无法评价传播过程是否有效 因此这种主动性是信息传播过程中关键的一个环节 互动版式由于其交互技术的 运用 读者可以对舨式进行控制 并按照自己的需要对版式信息有选择的 主动 地加以接受 人类信息传播历史经历的每一次变革都是人们对更高效率传播方式 进行探索的结果 互动版式本身就是对这种主动性探索和努力的产物 2 2 电脑对版式设计的冲击 计算机多媒体技术的发展 使版式得以存在的媒体发生了质的变化 这个变 化不亚于当时造纸和印刷给人类带来的深远影响 海德哥尔在论述1 9 世纪末 2 0 世纪初电讯文字和影像传播等新媒体的时候有一段精彩的设想 在同一的格式中 每一件事离人不远不近 它是什么 是无距离 万物被揉进无距离的同一格式 中 5 科学的来说 计算机的二进制语言把人类过去相互之闯界限分明的信 息方式作了数字化处理 从而达到了各种信息的 同格式 效果 信息之间的共 存和转化得以成为现实 人机交互技术的发展又使人们的种种行为数字化 通过 这些数字化的指令对数字信息加以控制 因而 互动版式也是电脑发展的产物 23 互联网的出现 由于互联网把计算机与最新的通讯 数码技术结合起来 使得各种信息在传 播范围 传播速度 通信容量及信息交互方法都取得了前所未有的突破 在1 9 9 8 年5 月的联合国新闻委员会年会上互联网被正式宣布为继 报刊 广播 电 视 三大传统媒体之后的第四大传播媒体 作为 种新媒体 互联网具有传统媒体 无法比拟的特点互联网不仅融合了以往各种大众传媒的优势 能以文字 图像 湖北工业大学硕士学位论文 声音同时发送信息 而且还具备了各种大众传媒所不具备的特点如跨时空 可检 索 超文本 交互性等 过去 人们只能读报纸 听广播 看电视 而在电脑面前 人们既可以读 也可以昕 还可以看 特别是对感兴趣的信息 点击鼠标就可以下 载 录音 录像 还可以进行存储 整理 评说 复制 剪裁 并可以自由地调 用和发送信息 更加接近自然的人际传播 使传统传媒带来的传播距离感大大减 小 互联网突破了以往大众传媒单向传播的模式 能使信息传播具有双向传播的特 性 传统的三大媒体 无论形式如何多样 与受众之间也只是一种单向联系 受众 只能看 听 顶多可以通过电话交流 而网民则可以上网交流 通过b b s 论坛和 网上调查 当即发表和看法 交互性是互联网最独特的特性之一 互联网也为互动 版式提供了最好的平台 互联网使信息传播具有高速 高质 超量 多样化 超文本的特征 既可以 传输 也可以异步传输 这是传统传媒无法比拟的 其容量大 超文本的优势 是 报纸 期刊杂志 电视望尘莫及的 比如 新华社综合信息数据库 h t t p i n f o x i n h u a o r g 目前包括2 8 个库 1 0 0 多个子库 数据羹达8 0 多亿汉字 并以日均1 5 0 万汉字的速度增长网民还可以通过网上大量的超文本链接 对阅读 的进程方向和结果进行选择 也可以从网上存储的 浩如烟海的信息中 根据自 己的要求 随意查询 从而彻底改变了传统的阅读方式 新华社综合信息数据库 h t t p i n f o x i n h u a o r g 湖北工业大学硕士学位论文 竺 竺i i i i i i i i 一一 i 竺 第3 章互动性版式的特征及优势 3 1 信息载体的岛榉化 从版式设计的定义可以看出 版式设计的对象是信息媒体 通过对这些信息 媒体的有序和美学处理 使之得到更有效的传播 媒体 6 1 通常有两层含义 物 理性媒体 存储和传递信息的实体 和表现性媒体 信息的传播形式 互动版式 和印刷版式依赖的物理性媒体不同 譬如印刷版式依赖于书籍 纸张 互动版式 则以计算机或以电于屏幕为物理性媒体 而后者由于其技术优势能承 载更多的表现性媒体 印刷版式设计的对象基本就是文字和图形图像三个表现性 媒体 目前大致为文字 图形 图像 视频和动画 这些媒体前所未有的为人们 提供了多种感官的刺激 研究证明 通过多感官记忆要比单一感官的记忆效果好 的多 同一信息如果只靠阅读 这也是大多数印刷版式仅能做到的 经历一个时 间段后 记忆度不到1 0 而通过多感官记忆的记忆度是前者的5 倍之多 图 1 5 如此一来 互动版式信息媒体的多样性特点决定了它作为信 息的组织形态比印刷版式能更有效的提高信息传播的效率 图1 5 不同感官记忆度的对比摘自 传播媒体和信息技术 3 2 非线性 的信息编排结构 互动版式服务于一个多符号系统 它的信息编排结构对于印刷版式而言有了 质的变化 尽管从单一的页面或相对静止的页面来说这个变化不是十分的明显a 湖北工业大学硕士学位论文 印刷物是典型的 线性 7 编排 信息的表达是按照读者翻页 线形 的顺序 安排的 作者设定读者是按照书的页次顺序来阅读作品的 围此情节的安排也根 据这条线索 而互动版式的信息排列结构可以是 非线性 8 的 从主菜单 根 目录 开始 接下去是一级一级的子菜单 在每级菜单上都放有相互关联的信息 块 而这些信息块之间又有同级和不同级逻辑意义上的关联 这些关联可以是树 状的 网状的或是任意的 非线性特征可以形象的得到说明 人们在解读信息的过程中 信息经常会从 一个固定的信息源扩散出去 在几种符号语言中游戈并使源本身得到不断的丰富 和深化 在我们阅读的时候 由于自身的经历和体验 会对文中有关人或事产生 联想 这些联想可以是一张图片 一段声音甚至是画面 而这些联想会不同程度 地对人的思维产生影响 人可以找出互不相干的记忆群之间的联系 而不像普鲁 斯特对马德林蛋糕香味的联想那样局限在美学水平上 记忆具有组建联想结构的 能力 它与思维 创造联系紧密 9 1 互动版式采用的这种结构特征类似于上述 的人脑的联想记忆机构 正是这种拟人的 非线性的 复杂的和发散的结构 在 信息的本源和外延之间建立起了更合乎逻辑的和具更有创造性的连接 德里达在其 论书写学中 认为我们这个时代具有 悬在两种写作方法之 间 的特征 在这个写作时代 线性写作 与 书本 都已走到了尽头 他又宣 称 当前交流形式的种种跌宕起伏 新的结构正在所有正式的写作 档案及信息 处理中出现 它极大地 系统地降低了演说及书本的作用 事实上 非线性的概 念影响到了文学以外的包括电影和电视等艺术创作活动 甚至是d a v i d c a s o n 1 0 印刷字体和版式作品也有人称它是非线性的 3 3 交互技术 这是互动性版式最关键的特征 计算机中交互技术的应用使得版式有了形式 和本质上的变化 在互动版式表现媒体的多样性方面 传统意义上的电视或电影 就己具备这样的功能 同时传播文字和图像和视频等多种表现媒体 非线性 结构似乎也不是互动版式的专利 互动版式与印刷版式最大的也是最为本质的区 别在于是否采用了计算机的交互技术 交互技术虽直接地体现在版式的阅读者能对版式信息进行控制 印刷品的制 作和发布都是由传播者控制的 一旦付梓印刷后 版式也就定型 读者只能经由 1 9 湖北工业大学硕士学位论文 设计师的设计意图的引导被动地完成信息的阅读 而互动版式提供了读者的参与 功能 目前情况下 这种控制功能是有限的 表面上由信息接受者执行的控制行 为实际上仍是由信息传播者利用交互技术预设的 读者可以通过版面中的按钮 导航和菜单等交互设置 按照自身的需要和习惯来选取信息 自然而然的 不同 的读者会对版式有不同的理解 这一点对于互动版式的设计有着至关重要的启 示 阅读的过程是主动的 这种主动性极大地提高了读者的阅读兴趣和阅读效率 湖北工业大学硕士学位论文 i l l 一i i i i i i i i i 第4 章互动版式与互动形态的种类 4 1 互动版式的分类 与传统的版式相似 互动版式也具有注重视觉的功能性和艺术性的两方面内 容 大多数信息产品的界面 例如软件界面 多媒体系统 门户类网站的页面等 等大都采用功能性的互动舨式 图1 6 1 7 图1 6h t p h a d o b e c o r n a d o b e 公司是著名的图形图像和排版软件的开发 商 网站还提供了大量的美术作品和j i 材下载 圈1 7 h t t p w w w 2 6 3 c o i n 被塞得满满的搜索 引擎 襄示此它的网站信息蘑多 包含范f 酎广 以线框区分不同的项目 内容多而不乱 t 由于这一类版式不仅仅具有信息表达的功能 而且是信息交换和处理的场所 因而在信息组织形式上更多地注重版面的功能性 页面安排往往有固定的模式 注重艺术性表达的互动版式包括大多数非信息类网站 个入主页及个性化多 媒体软件 图1 7 1 8 由于更多地考虑信息表达的艺术往 在版式的表现形式 上 比前者更为活泼和自由 蔺1 7 1 8h t t p w w w 2 6 d e c o r n 个入主页设计 湖北工业大学硕士学位论文 r o l l 4 2 互动形态的分类 无论是注重功能性还是艺术性的互动版式 其中互动的形态是可以通用的 从技术角度而言 互动版式的 交互性 具体体现在以下三个方面 a 可变的信息提供顺序 b 使用者的多种响应操作 c 可以调节的反馈方式 剖析整个互动形态的具体制作过程 同时结合实际制作软件 如m a c r o m e d i a 公司的一系列多媒体设计软件 d i r e c t o r f l a s h d r e a m w e a v e r a u t h o r w a r e 等等 尽管它们在设计过程中的侧重有所不同 实际上 大多数的多媒体制作软件都包 括了交互制作的功能 大致可以把互动形态更具体地分为按钮交互 热区交互 热对象交互 目标区域交互 文本交互和命令交互等等 现就最为常见按钮交互 热区交互和命令交互作相关的图解 图1 9 2 1 图1 9 按钮交互通过鼠标的点击 完成主菜单到分菜单的转换和变化 图2 0 热匿交互 鼠标的点击过程中 系统对于鼠标的动作有及时 的反映 耋 中为菜单的颜色发生变化 实际运用 过程中 这种反映可以是包括变形 声音或其他一 2 2 图2 1 输入交互 读者通过系统提供的搜寻设置 主动的 寻找相关信息 图中是输入相差描述文 字 实际过程中可以是有关指令或语音 湖北工业大学硕士学位论文 广义的传播学注重传播过程中的信息交流方式 互动形态也可以按照信息发 送者和接受者分类 最直接的就是人机互动 也就是人与计算机之问的信息交流 方式 这也是当下所普遍认同的最直观的互动行为 间接的有信息的制造或合成 者 设计师 与信息接受者之间的关系 人与人的互动等等 这种方式中互动 的体现是隐性的 但却是具有本质的意义 湖北工业大学硕士学位论文 第5 章互动版式引发的版式设计观念的革新 为便携式平板开发出来的数字印刷媒介 不是要彻底地抛弃5 0 0 多年来积 累的印刷和出版知识 而是有可能导致一次印刷和视觉传播的全新复兴 1 1 印刷版式和互动版式在美学上的共同点是不言而喻的 例如在版式构成的基本原 理和基本形式上 两者之间有着相当的传承关系 同时 许多设计师也客观地认 识到了两者由于物理媒体的区别造成了在实际设计过程中的 集中体现为印刷设 计和屏幕设计的不同 但这些过于基础于实践的经验未免有些片面和浅显 传统 版式和互动版式的设计区别仅仅就是显示方式的区别 互动版式的美感塑造仅仅 就是印刷版式设计美学经验的套用 通过以上对互动版式的多样性 非线性和交 互性的分析可以看出这些特征从更深的层面影响到了设计师的设计过程 这些特 征引发了数字媒体上版式设计观念的革新 5 1 新的版式构成元素的表达和整合 这些新的构成元索包括文本 图形 图像 动画和视频图像 传统的版式设 计教学集中在文本 图形和图像的研究上 现代的视觉传达设计范畴己经包括了 多媒体在内的新媒体视觉传达设计 考虑到专业的发展需要 设计师有必要对这 些新兴的构成元素进行研究和学习 比较一下互动版式和印刷版式所处理的构成元素 有两个显著的变化 静态元素 动态元素 印刷版式中所组织的对象包括文本 图形和图像是相对静态的元素 过去的 视觉传达设计的教学也基本上是着重于这些静态元素的视觉表达技巧 互动版式 中出现了动态元素 这其中既包括本身的动态元素 例如视频和动画 也包括原 有的静态元素的动态化 例如经常可见的运动的标题文本或是类似g i f 格式的动 态图片 新技术动态地引进了静态元索的起源 研究 制作和复制的全过程 目 的是在不阻止新思想的传递的前提下 用它来缩短概念与描述之问的距离 为什 么两个相同的图形会因为运动时的快慢 次数和方式的不同而造成其传达意义的 不同 设计者需要知道这些静态的形运动起来后所带来的新的含义和意义 视觉元素 昕觉元素 这似乎是超出版式概念范畴的构成元素 但实际上 听觉元