所在位置：

首页(yè)> 设计前沿> 正文(wén)

平面设计中(zhōng)如何用(yòng)“点”提高视觉张力？

时间：2016-06-28 13:27:54 来源：上海品牌设计 阅读量： 作(zuò)者：豪禾品牌咨询

　　构成是什么，不就是把我们的自然界里的视觉规律再通过文(wén)字整理(lǐ)归纳的知识么？所有(yǒu)设计的门类，几乎都离不开构成，所有(yǒu)视觉的表现也都体(tǐ)现了构成。它太隐蔽了，也太简单了，它是整个视觉世界的抽象，因此很(hěn)多(duō)人就觉得应用(yòng)上特别困难。要说推荐构成的书，我十分(fēn)没有(yǒu)把握，但看了孙彤辉的《平面构成》，好像又(yòu)豁然开朗。不如就这本书的思路，我们再来一起学(xué)一下这些基础吧。除了理(lǐ)论，最重要是我们从理(lǐ)论再回到实践，从抽象再回到日常。

　　一、并不是小(xiǎo)小(xiǎo)圆圆才叫点

　　点是造型的基础之一，是造型最小(xiǎo)的单位。空间中(zhōng)出现了一点就能(néng)吸引眼球，再出现一点，这个焦点的注意力就均分(fēn)了，如果这些点大小(xiǎo)不一，则首先吸引焦点的是较大的那个点，再接着是较小(xiǎo)的点，这样就形成了视觉的节奏。首先，你必须要简化日常所见的点，任何一个能(néng)引发视觉紧张，产(chǎn)生视觉张力的图形都有(yǒu)被称为(wèi)“点”的可(kě)能(néng)，并不是小(xiǎo)小(xiǎo)圆圆才叫点。

　　上图的页(yè)面在覆盖层上表现很(hěn)多(duō)水滴状的图像，隐隐透露出下方的图像信息，给人一种半遮面的未知之美。

　　这里的大小(xiǎo)不一的点形成了一种视觉节奏，你的视觉会从一个点跳到另一个点，配色鲜明，构成一派欢快的氛围。

　　从上面两个例子可(kě)以看出，在造型的世界中(zhōng)，点是具(jù)有(yǒu)形象的，也是有(yǒu)大小(xiǎo)的，并且点的大小(xiǎo)是有(yǒu)限度的。超越限度就会失去点的性质(zhì)而成为(wèi)“面”。因此，点是根据周围环境而确定的，点与其所在空间的面积应该是一种从属关系，它本身具(jù)有(yǒu)一种细小(xiǎo)单位的性质(zhì)。

　　这个海报中(zhōng)，利用(yòng)图形的合成，把人物(wù)也看作(zuò)一个点，这个点由于是一个人物(wù)攀爬的状态，其实更能(néng)激发一种紧张向上的活力。

　　二、一个点就是一个小(xiǎo)宇宙

　　点具(jù)有(yǒu)张力的作(zuò)用(yòng)，它具(jù)有(yǒu)一定的紧张性。点在版面中(zhōng)的位置不同、数量不同、大小(xiǎo)不同，给人的张力感受也不同。

　　理(lǐ)论上，在不考虑其他(tā)视觉元素的作(zuò)用(yòng)下，一个点处于中(zhōng)间位置的时候，是非常稳定的，但略显得呆板。因此可(kě)以把点的位置往左上或右上移动，这样就形成一种上升的力量，带来了动感。

　　例如此处的图形安(ān)排，如果放于中(zhōng)间，看上去会特别稳定，当然也会比较无聊。

　　往上方移动，带出一种往上提升的力量。

　　下图中(zhōng)的图形浮动在流动的波浪线(xiàn)上方形成一种浮动其上的美，略靠中(zhōng)间的位置，由于极少其他(tā)元素的干扰，整体(tǐ)画面简洁、稳定。

　　三、点与点的火花(huā)

　　点与点之间，会形成一种视觉牵引，你的大脑会自动脑补出两点间的连线(xiàn)。以此类推，如果更多(duō)的点不仅形成了线(xiàn)，还连成了片，所以，用(yòng)点这个单位就能(néng)创作(zuò)更多(duō)的线(xiàn)和面。这时，点的装(zhuāng)饰作(zuò)用(yòng)减弱了。

　　例如上面这个由蓝色的点来组成的数字“8”，形成的虚面效果非常活泼。

　　这里的点的连线(xiàn)部分(fēn)已经用(yòng)一种“未断欲断”的手法表现出来，而其他(tā)的部分(fēn)则相比就显得更独立，有(yǒu)一种对比，在45度角的对称也有(yǒu)一种倾斜的活力。

　　四、点的构图运用(yòng)

　　圆点波尔卡抽象图案

