版式排版四大基本原则 亲密性 对齐 重复 对比
发布于:2016-12-14 01:01
一、亲密性原则的运用
彼此相关的项应当靠近,归组在一起,如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,大面积不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。其根本目的就是实现组织性,放在一起的内容会形成一个视觉单元,而不是孤立的多个单元,便于阅读。一个页面上的视觉单元一般不超过5个。
将内容文字通过距离的调整形成视觉单元
注:1.操作技巧:段落设置的灵活应用);
2.根据内容的重点确定字号、是否加粗等。
二、对齐原则的运用
任务东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。通过对齐,不同的视觉单元间会自然存在一种视觉的联系。其根本目的是使页面统一而有条理。
尽量将视觉单元进行硬对齐(左右对齐),少用软对齐(居中对齐)
三、重复原则的运用
让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片等等。这样一来,既能增加条理性,还可以加强统一性。重复的目的就是统一,并增强视觉效果。
四、对比原则的运用
对比的基本思想是,要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。要让页面引人注目,对比通常是最重要的一个因素。根本目的一是增强页面的效果,另一则是有助于信息的组织。
注:1.对比一定要强烈。
2.负空间使用(留白)
3.字体使用
换个姿势解释
1. 对比(Contrast) 目标:增强效果、组织信息
对比的基本思想就是要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。对比能够让讯息更准确的传达,内容更容易的被找到、被记住。如果你想让对比效果更明显,就一定要大胆,不要让两种颜色看起来好像差不错又不一样。当然也不要在同一个页面使用太多种字体。
2. 重复(Repetition) 目标:统一
重复的目的就是“一致性”,让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、材质、空间等。这样一来既能增加条理性,又能增加统一性。
3. 对齐(Alignment) 目标:统一而有条理
任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能够建立一种清晰、精巧而清爽的外观,提升可读性。避免一个页面上混用多种对其模式,也就是不要有一些置左,有一些置右。尽量避免使用居中对齐,除非是比较正式、稳重的设计(别动不动就让什么都居中,有些时候居中是一种很土的对齐方式)。
4. 亲密性(Proximity)目标:实现组织性
彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。
总结
版式设计的四大基本原则阐述起来很简单,但是实际运用到设计中还是有一定的难度,我想如果你可以充分的理解到体会到四大基本原则的精髓,那么你就可以设计出一个不错的视觉版面。
另外四大基本原则并不是孤立存在的,他们之间是相辅相成的。一个优秀的页面设计上可能会运用到,所以以后大家在设计的时候还是要心中有原则。
0
今日新帖
0
昨日新帖
61
帖子总数
小美,你要加油,要一直坚持下去
AI商业设计 2016-09-28 23:30
我们不是专业的手绘,只是通过手绘制作商业插画而已
AI商业设计 2017-01-16 21:28
许超战队给大家送惊喜,想知道惊喜是啥就请点击,让你大开眼界
AI商业设计 2017-01-12 15:08
从小白到大白的过程,与你相遇好幸运~!
AI商业设计 2016-12-25 12:28
【平安夜】小伙伴们一起欢聚邢帅大家庭
AI商业设计 2016-12-24 21:37
【AI商业设计】平面设计各类资源的整理
AI商业设计 2016-11-16 14:34
小当家 笔记不错哦 很详细
回复:版式排版四大基本原则 亲密性 对齐 重复 对比