AMO全媒体运营
首页 知识星球 告别凌乱的版式!从点/线/面/色开始

告别凌乱的版式!从点/线/面/色开始

点、线、面、色彩是版式设计的基本要素,这里并非是指几何概念上的点、线、面,版面当中的文字、图片、图形等都可以看之为点、线、面,它们是构成版式视觉空间的基本元素。 版式设计实际上就是…

点、线、面、色彩是版式设计的基本要素,这里并非是指几何概念上的点、线、面,版面当中的文字、图片、图形等都可以看之为点、线、面,它们是构成版式视觉空间的基本元素。

告别凌乱的版式!从点/线/面/色开始

版式设计实际上就是在有限的平面内经营好点、线、面,建立一个千变万化和准确表达设计目标的版面。

告别凌乱的版式!从点/线/面/色开始
告别凌乱的版式!从点/线/面/色开始

点是版面中最小的成要素,具有不可忽视的作用。由于点的形状、大小、位置、数量、分布方式的不同,带给人的视觉效果和心理感受也是不同的。在版式中应该根据具体需要明确点的大小变化和具体、位置。把握点的排列方向、大小、数量变化及空间分布,就可以形成活泼、轻巧等不同的版式表现效果。

告别凌乱的版式!从点/线/面/色开始

①规则排列式。这种排列方式具有点的大小相同、间隔相同、橫平竖直的特点。一般运用于比较严规整的版式当中,带来沉重、庄严的感觉。

告别凌乱的版式!从点/线/面/色开始

②自由散发式。画面元素呈现不规则的发散状态,在实际运用当中并不需要点均匀分布,只要是从一个点或是一个方向发散出来,不管大小、颜色、间距是否一致,都属于发散式。这种方式可以有效地强调中心位置或某一区的重点,散而不乱、变化有序,使得版式灵活多变。

告别凌乱的版式!从点/线/面/色开始

③集合式。集合式是多种分布方式的结合使用,这种方式重在统一中求变化,根据版式的需求进行自由排列,没有固定的规律。

告别凌乱的版式!从点/线/面/色开始
告别凌乱的版式!从点/线/面/色开始

线是点的移动轨迹,是版式设计中最为活跃的因素,介于点和面之间。增大它的宽度接近于面,缩短它的长度接近于点。因此,它随着自身长度、宽度、方向、位置、形状的变化而具有不同的性格和作用。

告别凌乱的版式!从点/线/面/色开始

①线的种类。版式设计中的线大致分为实线、虚线和无形的视觉流线三种。实线给人一目了然的感觉,虚线给人虚幻缥缈的感觉,这两种线在平面中具有明确的形态,在版式中具有理顺文字、图片和分割版面的作用。视觉流线则是一种容易被忽略的无形的线,主要根据视觉流程而改变,引导观者阅读。 

告别凌乱的版式!从点/线/面/色开始

②线的情感因素。线的形态变化具有丰富的情感因素。直线简洁单纯,明确清晰;曲线柔和流畅,丰富柔软;斜线给人动荡不安,富有现代感;垂直的线给人情绪高扬;水平线平静安定;自由曲线较为随意。线的选用要根据版式的需要而定,没有固定的规则。

告别凌乱的版式!从点/线/面/色开始

③线的空间编排。线的位置、粗细、远近、方向的不同,往往产生方向感、流动性、延续性及远近感,使得版式产生空间的深度感,为版式带来丰富而广阔的思维空间。线的粗细变化,给人带来远近的感觉;线的渐变,容易拉出空间立感;线的放射能够起到扩充版面、凝聚内容的作用。

告别凌乱的版式!从点/线/面/色开始

④线的分割作用。线在版式中有非常重要的分割作用,进行分割的时候需要考虑版式中各元素的联系,协调好主次关系,以保证良好的视觉感受。可以凭借个人感受来分割,没有固定的条条框框。

告别凌乱的版式!从点/线/面/色开始
告别凌乱的版式!从点/线/面/色开始

面可以看做是点的聚集和线的重复,在版式中占有的面最大。线的自由分割,也会形成各种比例关系的面。面在版式中具有平衡、丰富空间层次,烘托、深化主题的作用。面可以分为几何形和自由形两大类。

告别凌乱的版式!从点/线/面/色开始

几何形是通过几何图形形式来展示面在版式中的形态,三角形坚实稳定,圆柔和饱满,方形稳重厚实。自由式没有固定的模式,比较随意。在具体设计中,要把握好版面整体的和谐,才能产生具有美感的视觉效果。

