版式设计PPT.ppt

1 版式设计 48课时艺术设计专业 2 第一版式设计的概念 学习版式设计之前 我们必须明确什么是版式 版式即版面样式 版面是版式设计的载体 在信息化时代里 版面不仅仅是一张纸 它还可以是一面墙 一个瓶罐 一件t恤 显示器的屏幕 公交车的车身 是一切可以人为利用的信息承载媒介 版式设计也称为编排设计 是指在有限的 特定的版面空间中 根据设计内容 目的要求 把文字字体 图形图片 线条线框 颜色色块等视觉元素按照设计创意要求进行组合排列 并运用造型要素及形式原理把创意构思以视觉形式表达出来的过程 是一种具有个人风格和艺术特色的视觉传达方式 是现代设计艺术的重要组成部分 是视觉传达的重要手段 版式设计广泛应用于书籍杂志设计 报刊广告设计 招贴广告设计 包装装潢 企业形象设计 产品样本设计 网页设计等所有平面以及影像设计制作领域 它的设计原理和理论贯穿于每一个视觉传达设计的始终 是一种利用艺术手段来进行版面信息传播的创造性活动 它不仅是一种技能 更是技术与艺术的高度统一 版式设计是现代设计师必须具备的艺术修养与技术知识 是视觉传达设计重要的专业基础课程 3 1 1图1 1百事可乐易拉罐设计kaczmarek白色的罐身 青色的花纹 灵动的线条 就像青花瓷一样宁静 唯美 少了些商业气息 多了几分艺术的美 令人爱不释手 1 2图1 2健体公司召集手册版面中不论是文字还是插图或图框 都采用颇为笨拙有趣的形式 色彩艳丽醒目 犹如小朋友的日记 俏皮 生动又时尚 1 3图1 3 赤彤丹朱 封面设计吕敬人用老宋体书名文字上下左右围绕成窗形 字体的空当处用银灰色衬出一轮红日 成为版面上的视觉焦点 4 1 4图1 4t恤衫图案设计在t恤衫的正面有彩虹 太阳 大象的图案 这些图案与英文字体看似简单 饱满的编排却体现出一种轻松 欢快 活泼的性格 在t恤衫的背面 随意编排的太阳与云朵进一步体现出着装者的个性 1 5图1 573dpi网站界面版面中的文字 图形 色块等造型元素经过精心的编排 在视觉上形成了从左下向右上升腾的趋势 既简约又动感十足 5 第二版式设计的目的 版式设计的终极目的是 将版面上的信息更有效地传播给读者 要做到 更有效 就必须具备两个条件 一是版面上的信息编排要合理 主题明确 一目了然 二是版面的设计要新颖 艺术感染力强 符合主题内容的特点需要 让读者印象深刻并乐于接受 这也就要求设计师在设计前必须对版面上所要传播的信息内容进行深入细致的了解 把握住信息的类别特点 同时也要对目标读者进行分类 研究其阅读习惯 然后进行创意构思 制定版面的构图布局 此时 设计师的人生阅历 设计经验 艺术修养和对设计任务的理解程度都对版式设计的质量有着重要的影响 1 6图1 62004韩国书展海报baesung lk残破效果的文字与由书籍构成的茶杯充满了整个版面 表现了厚重有力 古朴深远的意境 1 7图1 7香槟小镇房地产广告由7张各有含义的照片组合成一个大 7 字 十分醒目 也点明了版面信息的主题 6 1 8 图1 8 万年历 封面从版面上的文字字体 色彩 图形图像等各要素的选择以及规规矩矩的编排形式 可强烈地感受到中华传统文化的神秘魅力 1 9图1 9solvitamarriott包装设计作品倾斜排列的文字和图形使得包装的版面充满了轻松 幽默的气氛 使其在同类商品的包装设计中显得格外突出 1 10图1 10tarekatrissi为黎巴嫩irap学院设计的海报手势与数字的相互呼应 展现出40周年的信息 蓝色与红色的对比 表达了在激情中的冷静思考 版面设计严谨 大气 极具权威感 1 11图1 11 节约光荣 公益海报罗博版面中的图形呈倾斜状态 将版面作对角线分割 加强了红丝带图形挥舞的动感 7 第三版式设计的发展趋势 过去 人们对版式设计的认识简单地局限于书籍 报刊 杂志等纸质出版物中 认为版式就是一种图文编排的格式 而不需要任何设计 随着时代的进步 技术手段的发展 电子影像媒体的广泛应用 信息交流的方式和效率有了极大的改变与提高 人们的思想观念发生了重大的变化 版式设计的内涵已经扩充为世界性的视觉传达公共语言 一 强调创意表现版式设计中的创意有两种 一种是针对主题思想的创意 另一种是版面编排设计的创意 要求设计师在版面编排技巧上勇于打破设计传统 不拘泥于以往习惯性的条条框框 在司空见惯的事物中找到新的表现形式 巧妙地运用幽默 夸张 悬念戏剧性手法将主题思想的创意与编排技巧的创意相结合 已成为现代编排设计的发展趋势之一 8 1 12图1 12perrier矿泉水广告奥美作品利用前后空间中图形的巧合 创造一种幽默搞笑的场景 将人们的视线引到商品本身 1 13 图1 13国外电影主题海报颠倒的画面令人感到意外 大面积的黑色压抑着观众的心灵 凸现了诡异荒凉的气氛 图1 14sagres啤酒广告利用啤酒泡沫与海浪的相似 再利用前景与后景的巧妙重叠 造成泳装美女从啤酒杯中走来的错觉 使人产生清凉 激情的感觉 1 14 9 1 15 1 15 1 15 图1 15迪拜投资公司广告在这个系列广告的版面中 手与太阳 瀑布 石山是前景与背景的关系 同时也是点 线 面的元素 利用版面构图的巧合重叠表达 看到 接到 掌握 这三个概念 10 二 追求个性品味个性是设计师对设计样式差异的独到见解 它包括设计师本人的个性表现和版面内容形式表达的个性表现 品味是一个人对高质量的生活要求完美的一种表现 是个性化的充分发挥 品味既决定了设计作品的档次 也决定了读者的档次 在版式设计中 追求新颖独特的个性表现 根据信息内容营造某种意境品味 或者以追求幽默 风趣的表现形式来吸引读者 引起共鸣 是当今设计界在艺术风格上的流行趋势 个性与品味往往是相辅相成的 有强烈个性的设计作品一般就具有十足的品味 个性使版式能够脱颖而出 达到迅速吸引读者视线的目的 品味让读者回味无穷 引发审美共鸣 从而愉快地接受信息 1 16 图1 16 香水之约 楼书内页版面中运用写意国画和书法字体作为插图 凸现出水墨情怀的韵味 文字按照传统古文书籍的排版方式进行竖排 使之与插图的风格一致 整个版面在古典的气息中又蕴涵着现代设计的品味 11 1 17 图1 17蒙大拿州立大学伯兹曼校区申请指南将单词的字母排列成一个人形 简练的同时又具有轻松 活泼的视觉效果 1 18 图1 18solvitamarriott平面设计作品用极其简练的线条与几何形构成了版面上的木偶图形 低纯度的色彩配置透露出一种无奈与迷茫 略带一点黑色幽默的处理手法使版面具有独特的魅力 12 1 19 图1 19隐藏艺术家的形态旺忘望无限循环的空间配置产生独特的视觉感受 强烈的个人风格令人印象深刻 1 20 图1 20调味品瓶贴设计carlgerhards把瓶贴设计成主妇下厨时所穿戴的围裙使人倍感亲切 同时也能使人轻松地辨别出产品的性质 极具个性与生活气息的版面设计能让消费者开心地接受 13 1 21 图1 21estrellalevante啤酒平面广告活泼 紧凑 可爱的字体与图形将快乐的情感充分地展现出来 1 22 图1 22韩国时尚请帖红与蓝 男和女 婚纱与礼服 述说着爱情的浪漫与甜蜜 14 三 注重情感效应 以情动人 是艺术创作中的重要原则 情感效应包含了情趣与情绪 它是娱乐性与人情味在版式设计中的体现 能迅速吸引读者的注意力和兴趣 文字编排具有强烈的情感表现功能 通过文字的位置编排能有效地体现 轻快 凝重 舒缓 激昂 的感情因素 另外 在空间结构上 水平 对称 并置的结构表现严谨与理性 曲线与散点的结构表现自由 轻快 热情与浪漫 此外 出血版使感情舒展 框版使感情内蕴 留白富于抒情 黑白富于庄重 理性等等 合理运用编排的原理来准确传达情感 或清新淡雅 或热情奔放 或轻快活泼 或严谨凝重 这正是版式设计更高层次的艺术表现 1 23 图1 23 雷雨 话剧海报充实的版面 阴沉的色调令人感觉压抑郁闷 雷 字的崩裂预示着悲剧的上演 15 四 巧用电脑编排电脑作为现代科技的产物 已成为设计师进行版式设计的重要操作工具 电脑化的作业形式给版式设计带来了更加广阔的创意空间和极高的工作效率 借助电脑设计手段进行图片和文字编排时 设计师可以轻松地完成多幅图片和多种文字的叠加 透视 错位 渐变等丰富多彩的编排效果 形成一个多维空间的版面 具有新奇 动感 刺激甚至矛盾的视觉特征 它的作用是普通的手工编排无法比拟的 但是 过度而无章法地使用电脑特效进行编排很容易出现版式上的视觉紊乱 信息不明了 主题不清晰 形式感模糊的毛病 无法达到版式传达信息的最终目的 如过多地使用错位 透叠 渐变会让人眼花缭乱等 此外 过多的电脑特效编排也容易形成设计千篇一律的局面 如果为了卖弄特效而做特效只会使编排的效果适得其反 让人感觉俗气 所以 巧妙而有节制地利用电脑特效为版式设计服务 也应成为当今版式设计的又一发展趋势 16 1 24 图1 24 水尚阑珊 房地产广告背景色的深沉将中间圆窗中的人物 标志及广告语鲜明地衬托出来 使读者的视线集中在版面上重要的信息位置 既体现了古典宁静的美又合理地控制了视线流 1 25 图1 25草莓味芬达碳酸饮料广告运用电脑特效 将草莓与舌头进行同构 既说明了饮料的口味 又令人耳目一新 17 1 26 图1 26peteharrison海报设计作品利用光影与人物的透叠 产生如梦如幻的情景 使整个画面时尚而美丽 1 27 图1 27yotomo牛奶创意广告超现实的电脑特效 向读者展现出一个想象中的场景 令人惊叹 18 1 28 图1 28国外某杂志广告高超的电脑特技将版面中人体的皮肤异化为特定的肌理 产生既真实又不可思议的视觉效果 1 29 图1 29jazzradio电台平面广告将广告语逼真地模拟成金属皮带扣具的效果 配合牛仔裤的图形 把爵士乐电台的风格完美地展示出来 19 第四版式设计的编排原则 一 主题与中心的突出任何一种形式的版式编排 其共同目的都是使版面中的各种视觉元素按照一定的主次关系和形式美法则进行有条理性的组织和排列 然后来共同说明或表达一个问题或一种含义 也就是说其各视觉元素必须要围绕一个视觉中心来突出一个设计主题或思想主题 平面设计中的版式是存在一定的范围界限的 因此 在这个有限的范围中 如何提高其信息传达和情感传达的效率 突出主题是重中之重 因为一个鲜明的设计主题或视觉中心不但能使整个版面存在一个主角和重心 也能使各视觉元素有机地形成一个 团队 更为重要的是受众视线的快速定位及设计思想的强烈传播均与其主题和中心的突出与否有直接的正比关系 所以主题与中心的突出并不仅仅只是一个 位置 的问题 而且是关系到设计思想能否成功体现的关键之一 在具体的设计表现中 版面主题或中心的突出并不是纯粹地强调单一和简单 而是追求一种设计内容的概括及巧妙地提炼的过程 这个过程是一个艺术构思和构成手法进行精彩融合的过程 20 2 1 2 2 图2 1版面构成简洁 主题突出 让消费者过目不忘 起到了宣传产品的目的图2 2主体形象成为宣传的视觉中心点 同时将主体与文案整体组合 主题鲜明 让人一目了然 21 2 3 图2 3主体形象成为视觉的中心点 主体形象下面的黑色和文字连在一起 使主题更鲜明 2 4 图2 4直接采用啤酒瓶的外形做宣传 直接点明了主题 22 2 5 图2 5用玻璃啤酒杯直接体现啤酒的色泽 让消费者一目了然 二 内容与形式的统一一个优秀的版式设计不只是字体 图形 色彩等视觉元素组合形成的一种表现载体 它是设计者创意构思的舞台 版式设计的诉求点在于最大限度地通过各种视觉元素来携带和融入更多的构思创意与设计信息 所以利用表面的形式和视觉感受来触摸其主题思想的内涵才是对待版式设计的正确态度 23 设计师除了要绕过那些表面的 炫目的形式层面去感知其深层的设计精髓 更为重要的是应把版式设计内容作为战略目标 把形式的表达看成一种战术手段 怎样通过 战术 来合理 准确地体现 战略 实际上就是一个正确的内容整合与合适的形式选用之间的搭配过程 日常生活中 可以经常看到个人情感的随意宣泄与不和谐的字体 图形 色彩等视觉元素共具一体的情况 而这种情况一旦产生就注定了版式设计内容与形式之间的严重脱钩 版式设计的内容是表达形式运用的重要依据 而形式是让版式设计内容产生共鸣的重要途径 二者之间就像骨骼与肌肉一样 相辅相成地来塑造一种完整的版式设计效果 2 6 图2 6版面图片的秩序化构成 具有一种韵律的节奏感 2 7 图2 7文字绕图排列 使文图融为一体 意味深幽 含蓄 24 2 8 图2 8通过色彩的统一 将整个版面融合在灰黄色的颜色效果下 然后运用色彩明度的不同将各元素表现出来 2 9 图2 9图片的秩序化排列以及视觉流程的引导使画面在多元素的情况下既统一又有一定的韵律 2 10 图2 10对相似的图形元素采用统一的排列方式 使主体明确而又有变化 25 三 设计与艺术的结合版式设计构思与表达的本身就是一种创作过程 但如果仅仅把目标局限在一种纯粹的 设计 层面上 那么其版式设计的整体质量无疑将会大打折扣 甚至缩短其生命力的延续 为了避免这种情况的产生 就应使字体 图形 色彩等视觉元素通过其审美原理 并运用夸张 象征 比喻等表现手法来装饰和丰富整个版面效果 同时渲染版式设计的主题色彩 进而使版式设计不但在信息传达上达到事半功倍的效果 也使版面充满一种灵性和诗意 版式设计要想达到最佳的设计目的 就必须从构思开始就融入一种追求美 表现美的艺术冲动 在这种艺术冲动的支持下 版式设计才能更好地实现所要表现的效果 版式设计中的设计与艺术可以看做是理性元素和感性元素的结合 这种结合不光要让相关信息准确无误地传达出去 更有意义的是要在这个传达过程中让版式设计的受众渐入佳境 同时获得心灵上的愉悦与美的享受 随着时代的不断发展 版式设计与艺术的结合将会更加紧密 这就需要设计人员既要有一定的专业技能 又要具备一定的审美能力和艺术修养 26 2 11 图2 11版面中电脑插图的运用既富有浓厚的艺术气息 色彩的对比和文字的个性造型又富有很强的设计形式感 2 12 图2 12在摄影图片上添加富有艺术气息的插图 减少了图片的商业气息 增强了艺术感染力 2 13 2 14 图2 13运用插画的形式和黑白线稿的表现手法来构成版面 具有很强的艺术效果图2 14运用图片与图形的装饰艺术手法来构成版面 27 2 15 图2 15大量图形的变化在版式中具有非常好的装饰效果 四 局部与整体的协调版式设计是文字 图形 色彩等视觉元素的一个集合体 这些视觉元素就像一个乐队 各自的角色和分工不同 但它们必须要共同完成同一乐章 也就是作为一个版式整体去完成一个共同的主题 版式设计要始终坚持其各视觉元素相互协调 相互补充的原则 达到融会贯通的境界 而这种贯通与协调是在版式主题思想的掌控下进行的 28 在具体的版式表现中 只追求局部的形式美感而忽视整体的协调统一 其版式设计不能说是成功的 不可否认局部细节的塑造是整个版式的精彩所在 但过度的细节刻画容易造成版面零散 琐碎 花哨 中心不突出的局面 只有在整体的宏观调控中把版式设计中各元素进行有机融合 在强调设计主题的同时 通过版面内各局部元素的整体筹划与协调编排 进而使版式效果具有鲜明的秩序性和节奏性 才能实现版式设计 形散而神不散 的诉求目标 最终完成版式设计艺术推广价值和社会运用价值的呈现 2 16 2 17 2 18 图2 16至图2 18版面上的空间与秩序使它们产生内在的联系 视觉的流程将所有要素组成和谐的整体 29 2 19 图2 19文字与图片的一体化编排 形成版面的整体风格 2 20 图2 20版面图片的秩序化构成 具有一种韵律的节奏感 30 第五版式设计的审美原理 一 对称与均衡对称是以 中轴线或中轴点 为基础 两边置以同形 同量 同色的对称形态 是等形等量的形态元素组合 以对称轴线为中心有上下对称和左右对称 以轴点为中心有旋转对称和放射对称 其版式特点是稳定 庄重 整齐 秩序 安全 在对称形式的版面设计中 轴线和轴点是一种看不见但能够感觉得到的线和点 它存在于人们的视觉意识中 在现代版式设计中 对称是一种常用的形式 通常是将图形和文字进行居中对称的编排 带给读者严谨 稳重 平和的美感 而且对称的图形容易成形 在版面上也更突出 注目率更强 此种编排形式多见于招贴广告 书籍封面和产品包装设计中 31 2 21 图2 21马兰牛骨拉面左右对称的版面设计给人以精致 稳定的感觉 2 22 图2 22韩国时尚请帖完全左右对称的版式体现出高雅 稳重 正式的感觉 32 2 23 图2 23美国pbd品牌与包装设计公司为buddyrhodes混凝土设计的包装从对称的版式中可以看出其悠久的历史和可靠的产品质量 2 24 2 25 图2 24美容院广告在对称的版式设计中 将文字的编排巧妙地与图形相结合 产生既生动活泼又严谨有力的效果图2 25康佳手机广告高贵典雅的对称版式 体现出产品的品味与档次 2 26 图2 26电影海报用飞机的对称形体将版面平分 文字集中在版面中央的编排方式使版面的内容既丰富又避免了底图与文字的相互干扰 版面上要素的主次关系明确 方便读者阅读 33 2 27 图2 27马西耶 哈吉瑞什 波兰 为 reporter 卡托维茨摇滚音乐节所设计的海报对称的版面让人感觉到厚重的分量感 版面中央的圆点是版面的趣味点和兴奋点 它的存在给读者以想象 刺激读者的好奇心 均衡是遵循杠杆力学原理 以等量不等形的组合 利用视觉规律 通过对大小 形状 距离 疏密诸因素的改变来调节 轴 两侧的分量 形成心理上的平衡状态 同时 均衡也是一种变化的平衡 在设计上 这种力的平衡主要是由视觉反应到心理上的一种平衡感觉 而不是物理上的重量均等 版式设计中主要表现为形状 大小 色彩 材质等视觉元素 利用特定的空间来决定主与次的位置 通过控制各元素的位置 面积 大小变化 色彩对比等 得到视觉和心理上的平衡 变化出具有动感的版面空间 这种构图形式比对称更生动 34 2 28 图2 28书籍编排设计newfuturegraphic大与小 多与少的图形对比 经过精心的编排在版面上形成平衡 2 29 图2 29艺术学校申请指南大的陶罐图形偏于右侧 在左侧排上灵活而整齐的字母和插图 使版面设计获得心理上的量的均衡 35 2 30 图2 30lisapyerson设计作品版面各元素灵活随意的编排 产生既均衡又生动的效果 2 31 图2 31solvitamarriott平面设计作品利用位置与距离获得平衡效果 显得灵活而富于变化 36 二 节奏与韵律节奏是造型要素按照一定条理 秩序 重复连续的排列 形成一种律动的形式 在版面设计中 将线条 图形或色彩以相同或相似的序列重复交替 排列组合 以获得节奏感 就视觉造型艺术来说 节奏是视线进行中的变化点 没有节奏就不会引起视觉的兴奋 2 32 图2 32cd封面设计ziongraphics同一风格的字体产生了整齐划一的节奏感 精致而严谨 2 33 图2 33 supersuper 杂志第6期的推广海报凯特 默罗丝 英国 在文字的色彩 位置 空间方向上精心编排 将节奏感隐含在富有空间立体感的文字图形中 37 2 34 图2 34malfunc平面设计作品极具现代感的字体就像一个个音符 将它们整齐排列后就具有了节奏感 韵律和节奏一样都源于音乐上的概念 韵律就像音乐中的旋律 有起伏有重点 比节奏更具情调和感染力 韵律美更趋于形的起伏 流畅 和谐 使版面更加优美 生动 富于变化 38 2 35 2 36 图2 352006夏季博览会海报siscott右侧文字的图形异化 使本来整齐划一的文字编排有了节奏上的升华 产生了美妙的韵律感图2 36 环保奥运 公益海报杨加禄环保奥运 和谐社会螺旋状的线型编排使版面具有音乐般的旋律 动感十足 39 2 37 图2 37蔡顺兴像水波一样的汉字排列 符合版面主题的内容 使版面富有变化和趣味 2 38 图2 38cd封套设计加拿大传奇商业设计公司基本单元形错落有致的编排 产生了轻重缓急的韵律感 40 韵律和节奏是联系在一起的 但有节奏不一定就有韵律 有韵律就一定有节奏 它们是能使人感受得到的抽象的概念 是一种美学上的要素 是体现形式美的方式 在版式设计中将图形 文字 色彩等视觉元素根据内容和形式的需要 进行平稳 变动 纤细 粗犷的编排 或者根据视觉元素的数量进行错落 渐次 单纯 复杂 方向性的编排 构成版面的韵律和节奏感 三 对比与调和对比是强调差异性的组合关系 也就是把相对的两个要素互相比较 产生大小 粗细 疏密 曲直 高低 长短 远近 虚实 软硬 浓淡 明暗 强弱 钝锐 轻重等的对比 引起读者的注意力 对比的最基本要素是显示主从关系和统一变化的效果 在版面设计中合理运用对比关系 可以获得强烈的视觉效果 41 2 39 2 40 图2 39 保护环境从我做起 公益海报罗博黑与白的对比 多与少的对比 强化了版面主题的表达图2 40韩国安柄珍海报面与线 点的对比 使版面充满了东方哲学的神秘韵味 2 41 图2 41 传达空间设计 封面设计吕敬人 马云洁面与线的对比 将线形的文字凸现出来 蓝色与白色的对比 显得更加纯净空灵 42 2 42 图2 42 饥饿德国 海报设计胖与瘦 凸与凹的对比 将主题幽默但令人深思地表达出来 调和是指使两个或两个以上的要素相互具有共性 强调版面元素的近似性组合关系 具有舒适 安定 统一的特点 一般情况下 同一版面中应避免使用多种字体 插图 文字等要素的编排 要注意形式的调和 尽量使版面简洁 43 2 43 图2 43 青年视觉 杂志内页的版面设计左侧的色块在面积 位置 色调上与右侧的图片相互呼应 在版面上起到了调和视觉平衡的作用 同时也极具现代设计的形式感 2 44 2 45 图2 44艺术展海报色彩上的近似 风格上的统一 使版面具有轻松可爱的和谐感图2 45pinky春装促销广告色彩上的调和在版面上营造出浪漫与梦幻般的视觉感受 将品牌中蕴涵的品味完美地展示出来 44 2 46 图2 46社会扶助组织年报客户madisonaidssupportnetwork版面中的文字内容很多 利用色块在版面上的空间划分作用将各段文字相互穿插呼应 但又不会相互干扰 达到了阅读感受上的调和作用 对比与调和是相辅相成的 在版面设计中一般要遵循 大调和 小对比 的原则 也就是整体版面要追求调和 营造版面意境 局部版面要强调对比 突出重点信息 制造阅读兴奋点 四 秩序与变异秩序可以营造出和谐 整齐的组织美 体现版面编排的科学性和条理性 还可以帮助版面获得较好的可读性 使读者对版面上的信息一目了然 45 2 47 2 48 图2 47戴姆勒 克莱斯勒汽车广告眼睛与车灯的秩序排列 让人将这两者所表达的性格联系起来 在规矩的版式设计中透露出大气 严谨的品牌风格图2 48 节水 新高招 公益海报罗博单位基本形由下至上 由多到少的排列 体现出秩序美 加强了版面设计的形式感 也突出了海报的主题 2 49 图2 49 青年视觉 杂志内页的版面设计版面上半部分的文字编排与下半部分的人物图形的排列都具有整齐 清晰的秩序美感 46 2 50 图2 50peteharrison的设计作品统一的字体风格 统一的字体肌理 整齐规矩的排列 有力地将设计信息表达出来 变异是规律的突破 是一种在大秩序中少数局部的突变 版面上的变异点往往是最引人关注的焦点 是创意表达的重要阵地 是版面编排中的精华所在 变异是相对于秩序而言的 没有秩序也就没有变异 变异的形式丰富多样 总的来说 它必须符合小面积的 反秩序的特点 它使得版面既有条理又生动活泼 47 2 51 图2 51peteharrison的设计作品统一的字体风格 统一的字体肌理 整齐规矩的排列 有力地将设计信息表达出来 2 52 图2 52peteharrison的设计作品统一的字体风格 统一的字体肌理 整齐规矩的排列 有力地将信息表达出来 48 五 虚实与留白版面设计中的实体是图 文等具体的内容 留白则是版面中未放置任何图文的空间 它不一定是白色的空间 它是 虚 的特殊表现手法 中国画有 计白当黑 之说 以虚托实 对突出版面创意意境有着重要的作用 在编排设计中 版面留出适当的空白能起到强调及引起注意的作用 使视线能集中于主要内容 突出重点 起到 此时无声胜有声 和 于无声处听惊雷 的效果 留白还可以丰富版面的空间层次 使画面内容表达更含蓄 更有意境 引发读者联想 2 53 图2 532008上海环球小姐海报鲁丹 虚与实是相对而言的 有时在作为底图的虚的空间里也是设计师展现才华的地方 黑色和金色的搭配显得高贵而庄重 金色的雕像成为视觉的中心 让人向往 49 2 55 2 56 图2 55日本2001主题海报福田繁雄大面积的空白使观众的视线都集中在版面中的图像 顺利地发现作者巧妙的心思 将日本列岛的造型与精致的盆栽同构 同时版面中还出现了一个汉字 人 表达了日本人追求精致生活的性格图2 56古越龙山酒广告在神秘的黑色背景中 两条发光的白龙构成了一个酒葫芦的造型 将古越龙山酒悠远的历史和尊贵的品味传达给观众 版面极其简练 令人印象深刻 2 57 图2 57加拿大航空公司形象广告malfunc大面积的墨蓝色使彩虹般的飞机跃然纸上 凸现了航空公司的形象 2 58 图2 58惠普公司的广告美国gilesdunn punkt公司白色的空间将版面上所有的视觉元素都推到读者的眼前 具有明显的前进感 50 第六视觉要素及其构成设计 一 文字1 基本常识 1 字体自文字出现以来 人类一直在不断地创新发展它 字体之丰富 令人眼花缭乱 中文字体分书写体 印刷体 手绘美术字体三大类 现代设计中较为广泛应用的是宋体 仿宋体 黑体和楷体 它们清晰易读 美观大方 为大众喜爱 版面中的标题或一些特定位置 欲求效果醒目 常用综艺体 琥珀体 圆体 手绘美术字体等 拉丁字体一般可分为常规体 斜体 黑体 黑斜体几种类型 它们数以千计 其中只有少数为设计师常用 如今电脑的使用拓展了文字的创新空间 电脑字体已成为版式设计中不可缺失的部分 其品种之繁多 手段之便捷 使设计师如鱼得水 视觉传达领域因此变得更加丰富多彩 文字字形在阅读时往往不被注意 但它的美感随着视线在字里行间的移动 会产生直接的心理效应 不同字体会唤起不同的联想 感受 如宋体端正庄重 黑体粗犷厚实 楷体自然 流动活泼 隶书古雅飘逸 方圆圆润 51 等 针对应用字体的这种信息传递功能 根据不同的出版物 稿件 版面要求来选择恰当字体 对版面设计有着十分重要的意义 同一个版面中 保持二至三种字体为佳 否则会因变化过多造成零乱 缺乏整体统一感 对于选中的字体 可通过拉长 压扁 加粗 减细 变化行距 字距等方式来达到理想的视觉效果 2 字号字号是表示字体面积大小的术语 计算机中 字体的大小常用号数制 级数制 点数制衡量 号数制根据字的大小面积来确定号数的大小顺序 级数制以正方形为基准确定字体的面积大小 以级 k 为单位 1k 0 25mm 100级字即边长为25mm的方字 点数制是世界流行的计算机字体标准制度 是拉丁字母大小的衡量标准 电脑排版系统就是用点数制来计算字号大小 3 字距 行距字距 行距处理 直接体现了设计师对版面的心理感受和审美品味 一般要想获得较好的视觉效果 中文字行距应保持在0 5 1个字之间 以3 4为佳 间距以字的1 10为宜 拉丁字以行距为字高1 2倍为佳 设计中 行距 字距的大小宽窄可依内容主题 艺术性需求灵活变化 以塑造清新 疏朗 密集 厚重 活泼 古典等丰富风格 即使如此 首先要保证的仍是文字清晰易读 52 2 文字编排的基本形式 1 左右齐整文字从左至右长度均齐 这种编排形成的字群端正 严谨 稳定 但易显平淡 设计中应注意用字体 大小的变化搭配来丰富图面层次感 3 1 3 2 图3 1 图3 2招贴广告下两行文字左右齐整 与弧形 斜线 图形相配 简洁 活泼又不失稳定 2 左 或右 对齐左 或右 对齐能使行首或行尾形成一条直线 另一端则因语句不同而有长短之变 张弛有度 呼应有法 是一种和谐的对比关系 易于配合图形形成整体效果 53 左对齐符合人的视觉习惯 阅读自然流畅 右对齐有违视觉习惯 但效果新颖别致 右边齐整一面形成了视觉边框 使得左边有一定指向感 如采用这种编排 应把文字控制在10行以内 过多会引起视觉不适 3 3 图3 3文字左右对齐 疏密有致 丰富了空间的变化 54 3 中间对齐文字以轴线为中心 对称排列 这种编排高线集中 中心突出 文字长短不一 使左右两侧富于节奏变化 活泼而不失端庄 设计中要注意语句换行的流畅感以及中英文拼写方式上的差异 避免造成阅读困难 3 4 3 5 图3 4 图3 5文字依中心轴对称排列 55 4 图形化排列这种排列包括两种情况 一是文本绕图 文字绕图片边缘排列 两者形成局部图地关系 自然 融洽 二是将文字按某形状编排 使其图形化 这种方式有趣夸张 但要注意图形性格与信息内容特点 艺术创意的一致 与其他要素的和谐 3 6 3 7 图3 6 图3 7杂志广告文字按咖啡的热气创意排列 56 5 自由排列不拘泥于齐整 规律的排列方式 常以独特的文字型 大小 疏密走向的变化来构造有意味的形式 它配合图形表现设计主题 灵活 生动 个性十足 3 8 图3 8主题招贴标题看似随意 实则与图形呼应 灵活 生动 醒目 57 3 正文 标题 注释正文编排时 首先要考虑根据具体版面划分栏 统栏 又称通栏 是最正规版式 多用于32开书籍 对于16开 8开以上面积大 字数多 内容杂的报纸 刊物 可以为双栏 三栏 四栏等 使版面有序而又富于空间的弹性变化 栏的目的是方便阅读 其建立方式通常是通过电脑操作 在主页上设置网格 网格设置方法因具体软件而异 有时正文排列也可突破常规分栏 自由组合 轻松自如地传递信息 字的大小和行的长度也需把握恰当 实验表明 小五号字 字行100mm 110mm 新四号字 字行120mm 小四号字 字行80mm 视觉效果好 也就是说一般情况下字行长度宜在80mm 105mm 而对于报纸杂志中的多栏 要相应缩短行长 一般控制在60mm左右 正文排列最常见的是横排 它顺应视觉特点 为受众习惯和喜爱 也有少数用竖排 斜排 弧线排等 只要保持清晰易读 这些规律中求变化的排法 往往会带来独特的视觉感受 标题是正文内容的概括和逻辑中心 它如同版面的眼睛 备受关注 其变化对于创造版面至关重要 标题应保持一定视觉强度 字体比正文大 醒目 摆放位置较为自由 可置于段首 也可居中 横向 纵向 旁置 甚至可直接插入字群 副标题是对标题的补充说明 它的视觉强度不能超过标题 字号与正文不宜相差过大 否则会因对比过多影响版面统一感 若版面中有数个小标题 应以大 中 小相间错落编排才会好看 如果都是大标题 版面紧张窘迫 如果都是小标题 版面琐碎小气 58 注释是对正文中难解词语的解释 常置于栏外 有无头注 地脚注 旁注 夹注等形式 注释的字体为版面中最小 4 文字强调为了突出版面某些内容 引起读者特别关注 可对相关文字进行处理 3 9 3 10 图3 9 图3 10报刊页面标题 副标题 正文文字大小比例适宜 主次有序 59 1 首字强调对某段文字的字首进行放大 装饰处理 此法源于中世纪欧洲文稿抄写员 又称 下坠式 突出的字首有吸引视线 提示正文 活跃版面的作用 是排版中常用的方式 为了保持字首与下文组合的视觉和谐 字首的下坠幅度应跨越一个完整字行的上下幅度 大小依环境和设计创意而定 3 11 图3 11展览招贴字母 i d 进行放大装饰处理 60 2 线 框 符号等强调如果把个别文字作为诉求重点 可对它们用画线 加框 加指示性符号 加粗 倾斜字体等手段进行强调 线 框的处理 可以划分界定版面空间 让其中的信息鲜明 突显 加粗 倾斜字体等其他方法也起强化信息 引发关注的作用 3 12 3 13 图3 12 图3 13产品广告通过商品标牌 强化主题 突出产品品质 61 5 文字的特殊处理 1 文字图形化设计中的文字 是字又是图 是信息传递工具 又是受众审美对象 文字图形化是在不影响其原有传递功能的情况下 对字体进行艺术创造 强调字的美学效应 它包括意象字体和形象字体 意象字体用具体形象直接展示文字内容 使文字个性化 直观生动 形象字体根据文字的内容 意思进行形象化创造 用具体的形 表现抽象的 意 使文字得以强化引申 意象字体和形象字体都是将精神理念化成视觉载体 既有图形的直觉性 丰富性 生动性 又有文字传递信息的准确性 直接性 它们增强了文字的鼓动力和趣味感 走出惯用的文字编排形式 将读的符号变为 看 的图形 跨越了地域 文化不同背景之限 使交流更为直观 便捷 最大限度地发挥了文字传递信息的功能 3 14 图3 14招贴设计书法与中国传统青花瓷相结合 文字的含义得以引申 62 2 文字叠置文字不印在单一背景上 以其他文字 图形 图片做底 进行叠置 这在设计上称为杂音 从这种貌似模糊杂乱的版面上可感受活泼 跳动 透明 时间 叙事等种种独特表现力 可领略到层次丰富的视域 叠置是现代版式中常用的表现手法 由于不同要素的重叠降低了阅读性 易使版面凌乱 使用此法时要综合各方因素 把握好整体关系 3 15 3 16 图3 15 图3 16系列招贴设计文字叠印营造出丰富的层次和强烈的视觉冲击 63 二 图形图形在版式设计中有着重要意义 它以形象的方式被瞬间接受和评价 视觉冲击力比文字强85 俗话说 一图胜千字 这并非指文字表达力弱 而是指图形能超越文化 语言 民族诸多差异 一些用文字难以传达的信息 感受 思想 借助图形可迅速传达 图形包括照片和插图 照片直接 写实 庄重 细腻 可根据创意需求 版面位置需要对其进行剪切 取舍 改善 要注意照片与内容主题 风格的内在联系 插图以独特的想象力 创造力及超现实的自由构造 在版面中展示着独特的魅力 它个性灵活 易于变化 处理整合 更适合于复杂不规则的版式 照片 插图都能具体 完整 直观地将设计者的意念高品质地表现出来 使版面视觉更加集中稳定 同时还具有效的导读效果 1 图形的形式 1 出血图形图片充满整个版面 不需边框 此形式打破版心束缚 自由奔放 舒展 动感十足 贴近受众 64 3 17 图3 17杂志广告充满诱惑的面孔 牢牢抓住读者视线 2 退底图形根据内容所需 选取必要部分保留 其他作退底处理 此形式排除背景扰 主体形象突出醒目 与正文组合常表现为文本绕图 轻松 平易近人 65 3 18 图3 18企业广告没有背景的画面干净 明快 准确表达企业服务品质 3 形状图形把图片用一定形状限定 如方形 三角形 梯形 有机形等 具体形状可视设计内容和表现而定 图片经过创造性的加工 组合 往往使版面新意顿生 从而提高阅读兴趣 66 2 影响图形编排效果的因素 1 图形位置图形的位置直接影响到版面构图布局 依 九宫格 法 即两条水平线和两条垂直线将版面平均分成九个部分 把图形摆在四个交叉点的任意一点上 可营造视觉协调 取得较佳构图效果 将图形置于版面中心 会强化其视觉冲击力 形成关注焦点 在对角线上安排图片 可支配版面空间 效果灵动独特 版面上下左右 对角线 四角均能安置图形 设计中应根据其内容要素 视觉效果 心理感受来经营 有效控制各个点 使版面主题鲜明 简洁 清晰 富于理性 3 19 3 20 图3 19 图3 20招贴广告图形的位置不同产生不同的心理感受 3 21 图3 21杂志广告图形下置产生力量感和沉重感 67 2 图形面积一般情况下 图形面积的大小变化 决定了注意度的高低 从大到小是人们自然的观看顺序 通常重要图形面积较大 如化妆品广告中的唇膏 睫毛膏都把能显示局部特征的图形放大处理 造成对视觉和心理的强大冲击 成为关注要点 从属图片缩小 点缀 呼应着主题 形成主次分明的格局 3 22 3 23 图3 22产品广告大图形与小图形的对比 突出产品精美的品质图3 23产品广告人物面部的局部特写 突出产品美白的优良品质 3 24 3 25 图3 24 图3 25招贴设计小图形布置在版面中间 显得精致而简洁 68 3 图形数量图形数量的变化 能营造不同的版面氛围和心理影响力 图形数量少 甚至一张 则其本身内容质量决定了人们对它的印象 这样的版面简洁 单纯 格调高雅 图形数量多 版面出现对比格局 显得丰富活泼 有浏览余地 适合普及 热闹 新闻性强的读物使用 图形数量过多 版面会缺乏重点 松散混乱 图形数量一定要根据版面内容来安排 不能随心所欲 3 26 图3 26杂志广告图形点缀在版面中 增强画面气氛 突出女性产品品质 69 4 图形方向图形方向可以是人物 动物的视线动作 可以是有方向性的线条 符号 图形组合形式 也可借助近景 中景 远景来达到 它们的变化会形成某种视觉动势 具导向作用 方向感强 动势就强 方向感的巧妙运用能突破版面平淡无味 刺激视觉 加深感受 引导读者目光随图形指向移动 3 27 3 28 图3 27 图3 28招贴设计通过不同的摄影角度和方向 产生视觉引导性效果 突出广告主题 70 5 图形组合图形在版面中的组合可粗略地分为块状和散点两种方式 块状组合图形密集 整体 文字与图片相对独立 图形的块状格局与文字间的强弱变化富有节奏 垂直 水平方向线条分割使版面秩序条理 大方富于理智 散点组合图形与图形间分散安排 图形穿插于文字群间 自由轻松 活泼随意 具有亲和力 现代版式中 构成原理的应用使图形的组合形式和意义都得到了进一步拓展 切割 打散 重叠等构成手法处理的图形 创造了许多不同凡响的新奇形态 为版面注入新的生命与活力 也使版面所表达的思想信息给读者留下了深刻印象 3 29 3 30 图3 29 图3 30招贴设计图形与文字打散 重叠 营造神秘的气氛 71 三 色彩在版式设计中 色彩的表现力是较为重要的学习课题 内容决定形式 色彩的这种形式语言可以直接地将设计要表现的内容传达给观众 在色彩的各个要素中 色相是最具有视觉表现力的 在版式设计中 色相的性质和设计所要表现的内容之间有着直接的联系 1 色彩的对比色彩对比 依据的是色彩三要素 即明度对比 通过亮色调 中色调和暗色调的不同变化形成的对比 纯度对比 鲜艳的色彩和灰色放置在一起产生的鲜灰对比 色相对比 不同相貌的色彩产生的种种对比 另外还有色彩的面积对比 冷暖对比等 色彩对比与色彩均衡截然相反 旨在通过对比区分版式的视觉差异 再利用均衡调和统一色调 让色彩更好地为版式设计服务 但是 过分追求色彩对比不利于版式设计语言的表达 3 31 图3 31招贴设计通过色彩的面积对比 形成视觉中心 72 2 色彩的均衡色彩使版式丰富 多彩纷呈 色彩依据赋予形体以美感 增强扩大它的艺术感染力 根据色彩自身的规律 色彩在版式中又有它独立表现的一面 处理不好版面色彩的关系 就会影响版面信息的传达 因此 必须从色彩形状的大小变化 色彩的冷暖 明度及纯度等方面来考虑色彩均衡 同时还要注重调和色的作用 以达到版面的色彩视觉平衡 3 32 图3 32书籍设计上部的灰色起到有效的平衡作用 3 33 图3 33书籍设计大面积的黑色起到有效的色彩均衡 73 3 色彩的条理化画面色彩最忌庞杂 过多的色彩会分散人们视觉的注意力 因而在同一版面中使用相对固定的几套色 依据版面整体需要进行合理安排 有利于美化版面 使版面整体统一 3 34 3 35 图3 34书籍设计相对固定的红 黑 白色 使版面整体统一图3 35书籍设计黄色反复有序的使用 使整体色彩条理化 74 第七造型要素及其构成设计 点 线 面是构成视觉空间的基本元素 也是版面构成上的主要语言 版面构成实际上就是如何经营好点 线 面 不管版面的内容与形式如何复杂 但最终可以简化到点 线 面上来 在平面设计家眼里 世上万物都可归纳为点 线 面 一个字母 一个页码可理解为一个点 一行文字 一行空白均可理解为一条线 数行文字与一片空白则可理解为面 它们相互依存 相互作用 组合出来各种各样的形态 构建成一个个千变万化的全新版面 一 点的构成点的感觉是相对的 它是由形状 方向 大小 位置等形式构成的 这种聚散的排列与组合 带给人们不同的心理感应 点可以是一个文字 也可以是一块色彩 一张小小的照片或图像 点可以以任何一种形态显示 在版式设计中 使用点这一要素可以使画面做到 强调整齐划一 以形成秩序美 运用自然散点的构图 造成多变的视觉效应 采用类似群化的组合 显露时代风格 75 1 点的扩张性点在版面中往往都能产生中心感 这由点在版面中的扩张性特征所决定 点虽小 但在版面中的扩张性却决定了其在视觉上占有更大的空间 也就是说独立的点在空间中具有明显的张力作用 在视觉心理上有一种空间感 这在中国传统书画的画理上也时有体现 一般情况下 如要突出点的内容 往往在版面编排中 点的周边均以留空 对比的线或面的形式出现 以加强点在空间中的 焦点 作用 3 36 图3 36图中点的运用使视线的聚焦更加明确 3 37 3 38 图3 37图中的眼睛及周围装饰组成了一个点 起到了很好的聚焦作用图3 38图中点元素的运用给人以很强的视觉冲击力 76 3 39 图3 39点放在版面视觉中心 给人强烈的感觉 3 40 图3 40点的水平排列 具有平稳 安详的感觉 2 点的视觉连线在一定的版面空间内出现的两个或两个以上的点在视觉上会使人产生相关联的心理知觉 即似乎有一根连线介于两个点之间 把它们串联在一起 面在多个点之间形成的 线 则会产生 形 的感觉 在实践中 可以用点之间所形成的视觉连线这一规律有机地组织版面内的相关视觉元素 通过秩序规律的组织使不同视觉元素形成整体感 达到统一版面视觉效果的目的 反之如打破 点 之间秩序关系的一面 则将起到活跃版面视觉效果的作用 77 3 41 图3 41当版面中有两个点时 它能引导人的视线而成为视线的集中处 3 42 图3 42红色的玫瑰和花瓣在版面中形成了线的关系 很好地形成了视觉连线 3 43 图3 43大小各异 作高低不同或相同的组合 会出现跳跃 动荡 欢快的感受 并构成空间立体的版面效果 78 3 点的视觉转移当版面内出现大小不同的两个点时 人们的注意力往往都是先集中在大的点上 然后注意力向小的点转移 这种现象被称为点的视觉转移 在实践中 可以利用点的视觉转移现象 处理好内容主次关系 有意识安排视觉信念的先后次序 当然相同类型点的视觉转移现象还存在于其他不同类型点之间 并且点之间的对比关系差异值越大 这种视觉转移现象越明显 3 44 3 45 图3 44 图3 45点沿着斜线方向作渐变排列 可形成一种远近变化 79 3 46 图3 46点的大小不同 处理方法不同 在整个画面中很好地将主题突出 3 47 图3 47点的大小不同的排列形成了很好的空间感 4 点的形态在版式设计中 点有着一定的具体形态 这是在版面内 针对视觉范畴而言的 是由相对于版面空间的具有一定比例关系的视觉图形元素所决定的 点的形成意义仅受视觉图形元素所在空间的比例关系所限制 对于其具体形态来说是不受任何限制的 因此版面内点的形态可以是几何形 抽象形 文字 具象形等 在实践中 应通过合理的比例关系 并根据实际情况 加强具体视觉图形元素的点的效果 从而驾驭好版面内点 线 面 空间以及层次关系 图3 48至图3 52是