大家好,我是林利蒙。
很荣幸在本期旁友圈#甲方来袭#的活动中,获得了第一名,很多旁友对这次设计比较感兴趣,另外也受到运营小姐姐--东鹤的邀请,所以有了此次复盘。
此次甲方来袭的主题是碧桂园发布会设计,是一次地产风格的练习。首先来看下我的作品:
接下来通过复盘详细讲讲我的设计思路,主要分为五个部分:分析原稿、寻找灵感、准备素材、页面制作、细节优化
01
分析原稿
作业原稿是这样的:
首先对 PPT 中的内容进行分析。
了解到这是关于碧桂园中堂的发布会,主要围绕中堂的几个优点展开阐述。由于此次作品原稿中的逻辑很简单,而且已经划分好了,因此我们可以直接使用原稿中的内容逻辑。
然后是整体的设计风格选择。
什么是设计风格呢?其实就是作品的配色和整体气质。众所周知,对于党政或者科技风格的设计,我们脑海中都会有一个很清晰的设计风格:比如党政的红黄配色给人又红又专的感觉;而科技风的蓝绿色系配色,给人神秘高端的感觉。
而对于地产类风格,我们平时接触的比较少,其实地产本身就是虚无缥缈的概念。因此,我们可能无法在脑海中一下子构建出一套设计风格,那么就需要查阅相关的资料和案例,从中找寻灵感从而敲定风格。
02
寻找灵感
当你不了解一个公司的风格时,最好的方法是先搜索该公司的官网。以下是碧桂园的官网:
通过官网我们了解到碧桂园是一家地产公司,它的配色和整体设计给人一种干净专业的气质。
接下来以“地产”为关键词搜索一些相关的设计页面,作为灵感参考。这里首推「花瓣网」,经过搜索后,会得到许多的灵感页面,我将它们整合为两类,暗色系和浅色系:
当你搜索到不同风格的灵感参考时,就要进行筛选,这决定了你后期设计的大走向, 因此这一步很重要。
我本次选择了浅色系,主要与碧桂园公司的官网有关。不难发现暗色系的设计其实是普适性的,可以用在各大地产公司中,但要体现碧桂园本身的调性,我还是选择了清爽干净的浅色系。
03
准备素材
汲取了设计灵感之后,我们要为页面的制作做一些准备,比如图标、背景图片和 PNG 装饰元素等。在此,我推荐摄图网及觅元素这两个网站,以下是本次搜集的素材:
素材的准备阶段并不是到这就结束了,在页面的制作过程中随时可能要更换素材,这一个步骤会伴随整个 PPT 完成。
04
页面制作
到了页面制作这个步骤,为了提高效率,先不追求每一页都做到极致,而是制作完整的一页就可以了。
本次设计以官网的青绿色为主,搭配一点黄色辅助。字体我用了自带气质的方正清刻本悦宋简体。
先来看原稿封面:
原稿是深色底,而我们希望采取浅色系进行设计,因此先找一张浅色系的背景图。
为什么选择浅色背景呢?因为我们想要营造出中国水墨风的意境感,同时浅色系也与碧桂园官网的色彩调性相一致,所以,我们选用浅色背景。
但注意,这里的浅色背景不是纯白色背景,为什么呢?因为纯白色背景过于单调, 缺少意境感。可以考虑使用一些山脉纹理进行修饰,这样一来,既避免了页面视觉单调,又体现出了中国风味道。如下是在摄图网找到的背景:
背景确定后,就要找些与主题相关的装饰元素来丰富画面。
由于是地产公司,所以要有房屋(在这里我还对房屋设置了简单的倒影),加入 logo 后简单排版可以得到如下页面:
这样的排版设计基本上就可以了,后面的再进行细化设计就好。接下来是第二页,原稿如下:
这页内容很少,只有三个关键词。我选择了一个绿色基调的图片叠底,然后上面盖一层白色渐变蒙版,再加入镂空的文字设计,下面是三个关键词。我最初的排版设计如下:
这页也先这样,后面再优化。
第三页是一个小标题配两部份内容:
原先的排版是上下布局的,由于屏幕尺寸比较宽,所以我改成了左右排版,然后让标题错落放置,更有设计感。同时为了防止页面单调,所以加入了图片来充实画面。
第四页与上页的布局很类似,原稿:
这里为了统一画面,我还是按照左右排版:
第五张原稿:
这张内容算是比较多的。标题是商业生态圈,很多人会想到中间放标题,周围画一些圈圈来表现生态圈这个概念,当然这样的设计很直观很棒,但是大部分人会想到这样的设计方法,所以再这样设计就不够出彩,还有什么方式可以表现生态圈这个概念呢?
我想到了之前看到的旭辉地产的一张官方设计:
画面中由中心点向外发散这一概念让我印象很深刻,我觉得这也可以用于表现商业圈涵盖领域众多这个概念,于是有了如下设计。
最后一页是嘉宾介绍,原稿:
人物加姓名。在这里人物选择很重要,原稿中人物很暗淡、忧郁,不太符合目前画面的气质,因此我重新选择了一张与画面气质搭的人物图片:
好了我们看下目前的成品:
到这里我的第四个步骤就完成了,先不说做的有多精致,至少雏形已经出来了,算是合格的作品了。
05
细节优化
从封面开始进行优化:
目前页面比较空洞,需要加入一些细节刻画,于是我找了符合气质的竹子、祥云等来丰富页面;另外,画面比较平,所以我在底部绘制了一个地面;房子背后也比较空,我又加入了浅色线稿来丰富画面,同时高楼也可以凸显地产大亨的感觉。
其实,到此页面已经制作了九成,但还没达到眼前一亮的感觉,页面气质没有出来。于是我又对字体进行设计,就是“和”字的设计,我参考了如下页面:
我们可以看到页面中“异”字特别出彩,于是我分析字体进行了复刻。具体操作包括:笔画拆分,渐变填充,三维格式设置等操作,进行字体设计后的页面如下:
可以看出,只是一个字体设计,再搭配一些竹叶穿插使整个页面亮眼了不少。
第二页
目前的问题是画面昏暗,空洞,有些脏,虽然镂空文字比较出彩,但还是不够,我想了下是否可以将这种文字和图片的关系反过来设计,这样,画面很明亮也更具设计感。
再有一个小细节是图片下方淡淡的绿色发光效果,这其实是图片下方加入形状元素并添加阴影盖在图片下方而呈现出的效果。
画面中文字序号 1,2,3 是亮点,主要用到了背景图片填充及设置白色阴影,底部文字也标注了拼音加入树叶修饰等细节,使整体页面更具新中式的气质。
第三页
这一页也是缺少细节刻画,我依旧进行文字设计,将“不”字加长,使标题更具整体感。同时加入竹叶修饰来填补左侧空白。
第四页
这一页文字处理与上页相同。不过目前页面中文字较散,于是我加入抽象曲线来串联,右下角也加入浅色图片充实画面:
第五页
标题欠缺设计,画面较空。细节优化后的页面:
最后一页
问题与前面几页相同,加入细节刻画:
至此,所有页面刻画完毕。
总结,在设计时,先查阅资料确定风格,搜集灵感,设计时先完成再完美,细节是画面精致的关键。多看多练多积累。
好了最后来看下原稿和成品的对比:
希望我的制作思路能给你带来帮助。如果对本次作品感兴趣,也欢迎交流~
本文内容为 林利蒙 原创出品
如果对你有所帮助,欢迎在文章底部点击「在看」
旁友圈PPT学习社群推荐
已超16500位读者,现在加入,可以免费获取PPT视频学习课程,以及超5000页涵盖各个类型的PPT设计灵感手册......
更多关于<设计感>的文章,推荐阅读
再小的技能,
也值得被认真对待。
发表回复
要发表评论,您必须先登录。