提升设计水平的3大设计技巧

  • A+
所属分类:经验思维

本文来源: 版视(id:designb), 共 1986 字

今天直接给你提升设计水平的三大法宝技巧,简单有效,年底升职加薪什么的都不是梦,废话不多说,赶紧上硬菜。

视觉平衡

你生活中,会留意平衡性吗?人的行走或奔跑、鸟的静止或飞翔,都始终处在一种均衡状态,才会让人有安定感。

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

平面构图中也是这样,一个优秀的作品,往往具备色彩平衡、体积平衡、明暗平衡、概念平衡。其中色彩平衡中,色调与主副色要平衡;体积平衡中,要素间的体积要平衡;位置平衡中,空间的相对位置要平衡;概念平衡中,对已知领域的直接性心理感受要平衡。

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

下面两图都是表达青春的主题,但如何去鉴赏优劣呢?这就要用到概念平衡,不论是影视作品,还是印象中青春,更多都是美好与青涩的回忆,所以色彩上要轻盈,从这个层面上去分析,左边的已经不符合主题了,更不用提左边主体与层级刻画的程度了。

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

项目解读是设计中的首环,这个项目的主题是“存在”,一个有关哲学思想和意识形态的概念。当我们遇到这类设计时,应该用什么样的构图,来表现视觉平衡呢?

提升设计水平的3大设计技巧

通过查阅资料,我发现“存在”无法用一个具体的事物去表现,所以这里从点线面的分布,去结构作品。

常见的构图形式有以下几种:

提升设计水平的3大设计技巧

如果细分的话还有左中右构图、上中下构图、S形构图等,我选用了满版构图,用于表现智慧与思考的发散形态。

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

用位置平衡的形式,将Existence在版面中打散、分布,时尚而又别具一格。

提升设计水平的3大设计技巧

再将点线面的组合方式,分布在版面中。利用点的重复、元素的特异化处理、色彩的渐变,使画面更加出彩。

提升设计水平的3大设计技巧

最后运用对比色的渐变,形成空间上的撞色,更加凸显主题。以此类推,面对不同的设计项目,都可以灵活运用平衡法则去构图。

 

要素关联

除了视觉平衡,各要素还要通过方向上,色彩上,形状上,位置上等,建立起内在的关联性,使版面更加和谐统一。

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

图一中的两个点要素,在画面的位置和形状上,存在着关联性;图二中的点要素则更偏重于形状和方向上的关联;而图三右上角的点,形状发生了变化,如何才能建立起更好的关联性?聪明的你也许已经看出来了,就是在颜色上。

如何才能使图三中的要素建立起位置上的联系?可以通过网格系统,使要素更加合理的分布在画面中,如下图。

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

 

提升设计水平的3大设计技巧

当然我们还可以从年龄的概念上建立关联,比如选用一部分撞色,突出年轻化与时尚化。

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

把调好的主体放在版面中,对于动感比较强的人物,要保证其重心的稳定性,红线标注处,与画面中a与b,是1:1的垂直比例关系;右边人物的视平线处,在版面中a与b,符合1:1.618的黄金比例关系;左边人物的高度a,与版面高度b,符合1:1.4的白银比例关系。

提升设计水平的3大设计技巧

软件中自动输入的标题,一方面在间距上不尽相同,另一方面在设计上也会相对松散,所以我们需要反复调整到视觉的舒适点。

 

经过微调,到适合标题的间距,但还没有一个更好的形式感。

 

形式一:用文字组前后叠加,形成动感的效果。

提升设计水平的3大设计技巧

形式二:利用拆分字符,前后叠加,形成空间感。

提升设计水平的3大设计技巧

考虑到主体本身的丰富与张力,在主标题上选用形式二。把调整好的标题和其他信息安排在版面中,保证一定的秩序感。

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

标题在方向上做了一下倾斜,跟人物主体保持一致,画面更有张力。

提升设计水平的3大设计技巧

背景用矩形的色块,构建起空间维度,在方向上也跟随整体趋势。

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

这里选用了大面积的灰白色用以分割画面,用衣服上的蓝色填充矩形色块。

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

用网格系统,将版面中各要素,合理地规范起来,在符合美学的同时,又具备了几何倍率的特性。

提升设计水平的3大设计技巧

 

层级对比

版面中各要素通过大小对比,色彩对比,疏密对比,虚实对比,肌理对比等,使得版面更有表现力、节奏感与韵律感。

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

自然界中一切物体的大小都是相对而言的,蚂蚁相对于人,人相对于山,山相对于星辰大海等。在我们版面中,各要素也是同理,主体大小、色彩深浅、空间虚实等,都是相对而言。

提升设计水平的3大设计技巧

当然,这些概念上的对比,也会根据每个人的认知而不同。比如大小倍率,有人喜欢反差大一些,有的人则喜欢中庸一些。设计法则只是规范,水平的上限,还是取决于本人的眼界。

提升设计水平的3大设计技巧

要素关联偏向于各要素间的内在关联,而层级对比则偏向于各层级间,重要性的深化对比,两者在一定层面上是相辅相成的。

提升设计水平的3大设计技巧

 

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

第一步往往会先将信息按重要性归类,用大小的层级对比,能直观地区分信息,间距也要符合一定的比例。

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

吸取配图上的色彩,这是最直接的配色方法。

提升设计水平的3大设计技巧

这里除了让信息更好地归类之外,还可以建立起色彩上的关联,从这点来讲,层级对比与要素关联,就是亲兄弟的关系。

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

选用书法体,更符合项目沧桑浑厚的年代感,也平添了画面的动势,动静对比更有表现力。

提升设计水平的3大设计技巧

在视觉平衡的基础上,把层级对比好的信息,放置在画面当中,形成一个左右构图的形式,但是画面仍会显得单调。

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

要素关联:通过分析,我们可以将“铜环”与右边的铜环,建立起肌理上的关联。

层级对比:“铜环”二字的肌理,也会建立信息层级间的对比,更具有年代感。

我们运用要素关联的思路去分析画面,再借助层级对比深化信息。

提升设计水平的3大设计技巧

提升设计水平的3大设计技巧

在层级对比上要保持一个“度”,不是画面中越多的对比就会越好,一切的对比,都是建立在项目主题,准确传达的基础之上。



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: