更负责的品牌升级战略实效机构

400-021-0866

首页 作品案例 品牌全案 服務(wù)项目 品牌升级 豪禾智库 关于豪禾 联系我们

所在位置:

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

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

时间:2016-06-28 13:27:54 来源:上海品牌设计 阅读量: 作者:豪禾品牌咨询
  构成是什么,不就是把我们的自然界里的视觉规律再通过文(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)的单位。空间中出现了一点就能(néng)吸引眼球,再出现一点,这个焦点的注意力就均分(fēn)了,如果这些点大小(xiǎo)不一,则首先吸引焦点的是较大的那个点,再接着是较小(xiǎo)的点,这样就形成了视觉的节奏。首先,你必须要简化日常所见的点,任何一个能(néng)引发视觉紧张,产生视觉张力的图形都有(yǒu)被称為(wèi)“点”的可(kě)能(néng),并不是小(xiǎo)小(xiǎo)圆圆才叫点。
平面设计
  上图的页面在覆盖层上表现很(hěn)多(duō)水滴状的图像,隐隐透露出下方的图像信息,给人一种半遮面的未知之美。
平面设计
  这里的大小(xiǎo)不一的点形成了一种视觉节奏,你的视觉会从一个点跳到另一个点,配色鲜明,构成一派欢快的氛围。
  从上面两个例子可(kě)以看出,在造型的世界中,点是具有(yǒu)形象的,也是有(yǒu)大小(xiǎo)的,并且点的大小(xiǎo)是有(yǒu)限度的。超越限度就会失去点的性质而成為(wèi)“面”。因此,点是根据周围环境而确定的,点与其所在空间的面积应该是一种从属关系,它本身具有(yǒu)一种细小(xiǎo)单位的性质。
平面设计
  这个海报中,利用(yòng)图形的合成,把人物(wù)也看作一个点,这个点由于是一个人物(wù)攀爬的状态,其实更能(néng)激发一种紧张向上的活力。
  二、一个点就是一个小(xiǎo)宇宙
  点具有(yǒu)张力的作用(yòng),它具有(yǒu)一定的紧张性。点在版面中的位置不同、数量不同、大小(xiǎo)不同,给人的张力感受也不同。
  理(lǐ)论上,在不考虑其他(tā)视觉元素的作用(yòng)下,一个点处于中间位置的时候,是非常稳定的,但略显得呆板。因此可(kě)以把点的位置往左上或右上移动,这样就形成一种上升的力量,带来了动感。
  例如此处的图形安排,如果放于中间,看上去会特别稳定,当然也会比较无聊。
平面设计
  往上方移动,带出一种往上提升的力量。
平面设计
  下图中的图形浮动在流动的波浪線(xiàn)上方形成一种浮动其上的美,略靠中间的位置,由于极少其他(tā)元素的干扰,整體(tǐ)画面简洁、稳定。
平面设计
  三、点与点的火花(huā)
  点与点之间,会形成一种视觉牵引,你的大脑会自动脑补出两点间的连線(xiàn)。以此类推,如果更多(duō)的点不仅形成了線(xiàn),还连成了片,所以,用(yòng)点这个单位就能(néng)创作更多(duō)的線(xiàn)和面。这时,点的装饰作用(yòng)减弱了。
平面设计
  例如上面这个由蓝色的点来组成的数字“8”,形成的虚面效果非常活泼。
平面设计
  这里的点的连線(xiàn)部分(fēn)已经用(yòng)一种“未断欲断”的手法表现出来,而其他(tā)的部分(fēn)则相比就显得更独立,有(yǒu)一种对比,在45度角的对称也有(yǒu)一种倾斜的活力。
  四、点的构图运用(yòng)
  圆点波尔卡抽象图案
  在运用(yòng)点作為(wèi)主角构图的案例中,最常见的就是利用(yòng)点的集合关系进行构图,日本草(cǎo)间弥生的作品是最具有(yǒu)代表性的。圆点本身的造型柔美、可(kě)爱,利用(yòng)大大小(xiǎo)小(xiǎo)的圆点安排空间深度的关系,有(yǒu)机组合就能(néng)形成有(yǒu)趣的图案。下图是草(cǎo)间弥生的南瓜图。
平面设计
  由于圆点本身的抽象性,这个图也同样姿态万千,未必是一个南瓜。这份创作理(lǐ)念自然是大师的手筆(bǐ),我们能(néng)从中學(xué)到的是她运用(yòng)圆点的创作技巧。她把南瓜分(fēn)成了对称的瓣状,每一瓣安排了圆点来形成一种立體(tǐ)关系,让你感受到南瓜表面的起伏。
  纹理(lǐ)背景
  点也可(kě)以大面积铺开形成纹理(lǐ),根据点的形状来表达不同的氛围。
