进阶理解版式设计(学习心得).doc

《进阶理解版式设计(学习心得).doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、进阶理解版式设计（学习心得）Step01：如何确定版面的样式？原文：除了必须合理地编排版面中的各种信息要素以外，版式设计还应特别注重页面整体设计风格的一致性和连贯性。设计师想要得心应手地进行版式设计，就需要首先确定版面的样式。心得：图片和文字直接要有联系，可以通过增加颜色相近的元素（点、线、条块等），位置靠近等各种方法。视觉度：版面中的图片图形所带来的视觉冲击力叫做视觉度，不同类型的图片和图形所产生的视觉度会有较大的差异（素材），如何利用视觉度取决于所要传达的内容，当版面传达的是含蓄而有内涵的内容时，视觉度不宜过高，需要醒目的内容时，需要增大。图

2、片表现力(3B原则)增加视觉度：Beauty美女、Baby孩童、Beast动物图片的选择：人物脸部比例，越大适合表现智力、理想、抱负等，比例小适合表现人物状态和动作。商业、教育等行业适合比例大的脸部图片，生活工业农业大胆使用脸部比例较小的图片。跳跃率：版面中面积最大的元素和面积最小的元素之间的比率。（有点像对比度）跳跃率一般根据作品需表达的内容来调整，将主要元素的跳跃率增大，次要元素、点缀画面元素的跳跃率降低，从而达到主次分明的效果。根据视觉流程，人们的实现一般是先图片，其次才是文字等其他元素。文字为主的版面，降低图片跳跃率，增加文字跳跃率，增强

3、其表现更具吸引力；反之亦然文字跳跃率：正文和最大标题的比例，提高跳跃率则表现了一种活泼生动的风格，不高不低的跳跃率则不会让人留下深刻的印象。图片跳跃率：活泼的版面增加跳跃率，沉稳的版面降低跳跃率。人物图片，颜色鲜艳的图片可以放大，低沉、灰暗的图片可以适当缩小图片的对齐方式来调整版面：阵列对齐(没有轻重之分，强调秩序美感)、左上对齐（强调向左上方扩展趋势，符合视觉习惯）、右上对齐（强调向右上方扩展趋势）、四周对齐（强调稳定感）、集中对齐（适合三栏结构，中间图片两边文字，平衡感）、上下对齐（向上漂浮感，结合文字比较活泼）移动图片的视觉重心：同一版面，

4、图片的位置安排不同，设计风格也不同可能遇到的问题：1、没太多素材却希望效果丰富？解：通过增加图片的底色以及使用高纯度的色块填补空白区域，以充实整个版面2、虽然只有文字，但希望版面变得更丰富？解：改变文字的形状来增加趣味性，并引导读者的视觉流程3、版面内容不多，但还是要营造出丰富的层次？解：将单幅图片重新组合为较为丰富的图像，选择合适的字体呼应图片的处理Step02：如何理解版面的构成？原文：点、线、面是构成版面空间的基本元素，点能够使版面产生不同的心理效应；线主要是通过直线和曲线进行表现，其关键在于排列的方式；面通过形与形的组合，赋予版面一定的情

5、感和意义。点、线、面的综合表现，可以丰富版面的层次，完美的呈现版面的视觉效果，使作品更加精彩动人。心得：版面之间的亲密性（图片之间要有联系，注意逻辑关系），留白的空间要合适（不是平均主义），颜色要协调，文字编排对齐要讲究，还必须注意跳跃率和图片表现力点：在有限的版面起到了点缀的作用，也可以理解为焦点，亮点。明确点的大小变化：点大点小给人的视觉感受不一样，注意形象的强调，缩小点缀，放大就有面的感觉，点多且大，给人以厚重的感觉，点多且小，给人以丰富的感觉位置不同的点会产生不同的视觉感受，作为画面的中心（焦点），位置很重要，还可以平衡画面，填补空间，活

6、跃气氛点缀作用。点的分布形式：左右对称式、上下对称式、左上式、左下式、右上式、右下式、边缘发散式、中心发散式、自由式线：有形态明确的实线、虚线，也有空间中的视觉流动线，实线给人一目了然的感觉，虚线给人一种虚幻、飘渺的感觉；空间的视觉流动线并不是实实在在的线，它是引导视线流动的线，是因为某种视觉的引导而构筑在心理中的线。线的性格：垂直线：富于生命力，力度感和伸展感水平线：稳定感、平静感，略显呆板自由曲线：自由、潇洒、随意、优美几何曲线：弹力，均衡，体现规则柔美斜线：富于运动感、动态和方向感较强折线：方向变化丰富，易形成空间感细线：精致、挺拔、锐利粗

7、线：壮实、敦厚线的分割：使用线将多个相同或相似的形态进行空间等量分割时，版面唆传达的是一种有序的，和谐的感觉，以线对图形进行分割的时候需要考虑图形的类型，并根据内容的主次编排他们的位置，通过不同比例的空间分割，会产生各种各样的空间对比效果与节奏感，线的排列会使分栏更清晰，更具条理，从而增强了信息的易读性。掌握线的空间力场：力场的大小与线的粗细和虚实有关。线粗而实，力场感则强，线细且虚，力场感则弱。一般来说，实线的力场会强于虚线，但也不是越强越好，合适才是最重要的。线的空间约束能力：线有较强的空间约束力，使用细线可以将内容区别出来，就能有效的引导人

8、们的视线。线框细，版面则轻快而有弹性；线框粗，就会有被强调的感觉，同时可以引导视线。但如果线框过粗，在稳定版面的同时也会显得呆板。面：比