掌握规则灵活运用,排版配色怎么做

转自研习社

设计这个词具有非常广泛的含义,好的设计应该同时具备传达的功能性和美观性。也就是在解决商业诉求的前提下兼具美感。

审美是设计师的一项基本能力,但审美具有主观性且因人而异,想要提升审美并不能一蹴而就,而是需要长期不断的经验累积而成。

设计不是凭空产生的,设计前辈们将自己的经验科学的总结出了一套规则,从生理学和心理学的角度找到对美的普遍认知规律,也就是我们所学习的设计原则。

对于任何规则来说,灵活运用都是关键因素。我们日常所说的对齐、留白等等都是设计中的规则,灵活的运用这些规则就能够解决版面编排中的大部分问题。

接下来我们进入案例修改的环节,通过设计原则来逐一排查作品中出现的问题。设计毕竟是没有标准答案的。希望大家在观看作品修改时能带着分析的目光去学习修改的思路。修改的最终案例仅起到抛砖引玉的作用。在实际工作中还是需要根据项目具体定位和需求为准。

这期我们选择一个最常见的这种偏窄展架的案例。展架的内容上是理发店的节日促销宣传,接下来我们来具体分析一下这幅画面都有哪些问题?

在色彩上,文字使用了两种渐变色。

同时文字使用了三种纯色。

背景中使用了六种不同色相。

这个版面一共出现了11种不同的色彩。给人的第一感官就是凌乱的印象。这也是初学者容易犯的问题,就是颜色种类的克制运用。

下一个问题是无关的装饰元素过多。零碎的装饰元素几乎占满了文字以外的其他区域。将它们拿出版面可以发现,这其中有光效,礼物,蝴蝶,还有中国的传统纹样和音符。这些与主题的关联性都不大。装饰元素跟主题最好有些联系的。

新人设计师容易犯的问题之一就是喜欢把学会效果全都塞到画面中。不可否认的是,添加效果后的文字确实会比纯文字要更吸引眼球。

但如果每一个元素都很抢眼的话,最终得到的效果也就变得不尽人意了。就好像一部舞台剧中所有演员都在抢戏一样。区分不出谁才是重要的角色。

我们在设计里应该仅刻画关键元素。一切思考的方向都是从简的。

留白也是老生常谈的问题了。小到字间距,大到版心的划分。留白都起着关键性的作用。这个版面里的留白也就是蓝色部分,留白的面积基本是完全破碎的。举一个例子,如果想要让大黄鸭的识别度变得清晰易识别,那么就需要在它周围一定范围内预留足够多的留白面积。现在我们预留的面积就是一个鸭子的宽度。

根据版面的不同需求,可以预留二分之一鸭子的大小。

这样大黄鸭的周围也依然具有足够的安全空间可供识别。

甚至可以再小一些,预留整体的三分之一的宽度作为安全范围。

也依然是很舒适的留白距离。

这个版面中一共运用了三种变化性很强的字体,在选择字体时,需要根据项目的气质搭配相应的字形,不同的外观会传达出完全不同的印象,错误的搭配可能会让版面与内容之间产生冲突感。

可以感受到设计者应该是为了让文字变得与其他内容不一样,又或者是为了增大文字的面积大小而特意改变了文字的比例关系将正常的文字通过挤压变得高瘦,但这是一种错误的处理手法。这样会导致文字丧失原有的美感,笔画的比例也会发生变形,如果一定要这种形式,可以直接选择相应的文字变体。

我们模拟出极端的视觉环境来看这个版面,会发现版面中没有明确的视觉焦点,元素的灰度显得非常平。对于广告来说,没有焦点的版面,视线会在版面中没有目的的游离。从而失去继续阅读下去的耐心。

从人的视觉心理分析,人们会将相互靠近的多个元素看成是一个组合。版面中的文字分组与划分都处在相等的距离内,缺少了文字信息的主次关系。

将案例中的文字内容分离出来重新整理。

由于版面是偏窄的型材,为了更好的利用空间,我们将其划分成两个区域。

顶部的大面积区域添加主体元素来成为版面中的视觉焦点,其余需要阅读的详细信息则安静的编排在底部区域内,观者的视线被主体吸引后自然会去留意优惠信息,完成传达过程。整体产生三个层级分组。

