优秀的版面设计可以让一个普通的文档脱颖而出。本文给大家分享6个让你版面设计脱颖而出的技巧：对齐，聚拢，重复，对比，强调，留白。并通过实例讲解原有版面设计的不足，运用这6个技巧如何改进你的版面设计。
六、对比原则
加大不同元素的视觉差异。这样既增加了页面的活泼，又方便读者集中注意力阅读某一个子区域。
下面用一个PPT的例子，演示排版六原则。
上面这张ppt有两个毛病。
现在进行修改。
第一步，根据”聚拢原则”，将六点分成六个区域。
第二步，根据”降噪原则”，将每一点分成”小标题”和”说明文字”两部分。
第三步，根据”对齐原则”，将每一个部分、每一种元素对齐。
第四步，根据”对比原则”，加大”小标题”和”说明文字”在字体和颜色上的差异。
第五步，根据”留白原则”，留出一定的空白。
页面的可读性大大增加。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/2742.html
字体性格就是通过字体结构、笔画、细节的差异，塑造出形式多变的字体，从而给人不同的视觉感受。好的字体设计，总能在第一时间准确地传达字体情感，这就是字体性格的魅力。
主要知识点： 1、盒子在页面的显示=margin+border+padding+width/height 2、每个html元素都可以抽象为一个盒子 效果图： 参考： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title&…
字体主要分为衬线字和无衬线字。网站制作中，选用什么样的字体是比较重要。 衬线字和无衬线字的区别：左边的中文和英文字属于衬线字，右边中文和英文属于无衬线字。 衬线字指的是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。 如宋体，观察比划可以看到横细竖粗的特点，这就是典型的称线字。 无衬线字体没有这些额外的装饰，而且笔画的粗细差不多。比如微软雅…
左侧固定，右侧自适应布局效果图 很多页面，特别是网站后台管理页面，不少采用左右布局。本文讲解左侧固定，右侧自适应布局的两种实现方法。 左侧固定200px宽，右侧自适应，中间间隔10px。 HTML: <div class=”parent”> <div class=”side”></div> <div class=”m…
微信扫一扫 
支付宝扫一扫 