1、版式设计 版式设计的审美原理 一、对称与均衡 对称是以“中轴线或中轴点”为基础,两边置以同形、同量、同色的对称形态,是等形等量的形态元素组合。以对称轴线为中心有上下对称和左右对称,以轴点为中心有旋转对称和放射对称。其版式 特点是稳定、庄重、整齐、秩序、安全 。在对称形式的版面设计中,轴线和轴点是一种看不见但能够感觉得到的线和点,它存在于人们的视觉意识中。 在现代版式设计中,对称是一种常用的形式,通常是将图形和文字进行居中对称的编排,带给读者严谨、稳重、平和的美感。而且对称的图形容易成形,在版面上也更突出,注目率更强,此种编排形式多见于招贴广告、书籍封面和产品包装设计中。 2 21 图 2 21
2、 马兰牛骨拉面 左右对称的 版面设计给人以精致、稳定的感觉 2 22 图 2 22 韩国时尚请帖 完全左右对称的版 式体现出高雅、稳重、正式的感觉 2 23 图 2 23 美国 PBD品牌与包装设计公司为 Buddy Rhodes混凝土设计的包装从对称的版式中可以看出其悠久的历史和可靠的产品质量 2 24 2 25 图 2 24 美容院广告 在对称的版式设计中,将文字的编排巧妙地与图形相结合,产生既生动活泼又严谨有力的效果 图 2 25 康佳手机广告 高贵典雅的对称版式,体现出产品的品味与档次 2 26 图 2 26 电影海报 用飞机的对称形 体将版面平分,文字集中在版面中央 的编排方式使版面
3、的内容既丰富又避 免了底图与文字的相互干扰。版面上 要素的主次关系明确,方便读者阅读 2 27 图 2 27 马西耶 哈吉瑞什(波兰)为“ reporter”卡托维茨摇滚音乐节所设计的海报 对称的版面让人感觉到厚重的分量感,版面中央的圆点是版面的趣味点和兴奋点,它的存在给读者以想象,刺激读者的好奇心 均衡是遵循杠杆力学原理,以等量不等形的组合,利用视觉规律,通过对大小、形状、距离、疏密诸因素的改变来调节“轴”两侧的分量,形成心理上的平衡状态。同时,均衡也是一种变化的平衡,在设计上,这种力的平衡主要是由视觉反应到心理上的一种平衡感觉,而不是物理上的重量均等。 版式设计中主要表现为形状、大小、色彩
4、、材质等视觉元素,利用特定的空间来决定主与次的位置,通过控制各元素的位置、面积、大小变化、色彩对比等,得到视觉和心理上的平衡,变化出具有动感的版面空间。这种构图形式比对称更生动。 2 28 图 2 28 书籍编排设计 New Future Graphic 大与小、多与少的图形对比,经过精心的编排在版面上形成平衡 2 29 图 2 29 艺术学校申请指南 大的陶罐图形偏于右侧,在左侧排上灵活而整齐的字母和插图,使版面设计获得心理上的量的均衡 2 30 图 2 30 LISA PYERSON设计作品 版面各元 素灵活随意的编排,产生既均衡又生动的效果 2 31 图 2 31 Solvita Mar
5、riott平面设计作品 利用位置与距离获得平衡效果,显得灵活而富于变化 二、节奏与韵律 节奏是造型要素按照一定条理、秩序、重复连续的排列,形成一种律动的形式。 在版面设计中,将线条、图形或色彩以相同或相似的序列重复交替、排列组合,以获得节奏感。就视觉造型艺术来说,节奏是视线进行中的变化点,没有节奏就不会引起视觉的兴奋。 2 32 图 2 32 CD封面设计 Zion Graphics 同一风格的 字体产生了整齐划一的节奏感,精致而严谨 2 33 图 2 33 super super 杂志第 6期的推广海报 凯特 默罗丝(英国)在文字的色彩、位置、空间方向上精心编排,将节奏感隐含在富有空间立体感
6、的文字图形中 2 34 图 2 34 Malfunc平面设计作品 极具现代感的字体就像一个个音符,将它们整齐排列后就具有了节奏感 韵律和节奏一样都源于音乐上的概念,韵律就像音乐中的旋律,有起伏有重点,比节奏更具情调和感染力。韵律美更趋于形的起伏、流畅、和谐,使版面更加优美、生动、富于变化。 2 35 2 36 图 2 35 2006夏季博览会海报 Siscott 右侧文字的图形异化,使本来整齐 划一的文字编排有了节奏上的升华,产生了美妙的韵律感 图 2 36 环保奥运 公益海报 杨加禄 环保奥运 和谐社会 螺旋状的 线型编排使版面具有音乐般的旋律,动感十足 2 37 图 2 37 蔡顺兴 像水
7、波一样的汉字排列,符合版面主题的内容,使版面富有变化和趣味 2 38 图 2 38 CD封套设计 加拿大传奇商业设计公司 基本单元形错落有致的编排,产生了轻重缓急的韵律感 韵律和节奏是联系在一起的,但有节奏不一定就有韵律,有韵律就一定有节奏。它们是能使人感受得到的抽象的概念,是一种美学上的要素,是体现形式美的方式。在版式设计中将图形、文字、色彩等视觉元素根据内容和形式的需要,进行平稳、变动、纤细、粗犷的编排,或者根据视觉元素的数量进行错落、渐次、单纯、复杂、方向性的编排,构成版面的韵律和节奏感。 三、对比与调和 对比是强调差异性的组合关系。 也就是把相对的两个要素互相比较,产生大小、粗细、疏密
8、、曲直、高低、长短、远近、虚实、软硬、浓淡、明暗、强弱、钝锐、轻重等的对比,引起读者的注意力。对比的最基本要素是显示主从关系和统一变化的效果。在版面设计中合理运用对比关系,可以获得强烈的视觉效果。 2 39 2 40 图 2 39 保护环境 从我做起 公益海报 罗博 黑与白的对比,多与少的对比,强化了版面主题的表达 图 2 40 韩国安柄珍海报 面与线、点的对比,使版面充满了东方哲学的神秘韵味 2 41 图 2 41 传达空间设计 封面设计 吕敬人、马云洁 面与线的对比,将线形的文字凸现出来。蓝色与白色的对比,显得更加纯净空灵 2 42 图 2 42 饥饿德国 海报设计 胖与瘦、凸与凹的对比,
9、将主题幽默但令人深思地表达出来 调和是指使两个或两个以上的要素相互具有共性,强调版面元素的近似性组合关系。具有舒适、安定、统一的特点。一般情况下,同一版面中应避免使用多种字体、插图、文字等要素的编排,要注意形式的调和,尽量使版面简洁。 2 43 图 2 43 青年视觉 杂志内页的版面设计 左侧的色块在面积、位置、色调上与右侧的图片相互呼应,在版面上起到了调和视觉平衡的作用,同时也极具现代设计的形式感 2 44 2 45 图 2 44 艺术展海报 色彩上的近似,风格上的统一,使版面具有轻松可爱的和谐感 图 2 45 Pinky春装促销广告 色彩上的调和在版面上营造出浪漫与梦幻般的视觉感受,将品牌
10、中蕴涵的品味完美地展示出来 2 46 图 2 46 社会扶助组织年报 客户 Madison AIDS Support Network 版面 中的文字内容很多,利用色块在版面上的空间划分作用将各段文字相互穿插呼应,但又不会相互干扰,达到了阅读感受上的调和作用 对比与调和是相辅相成的,在版面设计中一般要遵循“大调和,小对比”的原则,也就是整体版面要追求调和,营造版面意境;局部版面要强调对比,突出重点信息,制造阅读 兴奋点。 四、秩序与变异 秩序可以营造出和谐、整齐的组织美,体现版面编排的科学性和条理性;还可以帮助版面获得较好的可读性,使读者对版面上的信息一目了然。 2 47 2 48 图 2 47
11、 戴姆勒克莱斯勒汽车广告 眼睛与车灯的秩序排列,让人将这两者所表达的性格联系起来,在规矩的版式设计中透露出大气、严谨的品牌风格 图 2 48 “节水”新高招 公益海报 罗博 单位基本形由下至上、由多到少的排列,体现出秩序美,加强了版面设计的形式感,也突出了海报的主题 2 49 图 2 49 青年视觉 杂志内页的版面设计 版面上半部分的文字编排与下半部分的人物图形的排列都具有整齐、清晰的秩序美感 2 50 图 2 50 Pete Harrison的设计作品 统一的字体风格,统一的字体肌理,整齐规矩的排列,有力地将设计信息表达出来 变异是规律的突破,是一种在大秩序中少数局部的突变。版面上的变异点往
12、往是最引人关注的焦点,是创意表达的重要阵地,是版面编排中的精华所在。变异是相对于秩序而言的,没有秩序也就没有变异。变异的形式丰富多样,总的来说,它必须符合小面积的、反秩序的特点,它使得版面既有条理又生动活泼。 2 51 图 2 51 Pete Harrison的设计作品 统一的字体风格,统一的字体肌理,整齐规矩的排列,有力地将设计信息表达出来 2 52 图 2 52 Pete Harrison的设计作品 统一的字体风格,统一的字体肌理,整齐规矩的排列,有力地将信息表达出来 五、虚实与留白 版面设计中的实体是图、文等具体的内容,留白则是版面中未放置任何图文的空间,它不一定是白色的空间,它是“虚”
13、的特殊表现手法。中国画有“计白当黑”之说,以虚托实,对突出版面创意意境有着重要的作用。在编排设计中,版面留出适当的空白能起到强调及引起注意的作用,使视线能集中于主要内容,突出重点,起到“此时无声胜有声”和“于无声处听惊雷”的效果。留白还可以丰富版面的空间层次,使画面内容表达更含蓄,更有意境,引发读者联想。 2 53 图 2 53 2008上海环球小姐海报 鲁丹:虚与实是相对而言的,有时在作为底图的虚的空间里也是设计师展现才华的地方。黑色和金色的搭配显得高贵而庄重,金色的雕像成为视觉的中心,让人向往 2 55 2 56 图 2 55 日本 2001主题海报 福田繁雄 大面积的空白使观众的视线都集中在版面中的图像,顺利地发现作者巧妙的心思,将日本列岛的造型与精致的盆栽同构,同时版面中还出现了一个汉字“人”,表达了日本人追求精致生活的性格 图 2 56 古越龙山酒广告 在神秘的黑色背景中,两条发光的白龙构成了一个酒葫芦的造型,将古越龙山酒悠远的历史和尊贵的品味传达给观众。版面极其简练,令人印象深刻 2 57 图 2 57 加拿大航空公司形象广告 Malfunc 大面积的墨蓝色使彩虹般的飞机跃然纸上,凸现了航空公司的形象 2 58 图 2 58 惠普公司的广告 美国 GILES DUNN-PUNKT公司 白色的空间将版面上所有的视觉元素都推到读者的眼前,具有明显的前进感