首先我们需要解决的是主体部分,主标题“秀我型”一共有三个字,我们需要让其组合尽量能够占据一个相对大的面积。呈现三角形的排列构成明显可以达到这一目的。

继续添加其他结构,让组合更具饱满。添加点元素增强点线面的构成感觉。

为了让字形更加精准的表现主题的内容,更改较为精致时尚的宋体作为组合文字的基础字形。选择与理发行业密切相关的剪刀来替换交叉的结构,同时也具有一种写实与抽象的对比层面。烘托了主题的行业属性。其余装饰性质的元素也逐一替换成相应的英文。

在组合底层添加象征时尚的尖锐图形,为文字组添加层级感。视觉焦点部分也就刻画完成了。将设计好的主体元素置入到之前划分好的视觉区域中。虽然元素确实放在了版面的正中央,但是从视觉上看却总有一种向下沉的感觉。

这是因为人眼看到的物体是存在视错觉的,我们看上去在正中心的物体其实是相对几何中心要高出一些的。

将主体向上提升后,从视觉上来看主体就居中了。这样看上去就舒服多了。

下面需要解决的是文字组合在版面中应该放多大的问题。如果按照其自身一般的留白距离摆放元素,那么最终的效果就是视觉焦点过小了。

就像这样,针对这个广告的促销气质来说,这样的留白大小显得太过宁静雅致了。

需要将其放的足够大才能体现出热闹的氛围,视觉焦点也更加突出。

但也不是说要把整个空间全都占满,这里上下依然预留了三分之一的空白面积。

将设计好的焦点元素放回到版面中,并搭配相应的颜色。这里为文字添加暗色调的蓝色是为了烘托版面的品质感与高端气质。

背景添加黄色则是为了表现主题“秀我型”的时尚与个性。同时刺激的纯色调也增强了促销的感觉。

接下来添加其余的促销信息“五一特惠”。断行编排显然视觉面积会更大一些。

在底部添加圆形色块来起到装饰和强调的作用。文字与色块呈现居中对齐,四周的留白预留了一个字的面积。

在正圆二分之一的位置在添加一个圆形。与上方颜色形成一个呼应的关系,使文字图形化。

将设计好的元素置入到版面中,注意元素与版心边界的留白距离不要太小。

接下来处理促销的信息,根据文案内容,我们可以提取出文字中关键的项目。就是下方这四个优惠项。

赠字略小于它们,形成一个对比的效果,采用图形的处理形式,连接版面的对角线确定其他项目的编排区域。随后把编排好的文字组合放入其中。

这段信息中包含了商品与折扣两种信息,首先我们将商品“高档药水”单独提取出来。

折扣信息则替换成图形化的50%OFF,将编排好的组合继续放到版面中。

基本上这段话的视觉优先级并没有前两个高,所以简单衬托一个色块作为识别它的载体。

留白方面,文字的上下均设置成一个字的高度,左右为了让元素具有喘息的空间,预留出三个字的宽度。文字处理好后,编排到版面中其余元素的下方与其他元素形成两端对齐。

最后一个折扣信息,将其选择好字体后直接放到版面中即可。同样与其他元素呈现两端对齐的组合。

那么接下来是第二部分,会员卡的优惠套餐。标题的处理形式与“优惠五一”保持统一,编排好后置入到版面的左侧区域。

将信息编排成两端对齐的形式,重要的信息放大,说明性的信息缩小。

产生主次的层级关系,随后编排到版面底部的空白处。

最后是会员卡的详细套餐,选择会员卡的轮廓作为衬托并添加文字信息。

另一个也是相同的处理形式,随后编排到版面中,这个画面就基本完成了。

最后我们回顾一下这个案例都解决了哪些问题?

回复,获取更多练习素材

回复,获取PS破解软件

回复,获取1G的字体安装包

回复,获取设计类电子书7本

回复,获取C4D录播教程

PS聊设计|

转载请注明地址:http://www.1xbbk.net/jwbfz/4195.html


  • 上一篇文章:
  • 下一篇文章: 没有了
  • 网站简介 广告合作 发布优势 服务条款 隐私保护 网站地图 版权声明
    冀ICP备19027023号-7