信息可视化设计版面的编排原则35课件.pptx

1、第一节第一节 信息版面的编排原则信息版面的编排原则第四章第四章 信息设计的版面编排信息设计的版面编排一、秩序一、秩序 秩序：有条理地、有组织地安排各构成部分以求达到正常的运转或良好的外观的状态。美的主要形式是秩序。秩序由自然生成并存在于大至宇宙小至生物直至原子和质子的世界中。整个世界都是被赋予秩序的世界。所谓形式美，应该是以秩序为前提而产生的。由于赋予秩序而获得创造，美就是秩序。DMDM经典设计经典设计珍宝珠水果味棒棒糖20062006嘎纳信息节海报类金奖嘎纳信息节海报类金奖 二、二、整体整体 版面编排的目的，就是要把各种设计要素组合在一个整体之中，使之在整体中发挥各自的作用。整体是与局部相对

2、应的，整体的统一性并不否定局部的多样化，而只是要求局部服从，服务于整体。在整体的布局之下，各个局部都有相对的独立地位。而局部与局部之间，其地位又各有差异，次要的局部还要服从、服务于主要的局部，以突出重点。就设计过程而言，要从整体的要求出发，对各个局部作精心的安排；然后再回到整体的立场上来，对各个局部作适当的调整。这样才能成功地完成一幅信息编排的全局。第第9 9届波兰华沙国际届波兰华沙国际海报双年展获奖作品海报双年展获奖作品通通灵灵之之鑽鑽商商业业信信息息欣欣赏赏韩国里维斯信息韩国里维斯信息三、三、对称对称 对称是日常生活中常用的名词。在自然界，对称的现象很多，大多是左右对称。不论其形态如何，若

3、构成对称，就会令人产生一种秩序感。一般所讲的对称有左右对称与辐射对称两种。而设计上所指的对称，其意义比较广，有“反射”、“移动”、“回转”、“扩大”四种基本形式。四、四、平衡平衡 “平衡”又称“均衡”，是指在部分与部分的重量之间，两者由一个支点支撑，达到力的对等状态，例如天平称。对实物说来，“平衡”是指物体间实际重量的对等关系。而在信息的版面上，“平衡”并不是实际重量的对等，而是从视觉上对形象的轻重、大小、材质所作的判断，是主观感觉上的“对等”。不平衡的构图，往往能给人以奇险的感觉。最优美的姿态往往是在“险”中掌握平衡，化“险”为美。在版面的形式构成中，形态的不平衡，可以用色彩的轻重达到平衡，

4、用文字达到平衡，或者以局部的调整来达到的整体的平衡。与对称相比较，平衡不但具有安定感，使人获得心理上的平衡，而且使人感到自由、新颖、富于变化。平平 衡衡高高 档档 压压 榨榨 橄橄 榄榄 油油 创创 意意 广广 告告 欣欣 赏赏 五、五、韵律韵律 韵律是艺术的一种基本表现形式。韵律原指诗歌的声韵和节律，它加强了诗歌的音乐性和节奏性。韵律是指韵律感，它反应了秩序与协调的美。在版面编排上虽然没有诗歌所表现的那种听觉上的韵律，然而依据视线的移动以及运动感，也能显示出韵律来。韵律可借有规律性的“反复”与“突变”而加以表现，例如，疏密、起伏、明暗、粗细、长短等有规律而又有变化的交替进行。马天尼马天尼(M

5、artini)(Martini)鸡尾酒鸡尾酒巴西著名拖鞋品牌信息设计巴西著名拖鞋品牌信息设计 六、六、对比对比 韵律不是简单的重复，而是对比双方的重复。对比的目的，是为了吸引受众的视线，引起受众的注意。对比是艺术表现的基本手段之一，通过对比，可以使信息的主题突出，画面鲜明注目，从而提高受众的注意力，使受众得到感染。注意到调和。由于过多的对比会变成杂乱，因此要通过调和来维护信息版面的秩序感。1.1.主次对比主次对比 突出主题，主次关系便会一目了然，会给人一种清爽明了的感觉。在文字排列中主次的关系很重要，若二者关系模糊不清，就会使画面失去层次而平淡无奇，让人感到单调乏味。2.2.大小对比大小对比

6、大小对比是文字排列的基础，大小文字相互配合使用。可以产生生动活泼的对比关系。大字往往给人以强有力的感觉，是画面中的近景；小字往往给人一种精致的感觉，是画面中的中、远景。因此，大小对比可使强劲与精细互补以及产生远与近的空间感。cool cool 杂志的封面杂志的封面3.3.明暗对比明暗对比 明暗对比也可称深浅对比。画面必须有意去设置一些明与暗的构成关系，良好的明暗对比关系，会产生良好的空间和层次，使画面生动活泼。明暗对比的表现，主要体现在明暗画积在版面上的比例，文字与文字、文字与图形之间的安排上。4.4.疏密对比疏密对比 疏密对比同时也具有大小、明暗对比的效果。在信息文字内容较多的情况下，常使用

7、疏密对比的手法来处理。它既可以顾及文字群的安排，又可营造出灵动的效果。疏密对比疏密对比5.5.粗细对比粗细对比 粗细对比好似重与轻的对比。字体粗则感觉沉重浑厚、字体细则感觉轻快活泼。因此，在安排单细字体时，安插少许粗重字体作对比；在安排粗重字体时，安插少许单细字体作调和。这样，会得到一种微妙的变化而使画面产生愉悦生动的感觉七、七、调和调和 所谓调和，是指各种设计构成要素的多样性通过统一而产生的协调状态。良好的“调和”，通常都在各部分之间既有共性又有差异性的情况下才能获得。而当差异性超过共性时，“调和”既转化为“对比”。“调和”也是信息设计中最常用的表现手法。八、八、比例比例 比例又称比率，是指部分与部分、部分与整体的数量关系。编排要取得良好的效果，就要使各个设计要素，包括图形、商标、文字等，都能在版面上具有良好的比例关系。比较重要的、需要强调的，所占的比例要大一些；次要的，比例要小一些。关于比例，还有两点是需要加以注意的：一是版面的长宽比例问题，二是比例的反常问题！LUMINOXLUMINOX军表军表