“线框”在设计中起到哪些作用?

时间:2018-11-01 来源:文率科技

关于线框设计相信大部分设计师都不陌生,因为它经常出现在日常设计中,在一些优秀的案例作品中也同样出现,而对于一些设计师而言,虽然懂得参考优秀作品中用的设计元素,但却不知道为什么要用,用的目的是什么?同样有些作品整体看起来会出现散乱,区域划分不明显,缺少细节感等情况,那么这些又该从那些入手解决,线框在设计中起到的作用是什么?

1、装饰、增强细节感

线框在设计环节中不但可以看作点状元素,同样也可以看做为线状元素,这两个元素虽然相同,但用的目的不同,发挥的作用也不同,而线框在设计中则可以同时兼顾这两优点。如:下图


该图中出现的线框元素就起到了所谓的装饰、衬托画面的作用,以点线面的角度来看则符合点状元素的特点,虽然这类元素对于作品整体而言只是次要的视觉元素,但是有与无的差别还是一目了然的,有此类元素,画面则呈现出一种更加丰富、饱满的视觉感受;而无此类元素,给人的感觉虽然画面元素依然很多,但是总带有单薄、不够饱满、缺少细节的感觉。

2、引导视觉

其实,设计类的知识很多的都是与日常生活息息相关的,尝试着将设计类的知识点与日常生活结合在一起,对于记忆和理解来说更加得心应手,例如:图中的闪电可以视作为设计中的线条,给人的视觉感受是通过闪电把天与地连接为一个整体,而闪电在图中的作用就是串联整体;那么回到这里的正题:线条有引导视觉的作用该怎么理解呢?再如下图生活中的例子:


我们选择从天津到郑州开车去,出发之前能需要在地图上看下路线,知道途径哪些省市,规划好行程路线,这里绿色的虚线就起到了引导视觉的作用;回归设计中道理是一样的,线条可以引导用户把原本杂乱无章的视觉点规整为有次序的视觉元素。


3、规整视觉范围

线框同样也是规整视觉范围的常用元素之一,当画面整体元素多而杂乱的时候,线框可起到很多的约束,规整串联的作用;线框在一定情况下也可起到类似色块的作用,它相对色块而言,约束轻度偏弱,但规整串联的能力更强,如图:


从左到右只是有无线框的差距,但在视觉上却有形成了很大的反差,左侧无线框元素的海报,给人的感觉是:视觉元素不够整体化,而且因为视觉元素多且没有形成很好的相互约束作用,反而有点杂乱;而右侧仅仅通过添加一个线框元素,将众多元素规为一个整体,划定视觉范围,使得画面整体性提升了很多,而且看似元素很多,但是正是因为线框的约束能力,画面非但没有杂乱的感觉,反而相对左侧画面整体来看给人的感觉更加整齐!

4、突出主题

突出主题方式方式多种多样,不仅只有留白、对比,线条同样能起到突出主体的作用,如下图:通过对比观察我们发现,右侧海报整体感更强,主题文案信息更加清晰,主体更明确;其中的原理可以理解为:因为线条的存在,使得主题信息有了一定的范围,在视觉上等于是在海报中划定了视觉焦点,从而起到了突出主题的作用;当然还有其他的表现形式。


5、强调视觉重心

这里线框的就起到很好的强调作用,因为线框的运用,使得主体在画面中的视觉形象更加的鲜明,主导地位更强,看似只是一个小小的变化,但是对于画面主体而言却起到华龙点睛的一笔,起到非常好的划分视觉重心的作用。


总结:其实,很多设计理论都只是提供一种可行的思路,灵活运用在设计中是非常重要的一项技能,如今天天津网站建设所说的线框的妙用,同一种形式的线框,运用到不同作品中所呈现的效果也是不同的,如图:


同样是矩形线框,同样的构图形式,但是其作用却不相同,左侧海报中线框的作用更多的是偏向:装饰、增加文字排版区域的设计感和细节感;而右侧海报中的线框则是起到划定视觉范围,规整视觉元素,将文字区域划分为一个小整体,同时也起到了一定的强调作用!

联络方式:

中国 · 天津市河西区南京路35号亚太大厦1403室
电话:15620613686
邮编:300220