　　在运用(yòng)点作(zuò)为(wèi)主角构图的案例中(zhōng)，最常见的就是利用(yòng)点的集合关系进行构图，日本草(cǎo)间弥生的作(zuò)品是最具(jù)有(yǒu)代表性的。圆点本身的造型柔美、可(kě)爱，利用(yòng)大大小(xiǎo)小(xiǎo)的圆点安(ān)排空间深度的关系，有(yǒu)机组合就能(néng)形成有(yǒu)趣的图案。下图是草(cǎo)间弥生的南瓜图。

　　由于圆点本身的抽象性，这个图也同样姿态万千，未必是一个南瓜。这份创作(zuò)理(lǐ)念自然是大师的手笔(bǐ)，我们能(néng)从中(zhōng)学(xué)到的是她运用(yòng)圆点的创作(zuò)技(jì )巧。她把南瓜分(fēn)成了对称的瓣状，每一瓣安(ān)排了圆点来形成一种立体(tǐ)关系，让你感受到南瓜表面的起伏。

　　纹理(lǐ)背景

　　点也可(kě)以大面积铺开形成纹理(lǐ)，根据点的形状来表达不同的氛围。

　　利用(yòng)五彩缤纷的圆点形成类似气球一样的欢乐氛围，不仅作(zuò)为(wèi)背景存在，也由于圆点的有(yǒu)机的位置安(ān)排，显得非常洒脱自在。

　　聚合成形

　　也是同样运用(yòng)上例的圆点，采用(yòng)一种较为(wèi)规律的构图方式，形成一个边缘略散，但依然能(néng)成形的聚合体(tǐ)，整个图形往外扩散，给人一种膨胀的张力。

　　本例中(zhōng)，你可(kě)以看出，当点试着抛弃中(zhōng)心构图，抛开规则而成群出现的时候，有(yǒu)一种动感。这种动感通过色彩、大小(xiǎo)、位置就能(néng)轻易获得一种完美的张力。这是利用(yòng)圆点之间的关系而形成的。

　　五、想和做

　　理(lǐ)论毕竟是停留在文(wén)字阶段，实践是，我们通过圆的构思来设计一个轻网页(yè)的首页(yè)界面。

　　这个界面是一个摄影作(zuò)品的网站，首页(yè)如果直接按照九宫格或者瀑布流排列摄影作(zuò)品的方式显然有(yǒu)点太规范，采用(yòng)“轻”的思维方式，我们只需要展示一张大图即可(kě)表现出作(zuò)品的美感。但在这个网站中(zhōng)，我们还想要透出一种含蓄美，或者一种隐藏起来的美，这时，可(kě)以想到这个点的方式，因为(wèi)点可(kě)以凝聚成面，这个面不太具(jù)体(tǐ)，给人一种虚化的感受。

　　STEP 01

　　我们先做出这个点的组合图案，采用(yòng)渐次变化的方法，中(zhōng)心大，往两端渐变小(xiǎo)。这样的构图产(chǎn)生了空间深度。

　　STEP 02

　　再将摄影作(zuò)品大图全屏展示，形成一种全屏的视野。

　　STEP 03

　　在图片的上方增加一个纯色的深蓝色图层，图层的靠右侧，也是摄影作(zuò)品的右边人物(wù)面部焦点处利用(yòng)蒙板制作(zuò)出步骤一的图案，略降低这个图层的透明度。

　　STEP 04

　　添加上LOGO和汉堡包菜单图标。显然这个作(zuò)品网站是极简风格，因此导航隐藏起来可(kě)以减少页(yè)面的干扰。用(yòng)户的视觉首先会被右侧的这种隐约其中(zhōng)的效果所吸引，再关注到LOGO、菜单等。这是我们所安(ān)排的用(yòng)户的视觉流。

　　LOGO的图案并不是像其他(tā)网站一样靠左，而是略往中(zhōng)心移动，这样做的目的是为(wèi)了增加页(yè)面左边的视觉的趣味，让LOGO和右侧的画面有(yǒu)呼应，不至于分(fēn)成两个完全不相干的陌生部分(fēn)。

　　菜单的图标放置于左侧中(zhōng)线(xiàn)，刚好也和右侧图案的最左一个圆在一条水平线(xiàn)上。它们同样产(chǎn)生了一种遥相呼应的关系。

　　整个界面在左侧保持了留白，让右侧的画面更突出。大家可(kě)以想象如果左侧放太多(duō)信息，不但削弱了右侧的视觉效果，整体(tǐ)的视觉将会失去重点。这是我们在设计中(zhōng)应该尽力避免的。

　　后记

　　点的魅力绝无这么简单可(kě)以说尽，在设计时，我们会因为(wèi)拥有(yǒu)太多(duō)技(jì )能(néng)，希望穷尽所有(yǒu)的功力去表达，往往事与愿违，事实上，你只需要从中(zhōng)挑选一种，比如就用(yòng)点这个元素来表现，都值得我们往深处挖掘。
来源：优设网转载请注明：豪禾广告