版式排版四大基本原则 亲密性 对齐 重复 对比

发布于:2016-12-14 01:01

一、亲密性原则的运用

彼此相关的项应当靠近,归组在一起,如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,大面积不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。其根本目的就是实现组织性,放在一起的内容会形成一个视觉单元,而不是孤立的多个单元,便于阅读。一个页面上的视觉单元一般不超过5个。

将内容文字通过距离的调整形成视觉单元

注:1.操作技巧:段落设置的灵活应用);

2.根据内容的重点确定字号、是否加粗等。


二、对齐原则的运用

任务东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。通过对齐,不同的视觉单元间会自然存在一种视觉的联系。其根本目的是使页面统一而有条理。

尽量将视觉单元进行硬对齐(左右对齐),少用软对齐(居中对齐)

三、重复原则的运用

让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片等等。这样一来,既能增加条理性,还可以加强统一性。重复的目的就是统一,并增强视觉效果。

四、对比原则的运用

    对比的基本思想是,要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。要让页面引人注目,对比通常是最重要的一个因素。根本目的一是增强页面的效果,另一则是有助于信息的组织。

注:1.对比一定要强烈。

2.负空间使用(留白)

3.字体使用

B_33.gifB_33.gif

换个姿势解释

1. 对比(Contrast) 目标:增强效果、组织信息

对比的基本思想就是要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。对比能够让讯息更准确的传达,内容更容易的被找到、被记住。如果你想让对比效果更明显,就一定要大胆,不要让两种颜色看起来好像差不错又不一样。当然也不要在同一个页面使用太多种字体。

2. 重复(Repetition) 目标:统一

重复的目的就是“一致性”,让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、材质、空间等。这样一来既能增加条理性,又能增加统一性。

3. 对齐(Alignment) 目标:统一而有条理

任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能够建立一种清晰、精巧而清爽的外观,提升可读性。避免一个页面上混用多种对其模式,也就是不要有一些置左,有一些置右。尽量避免使用居中对齐,除非是比较正式、稳重的设计(别动不动就让什么都居中,有些时候居中是一种很土的对齐方式)。

4. 亲密性(Proximity)目标:实现组织性

彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。

B_33.gifB_33.gif


总结


版式设计的四大基本原则阐述起来很简单,但是实际运用到设计中还是有一定的难度,我想如果你可以充分的理解到体会到四大基本原则的精髓,那么你就可以设计出一个不错的视觉版面。


另外四大基本原则并不是孤立存在的,他们之间是相辅相成的。一个优秀的页面设计上可能会运用到,所以以后大家在设计的时候还是要心中有原则。


共有3条评论
正序查看
倒序查看
吾酷小当家 2016-12-14 01:01
回复

B_33.gifB_33.gif

滴泪断剑 2016-12-14 08:20
回复

B_10.gifB_10.gifB_10.gifB_10.gifB_10.gifB_10.gif

回复

小当家  笔记不错哦 很详细B_105.gif

回复:版式排版四大基本原则 亲密性 对齐 重复 对比

图片
视频

0

今日新帖

0

昨日新帖

61

帖子总数