课件-《版式设计》.pptVIP

第五章 版式分析： 作品一系列3张以火柴为元素，分别组成了房子、床和窗帘。借用生动的形象为人们展示出身边的一些物品其实都是可以引燃的。告诫人们危险就在身边，防范引燃要从身边的小事开始注意。 作品中借用的形象在画面中形成垂直线条的视觉效果，作品1和作品2采用上下构图并合理地在画面中留白，主体在作品底部使招贴具有稳重感，图形底部部分留白使其在稳重的同时具有透气性，上部横排字体起到画龙点睛的作用，在点名主题的同时均衡画面的平衡感。 作品3采用左右对称结构，使画面具有强大的冲击力，中间的竖排字体，在点明主体的同时起到分割线的作用，增强画面形式感。 竖线式构图（设计者：尹源） 四、招贴的版式构图 2. 三角型 三角型构图给人坚实、稳定的感觉，延展还包括梯形等构图形式，都可以起到支撑画面的作用。 第五章 版式分析： 在当今文化国际化的同时，文化也有被同化的趋势。我国是个文化进口大国，在吸收国外先进文化的同时，请不要把本国的本土文化遗忘掉。 文字是主要构成元素，与本土文化有关的元素有序摆放在“本”字的范围内，丰富画面。 三角型构图1（设计师：何劲松） 第五章 版式分析： 公益招贴，利用一杯水里面的形式营造整个招贴的气氛和寓意，整体的构图形式采用三角型构图的延展式构图方式，杯子倒梯形的形状充满整个画面，饱满、充实地支撑整个画面。 三角型构图2 四、招贴的版式构图 3. 圆型 圆型构图具有时尚、内向、亲切、圆满甚至神秘的感觉。 第五章 版式分析： 这幅商业电影海报巧妙地使用圆形弧形造型，将图片灌入造型中，并合理留白，在画面的彩色中起到调和的作用，有张有弛，并形成一定的韵律。 圆型构图1 第五章 版式分析： 巧妙地将图片放入圆形造型内，聚焦人的视觉，增强视觉冲击力。 圆型构图2 4. 曲线型 曲线型构图具有强烈的不稳定感，生动活泼。 第五章 版式分析： 这幅特殊并有代表性的材料，用拟人的手法来表现反映我们的世界已遭到了严重的破坏，通过白色泡沫和黑色垃圾袋的拟人的拼贴与手绘的结合，去展示我们的生活没有那么美好，马路上充满了刺鼻的气味，海洋里奄奄一息的动物……原来那么美好的世界将不复存在。向世人警示：我们生存的环境已经再也禁不起我们无休止的破坏与浪费，呼吁大家共同找回原来的世界，保护并珍惜资源。版式上有节奏感，拥有跳动的旋律。颜色的对比强烈，蓝与黑、绿与白。 曲线型构图1 第五章 版式分析： 画面用一只眼睛作为创意点，并且利用眼睫毛的曲线活跃了画面的气氛，是这幅招贴的经典所在。 曲线型构图2 5. 个性化 因为招贴是在远处发挥强烈的传达作用，所以个性化招贴利用主题的创意点调动夸张、幽默、特写、逆向思维等表现手段来揭示主题，并创造出超越一般构图形式的视觉冲击力。 第五章 版式分析： 画面主体人物与房子背景的比例与真实相反，脸部运用夸张技法装饰花纹，整个版面出现逆向思维模式，画面产生视觉冲击力。 个性化构图1 第五章 版式分析：两画面主体物运用夸张的技法，形成对比，吸引受众的眼球。达到个性化的表现效果。 个性化构图2 第六节 网站界面版式设计 一、网站界面设计的概念及组成 网站界面是用户和互联网产生接触的第一个窗口 , 对于互联网产品的用户体验以及访问量、注册量、销售额甚至成本等都有至关重要的影响。 网站界面设计是指在有限的屏幕空间里，将网页中的文字、图像、动画、音频、视频等元素组织起来，按照一定的规律和艺术化的处理方式进行编排和布局，形成整体的视觉形象，达到有效传递信息的最终目的。 第五章 第六节 网站界面版式设计 一、网站界面设计的概念及组成 网页界面设计中所指的构图方式，是将 Head（题图部分）、Body（主体）、Nav（导航）、Footer( 页脚 / 版权区域 ) 在界面上进行组合，给人最直观感受的页面框架与构造，形成不同的风格。 网页设计决定了网页的设计风格和个性特征，并以视觉配置为手段影响着网页页面之间导航的方向性，以吸引读者的注意，增强网页内容的表达效果。 第五章 二、网站界面设计的尺寸 网站界面设计的版面尺寸没有固定的标准，它与显示器的大小及分辨率有关，设计时要根据具体情况而定。一般分辨率在800像素×600像素的情况下，将网页的宽度设置在778像素以内，就不会出现水平滚动条，高度则视版面和内容而定。 如果分辨率在1024像素×768像素的情况下，则将网页的宽度保持在1000像素，如果满框显示的话，高度为612~615像素，就不会出现水平滚动条和垂直滚动条，高度则视版面和内容而定，为保证在任何屏幕下都能完全显示，分辨率也可以