美文网首页
上进青年研习社丨设计入门01:平面设计之平面构成中的点

上进青年研习社丨设计入门01:平面设计之平面构成中的点

作者: 上进青年研习社 | 来源:发表于2019-06-15 10:21 被阅读0次

    文丨小渔、姜哥

    大家好,我是小渔,作为一名新媒体编辑,PS也算是必备的技能之一了。

    小渔之前有写过自己的惨痛经历☞《你为什么会想学PS?》,自那以后,陆陆续续学习PS将近半年时间,期间还学了点Ai。

    但是最后却发现:学了很多技能,却依然不会设计

    事情要从端午假期的海报说起。这段时间,姜哥在忙着录制进阶课的视频,没有时间做海报,这个重任自然就落到比较会PS的小渔身上。

    原本考虑着自己做,奈何根本不知如何下手,不得不靠模板生存。

    假期归来,赶紧追着姜哥问:怎么做设计。

    “平面构成知道不?”

    “四大设计原则知道不?”

    “平面设计有哪些元素知道不?”

    ……

    相信很多人和我一样,一问三不知。

    “没有设计的理论基础支撑,做设计就容易没有方向。这样吧,我明天给你带几本书先看看。”

    第二天,姜哥背来3本犹如砖头般的设计书,好的,这就滚去学习。

    为什么要学理论?

    看了之后,才明白,一切皆有章法可循

    有人觉得别人成功靠的是运气,其实是他们找对了方法,看透了本质。设计也一样,基础理论说的就是方法。

    掌握了设计方法,即便技能工具不断地更新换代,而你只会PS,同样可以做出优秀的作品,并且适用于多个领域,比如PPT、建筑、服装、绘画等。

    为了让大家深入学习每一块的知识点,接下来就交给姜哥详细解说。

    ——  我是学习分割线  ——

    如果看到一张海报,你会在第一时间想到什么?

    先来看一个案例,我喜欢的品牌——MUJI在2003年出的海报。

    不用多说,大家联想到的一定是简约美,好看

    图片@MUJI海报,2003

    那么,在设计师的脑海里则完全是另一副模样。

    再来看一个稍微复杂一点的案例,依旧是来自MUJI的海报。

    一般看到这张海报,大家想到的会是圣诞节。

    图片@MUJI圣诞节海报

    同样的,设计师联想到的是下面的画面。

    看到这里,你能猜出来平面构成有哪些了吗?

    没错了,其实就是非常简单的点、线、面。

    点、线、面是平面构成中最基础的元素,就像英语单词都是由26个字母组合而成,任何版式也都可以抽象为点、线、面的组合关系。

    今天要带大家了解的是“点线面”中的“点”。

    没错,一个“点”可以写一篇!

    1、什么是点?

    平面构成包括了点、线、面等视觉元素,点、线、面是最基础的元素,而在点、线、面三个当中,点又是其中最小、最基础的元素。

    简而言之,点是视觉设计中最小的单位,一切的图像、文字都是由最基础的点构成的,包括线和面。

    在下面最左边的这张图,我们不断放大它的色块半径之后,就会得到一张点状化的图片,如右图。

    其实,在日常生活中也有很多点的运用案例,比如每到夜晚就亮起来的LED招牌,它就是由一个个的小灯组合而成一个店名,里面的每一个灯就是一个点。

    2、点的特征与作用

    上学的时候,我们都学过点的概念。 在几何学当中,点是一个很简单的东西,只有位置,没有其他的可修饰性。

    而在平面设计当中,点是多变的,除了位置变化,它还有一定的形状和面积。

    A.点的特征主要集中在以下两点:

    \bullet 点的大小不固定。

    在平面设计中,点是有面积的,所以点是可大可小的。不过,需要注意的是,点的大小都是相对而言的。

    “点”越大,它就有可能演变成面;“点”越小,它作为“点”的身份就越明显。

    当有一个更大参照物的时候,下图最右边的也会成为“点”。

    \bullet 点的形状不固定

    几何学中的点都是圆形的,但在设计中,点可以是任何形态的。

    圆形、方形、多边形、不规则图形,乃至文字、图案等等,只要足够小,我们都可以称之为点

    B.点的主要作用:

    \bullet 用作背景,丰富画面。

    下面两幅图片,左边的图片上空下满,整个画面看起来会有一点失衡,但是如果再加其他元素就会显得很拥挤,那么这时候用点来装饰画面,就会比较和谐。

    留白过多时,经常会用点来丰富背景画面

    \bullet 用作点缀,活跃版面。

    除了背景,点也常被用来装点画面,烘托气氛。

    譬如下面的横版海报,暑假来临,大家很开心地要去学(玩)习(耍)了。相比海报左边画面,右边显得有点空,气氛有点不到位。

    结合整体风格,给它增加一些“点”状元素后,画面就显得更活跃。

    \bullet 信息指引,突出核心。

    点状元素有一种很强的视觉张力。当画面一片空白时,增加一个点,目光就会被它所吸引。所以,点状元素常被用来突出一些重点信息。

    比如小渔端午节的海报,还是有点设计感的。单独放大的“粽”字,单独的一个PS“小粽子”,其实是在强调端午节之后会上线PS课程,有人看懂了吗?

    \bullet 增加设计感

    有时候素材不多,整体设计完成之后,会发现画面有点单薄,重点是设计感不强。

    在这样的情况下,我们就可以添加点状元素,将单词拆分成字母,用来增加设计感,这种方式也比较常见。

    3、设计中如何运用点?

    在了解了点的基本情况之后,那么,我们该如何在设计中具体运用点呢?

    当然也是有方法的,点在设计中主要包括以下两点原则:

    \bullet 点少的情况下,多注意点的形态。

    前文有说到,点具有视觉张力,在画面中可以产生指引的作用。那么在排版中,确定文字主题后,可以增加点状元素,用以突出。

    点可以是任何形状的,那么在进行设计的时候,我们可以考虑变换点的形状,圆形之外还有半圆形、扇形、1/4圆形、三角形、正方形、菱形等其他形状。

    同时还可以更改点的颜色、虚实、肌理等状态,选择就变得很多样化了。即便是简单的元素,也能使得画面变得丰富。

    图片@花瓣网

    \bullet 点多的情况下,多注意点的排列组合。

    点的排列组合,可以是有规律的排列组合,比如前文提到的文字排列,这样的画面通常比较有节奏感。

    当然也可以是分散式的排列这样的画面呈现会偏动感一些。下面的电商海报,用了花朵作点状元素来修饰画面,看起来就比较轻盈活泼。

    图片@花瓣网

    结语

    学习理论知识是非常枯燥的,但也是非常有必要的,如果你以后要从事设计类工作,那就更要学了。

    好了,今天的分享就到这里。

    之后姜哥还会分享更多知识点,记得来学习哦~

    相关文章

      网友评论

          本文标题:上进青年研习社丨设计入门01:平面设计之平面构成中的点

          本文链接:https://www.haomeiwen.com/subject/ygwvfctx.html