Mobiusdesign设计

旁友圈第六期甲方来袭复盘

2018-07-06  本文已影响18人  Mobiusdesign

上周参加了旁门左道的第六届甲方来袭活动,复盘如下~

先说说俺现在的工作流程,其实狠简单

我m

为啥要说这件事呢,这是俺爬了很久才出来的坑:

之前接到PPT,总是跳过风格和文本分析,直接开始考虑华丽丽的配色,高端大气的配图~结果做了出没有根据的东西,造成大量纠结和返工。

什么叫没有根据呢?就是别人diss俺的作品时,俺没有证(jie)据(kou),说不赢别人啊~~

嗯,这次复盘就按照风格,文本,视觉这个流程展开,大家坐好,我们发车了~~

1 风格


看了 BiMBA 官网的设计,深红半透蒙版+白色字体(如图中两个圆形标注,非常典型。)

1)设计风格

考虑 BiMBA 的机构特点,既根植于历史悠久的北大,又引领国际化商业思潮。

所以,风格上不仅要体现中国传统的厚重,还要有时代感。因此,字体选择和依据如下:

2)配图风格

从内容出发,主题是“企业,组织,能力”这些商业概念,所以选图上会倾向商业感,国际感。(就是有很多歪果仁的图。。允许俺装个B...)

2 页面分析


风格确定了,现在按照文本分析和视觉优化流程,依次处理页面。

P1 :原页面:

1)文本分析

标题很长,读着很费力。所以,通过字号和字体颜色的变化,强调核心内容。不仅美观,还能让观众直接 “看” 到重点。

tip:很长的标题,重点一般在后半句。

2)视觉优化

关键词是“趋势&变革”。俺找了两幅图,选了最后一张,原因如下:

图1:过于静态,不能表达趋势,变革这样的力量感。(革命总是暴力的么,对吧~)

图2:有冲击力的洪流相互碰撞,非常适合表达变革的感觉。

tip: 选图时,先提炼关键词,这样找图的目标就会更清晰。这就是为什么要先分析文本,再考虑视觉的重要性。

另外,那些大小和透明度不等的小球球,是后来加上去的。这样可以营造画面的纵深,让人感觉这不是一个二维的平面。

P2 原页面

1)文本分析

先强化标题,让观众知道这页在讲什么。

再确定主要内容是三个相互影响概念,呈并列关系。于是,确定了文本排版如下:

2)视觉优化

提炼关键词:世界,人才。 马上联想到人群(世界上有很多人嘛),于是有了下面的配图:

刚才提到,三个概念相互影响,也需要体现出来。于是用 isldes 补间动画加上了三个扩散的圆形,并且调节了圆形的透明度,不让画面太乱。

tip: 有规律叠加的几何图形会呈现莫名的美感.

P3 原页面

1)文本分析

先强化标题,再确定主要内容是三个层次的概念,有从低到高的顺序关系。于是文本排版如下

2)视觉优化

提取关键词:个体,赋能。与其用抽象的方块,不如用具体“人”的图片来体现更加直观。

于是,选了一张西装男的图片:


根据图片调整了文本的位置:技能/任职能力,放在领带旁边;(其实感觉放手旁边更合适,动手能力嘛,但为了遵守原文的层次,所以作罢)

值得注意的是,两个透明的圆形,因为现在的排版比较散,用圆形起到聚拢视线的作用。

tip:排版时,善于利用图片中人或物的位置,会有意想不到的效果。

P4 原页面

1)文本分析

有两段内容,一个是70~90后就业变迁,一个是90后的择业观。一个是内因,一个是表现。

按照目前的排版,放在一起的话会有些拥挤,所以,分为两页,一页说一件事。

2)视觉优化

既然是年代变迁,用数字再合适不过了,巨大的数字不但醒目,而且体现了时代感。

所以有了如下页面:70~90的高度依次增加,体现时代的增长;

0 稍微靠下,突出7,8,9这三个数字。

金字塔用三角形代替,从下到上,字号依次减小,与形状变化契合。

这页的关键词是“90后,就业”,所以用了一个充满朝气的青年作为背景。

放置文本的三角形和青年的身型契合(下宽上窄),这样,文字和图片的融合就达到了。

另外,这个页面中的大小,透明度不同的三角形也是为了营造页面的空间感。

tip: 营造空间感,会让你的作品具有“视觉深度”,这比一般的平面作品更有吸引力。

P5 原页面

1)文本分析

两段内容,一段是概念和说明,另一段是概念之间的关系。排版如下

2)视觉优化

关键词是 ”管理者”,所以选了单人的图片,人物面部朝向中间文本。

这页有两个特点:
缩小了三个图标,因为图标越大越有“廉价感”。(这也是为什么高级餐厅的碟子里总是装那么一点点东西。因为放多了就是烧烤摊了嘛)

为了表现三个概念相互影响感觉,用了重复的同心圆。

tip: 表达“相互影响”的感觉时,除了用交叠在一起的圆形,还可以用扩散的同心圆哟。

P6 原页面

这页的处理逻辑和P5相同, 就不再赘述。(绝不是因为俺偷懒不写)

P7 原页面

1)文本分析

两段内容,对比关系。排版如下:

2)视觉优化

关键词在于"VS",那么就需要能表达强烈的“对比,冲击”的图片。所以复用了封面图片。

这页的特点还是在于营造空间感,可以看下去掉图片后的页面:

tip: 为了营造空间感,除了图片和素材,还可以用基本形状的大小,透明度的变化实现。

P9 原页面

1)文本分析

两段内容,一段是原因,一段是结论。

PPT中一般是强调结论,弱化原因,让观众先了解观点,再看原因。所以,基本排版如下:

2)视觉优化

关键词是“新,诞生”,所以选择宇宙&星球这样的图片,强调“宏大”的感觉。

同时,因为文本是放在页面中心的,需要找一张视觉重心居中的图片配合。

综上,就有了下面的页面。

tip:在选择图片时,让图片的视觉重心和文本的排版相吻合,页面看起来会更自然。

P10  原页面

1)视觉优化

这页的文本是标语,既然是标语,就需要强调。原页面标语太小,缩在一角,不仅视觉上找不到页面的中心,在情绪上也不能体现气势感。

所以放大了字号,让文本居中,和背景建筑物的视觉重心重~done.

tip:文字的大小会传达内容的情绪:文字小时,体现精致和内敛的感;文字大时,体现宏大,自信感。

这样,整个作品就完成了,按照国际管理,对比前后效果~

以上,谢谢观赏。

Marx-搞笑艺人-PPT定制设计师

上一篇下一篇

猜你喜欢

热点阅读