平面设计
  利用(yòng)五彩缤纷的圆点形成类似气球一样的欢乐氛围,不仅作為(wèi)背景存在,也由于圆点的有(yǒu)机的位置安排,显得非常洒脱自在。
  聚合成形
  也是同样运用(yòng)上例的圆点,采用(yòng)一种较為(wèi)规律的构图方式,形成一个边缘略散,但依然能(néng)成形的聚合體(tǐ),整个图形往外扩散,给人一种膨胀的张力。
平面设计
  本例中,你可(kě)以看出,当点试着抛弃中心构图,抛开规则而成群出现的时候,有(yǒu)一种动感。这种动感通过色彩、大小(xiǎo)、位置就能(néng)轻易获得一种完美的张力。这是利用(yòng)圆点之间的关系而形成的。
  五、想和做
  理(lǐ)论毕竟是停留在文(wén)字阶段,实践是,我们通过圆的构思来设计一个轻网页的首页界面。
  这个界面是一个摄影作品的网站,首页如果直接按照九宫格或者瀑布流排列摄影作品的方式显然有(yǒu)点太规范,采用(yòng)“轻”的思维方式,我们只需要展示一张大图即可(kě)表现出作品的美感。但在这个网站中,我们还想要透出一种含蓄美,或者一种隐藏起来的美,这时,可(kě)以想到这个点的方式,因為(wèi)点可(kě)以凝聚成面,这个面不太具體(tǐ),给人一种虚化的感受。
  STEP 01
  我们先做出这个点的组合图案,采用(yòng)渐次变化的方法,中心大,往两端渐变小(xiǎo)。这样的构图产生了空间深度。
平面设计
  STEP 02
  再将摄影作品大图全屏展示,形成一种全屏的视野。
平面设计
  STEP 03
  在图片的上方增加一个纯色的深蓝色图层,图层的靠右侧,也是摄影作品的右边人物(wù)面部焦点处利用(yòng)蒙板制作出步骤一的图案,略降低这个图层的透明度。
平面设计
  STEP 04
  添加上LOGO和汉堡包菜单图标。显然这个作品网站是极简风格,因此导航隐藏起来可(kě)以减少页面的干扰。用(yòng)户的视觉首先会被右侧的这种隐约其中的效果所吸引,再关注到LOGO、菜单等。这是我们所安排的用(yòng)户的视觉流。
  LOGO的图案并不是像其他(tā)网站一样靠左,而是略往中心移动,这样做的目的是為(wèi)了增加页面左边的视觉的趣味,让LOGO和右侧的画面有(yǒu)呼应,不至于分(fēn)成两个完全不相干的陌生部分(fēn)。
  菜单的图标放置于左侧中線(xiàn),刚好也和右侧图案的最左一个圆在一条水平線(xiàn)上。它们同样产生了一种遥相呼应的关系。
平面设计
  整个界面在左侧保持了留白,让右侧的画面更突出。大家可(kě)以想象如果左侧放太多(duō)信息,不但削弱了右侧的视觉效果,整體(tǐ)的视觉将会失去重点。这是我们在设计中应该尽力避免的。
  后记
  点的魅力绝无这么简单可(kě)以说尽,在设计时,我们会因為(wèi)拥有(yǒu)太多(duō)技能(néng),希望穷尽所有(yǒu)的功力去表达,往往事与愿违,事实上,你只需要从中挑选一种,比如就用(yòng)点这个元素来表现,都值得我们往深处挖掘。
来源:优设网  转载请注明:豪禾广告
关键词: 平面设计|
分(fēn)享:

相关案例
Related cases

敢客游戏公司进行了全新(xīn)的VI设计

李福全水饺品牌策划与包装设计:食材好,够新(xīn)鲜,品质放心

微光基因logo设计生物(wù)医疗VI设计

上海企业宣传片拍摄服務(wù):坤鼎集团企业宣传片拍摄

锁龙消防科(kē)技企业宣传视频案例

芯旺微電(diàn)子logo设计-芯片企业vi设计

相关文(wén)章
Related articles

一定要知道的广告平面设计中的一些潜在定律

豪禾品牌资讯
brand information

品牌咨询

细分(fēn)市场行业标识
打造全新(xīn)的品牌视觉形象

在線(xiàn)品牌咨询

最新(xīn)案例推荐
Related cases

最新(xīn)资讯推荐
related information