告别凌乱的版式!从点/线/面/色开始
告别凌乱的版式!从点/线/面/色开始

①色彩的基本要素。色相、明度和纯度是色彩的三个基本要素。

告别凌乱的版式!从点/线/面/色开始

●色相是色彩的主要特征,例如:柠檬黄、紫罗兰、翠绿、大红等。不同的色相带人的心理受是不同的,设计师必须培养自己对色彩的敏感度、准确的识别力,掌握好色彩的搭配方法。

告别凌乱的版式!从点/线/面/色开始

●明度是指色彩的明暗程度。色彩的明度有两种情况:一是同一色相不同明度,二是各种色的不同明度高明度,高明度给人轻快、活泼的感觉,低明度给人稳定、厚重的感觉。明度是形成空间感和立体感的主要依据,版式设计要处理好明度的变化。

告别凌乱的版式!从点/线/面/色开始

●纯度是指色彩的纯净程度也就是饱和度。高纯度色彩加入黑、白、灰,都会降低色彩的纯度。色彩的纯度变化可以产生丰常的强弱不同的色彩,而且使色彩产生韵味和美感。

告别凌乱的版式!从点/线/面/色开始

②用色技巧。配色可以根据色相来进行,以色相为基础的配色是在色相环的基础上进行选择的,定好主色调后,选择色相环上临近的色彩进行配色,可以给受众带来稳定和统一的感觉。

告别凌乱的版式!从点/线/面/色开始

用色相环上距离较远的色彩进行配色,会给受众带来对比的感觉,以突出内容。

告别凌乱的版式!从点/线/面/色开始

例如:同一色相配色法中,主要依靠控制一种色彩明度和纯度的变化来进行,由于这种方法只有一种颜色的变化,所以可以给人传递和谐、稳定、整体的感觉;明度差别较小的颜色变化,会使版式产生稳定统一而又单调沉闷的感觉;明度差别较大的颜色变化则会使页面显得活泼、靓丽。

告别凌乱的版式!从点/线/面/色开始

又如:对比色相配色又称为相反色配色,对比色是指色相环中两个距离较远的颜色,这种配色方式因为采用了对比强烈的色相,颜色差异较大,传达给受众一种强烈的变化感,但在使用这种配色方式时要避免采用高纯度的对比色进行搭配,会给人一种十分刺眼的感觉。如必须使用应先降低颜色的明度和纯度,以缓和色相的冲突。 

告别凌乱的版式!从点/线/面/色开始

 

以上内容就是“告别凌乱的版式!从点/线/面/色开始”的全部内容了,喜欢的小伙伴记得点赞收藏,也可以分享给身边感兴趣的朋友。如果你还想了解更多知识星球的相关内容,可以来AdobeEdu设计联盟官方网站获取。

生成海报
免责声明:文章内容不代表本站立场,本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺,仅供读者参考,文章版权归原作者所有。如本文内容影响到您的合法权益(内容、图片等),请及时联系本站,我们会及时删除处理。
域名
Avatar photo

作者: AdobeEdu

AdobeEDU设计网址导航,为设计师提供无限的创意参考,欢迎大家同时关注微信公众号:UID的小伙伴们

为您推荐

优秀版式!离不开这些”关键词”

版式设计的重点在于版面各元素的和谐搭配,在编排版面元素时,应该注意主次分明、表现合理,使阅读流畅顺遂。 均衡 均衡即平衡...
创新思维的深度理解与应用

创新思维的深度理解与应用

一、模型理解 WHAT:是什么 概念:是什么 本质:新旧要素的重新组合 对创新要素的重构 内涵 创新思维是依托人脑 ( ...

色彩的9种调性!要分清呀

以上内容就是“色彩的9种调性!要分清呀”的全部内容了,喜欢的小伙伴记得点赞收藏,也可以分享给身边感兴趣的朋友。如果你还想...
第四波!2022年8月精选实用设计干货合集

第四波!2022年8月精选实用设计干货合集

各位8月好!这是本月的第四波设计干货,这一期设计干货合集中有一些非常有趣的东西,比如为 CG 艺术家准备的物理参数数据库...
什么你的平面作品不出彩?来看高手总结的14个细节!

什么你的平面作品不出彩?来看高手总结的14个细节!

很多人想提升自己加了无数大神的微信,通过了大量的精力去寒暄,希望得到大神的指点。这种方式对自己成长效果只能微乎其微。 此...

发表回复

返回顶部