发布会PPT排版设计制作 3步搞定地产风
原文标题:《那些惊艳的【发布会 PPT】是如何设计的?》
今天分享一篇超级详细的发布会 PPT 复盘设计
话不多说,来看下我的作品:
本次复盘有着五个步骤,步骤一是分析原稿,步骤二是寻找灵感,步骤三是准备素材,步骤四是页面制作,步骤五是细节优化。
01.分析原稿
作业原稿是这样的:
首先对 PPT 中的内容进行分析。
知悉这是关乎碧桂园中堂的发布会,主是围绕中堂的若干优点予以展开阐述,鉴于此次作品原稿里的逻辑非常简单,并且已然划分好了,所以我们能够直接运用原稿里的内容逻辑。
然后是整体的设计风格选择。
那设计风格究竟是什么?实际上便是作品展现出的配色以及整体所具备的那种气质呵。大家都清楚知道,针对党政风格或者科技风格的设计而言,在我们的脑海当中,都会存在着一种极为清晰明确的设计风格模样哦:比如说像是党政风格所采用的红黄配色,它会给人带来一种既红又专的特别感觉;然而科技风格所运用的蓝绿色系配色那边,又会给人营造出一种神秘高端的别样感觉。
对于地产类风格,我们平常接触得挺稀罕少有的,实际上地产本也就是那种虚幻不易捉摸的概念。所以呢,我们有可能做不到在脑海里一下子就搭建起一套设计风格,这样一来呀,就得以去查阅相关的资料以及案例,在其中寻觅灵感进而确定风格。
02. 寻找灵感
在尚不晓得某家公司风格之际,最为妥当的办法乃是先行查找那家公司的官网哒。
以下是碧桂园的官网:
我们借助官网知晓,碧桂园属于一家地产公司,其配色以及设计,给予人一种质地干净又专业的感觉,是这样的。
接下来,以“地产”当作关键词,去搜索一些与之相关的设计页面,把其作为灵感参考,这里首先推荐「花瓣网」,经过在该网站上搜索之后,便会获取许多的灵感页面,对此我把它们归整为两个类别,分别是暗色系和浅色系。
假如发现了不同格调式样的灵感参照,那就得着手筛选,这会对后续设计的大致趋向产生影响,所以这关键的一步是十分重要的。
此次进行了浅色系的选择,这主要是和碧桂园官网存在关联。并非难以看出,暗色系的设计实际上具备普适性,能够应用于各个地产公司之中,然而若要展现碧桂园自身的调性,我最终还是挑选了清爽干净的浅色系。
03.准备素材
在汲取了设计给予的灵感以后,我们得针对页面加以制作去开展一系列准备工作,就像图标,还有背景图片以及 PNG 装饰元素之类的那些东西。在这个时候,我推荐的是摄图网以及觅元素这两个网站,下面呈现的便是这次所搜集到的素材:
并不是素材就绪就万事大吉了,页面制作时要随时更换素材,这一步骤伴随整个PPT完成。
04.页面制作
到页面制作这一步骤时,为提升效率,并非追求每页皆达极致,做出完整的一页便行了。
先完成再完美!
以官网的青色作为此次设计的主要颜色,再搭配黄色起到辅助作用,对字体进行选择,所选用的字体是方正清刻本悦宋简体。
封面
原来的稿子底色是深色,然而我们期望运用浅色系的色调来做设计,鉴于此,首先要寻找一张背景图,并且这张背景图得是浅色系的。
出于何种缘由会选择浅色背景呢,是由于内心期望营造出那带有中国水墨风格的意境感受,并且浅色系还和碧桂园官网的色彩调性相互契合,故而,将浅色背景选定采用使其得以选用。
但要留意,浅色的背景并非是那种纯粹的白色背景,因为那种完全白色的背景太过单调了,缺少那种能营造出意境的感觉。
采用一些山脉纹理来试着进行一些修饰,这样做的话,能够避免页面视觉呈现出单调的状况,还能够体现出带有有着中国风的那种味道。下面所展示的是在摄图网那儿找到的背景。
背景确定后,就要找些与主题相关的装饰元素来丰富画面。
因为属于地产公司,故而得要有房屋,在这儿我还针对房屋设置了简易的倒影,添加 logo 之后进行简单排版,能够获得如下页面:
基本排版结束,后面再细化设计就好。
目录
这页的内容是稀少的,仅仅存在着三个关键词,我挑选了一款具备绿色基调的图片进行叠底操作,随后在其上面覆盖了一层呈现白色渐变效果的蒙版,接着又添加了带有镂空特征的文字设计,在下方放置着三个关键词,我最开始的排版设计是像下面这样的:
这页也先这样,后面再优化。
第三页
此前的排版呈现为上下布局样式,因屏幕尺寸相对较宽,故而我将其改成左右排版方式,接着使标题进行错落放置,以此更具设计感。与此同时,为避免页面显得单调乏味,于是加入了图片用以充实画面。
第四页
这里为了统一画面,我还是按照左右排版:
第五页

这样的一张,其内容在数量方面是相对较多的。它所具备的标题乃是商业生态圈,对于众多相关的人士而言,会在脑海之中浮现出将标题放置于中间位置,并且围绕着标题绘制一些圆圈,以此来呈现生态圈这一概念的想法。
毋庸置疑,这般的设计具备显而易见的直观性美感,然而绝大多数人皆能够轻易想到,只是欠缺足够出众的效果,那么到底还有何种途径能够用以展现生态圈该项概念呢?
我想到了之前看到的旭辉地产的一张设计:
中心点向外发散这一概念在画面中呈现,给我留下了极为深刻的印象,我判定这能够运用于对涵盖众多领域的商业圈这一概念的表现,基于此,便有了如下设计。
第六页
此处人物挑选相当关键,原稿里头的人物极为黯淡、忧郁,不太契合当下画面的气质,所以我再度挑选了一张跟画面气质相搭的人物图片。
好了我们看下目前的成品:
先不说精细程度如何,至少到这儿,成品可以说是合格的,因为雏形已然呈现出来了。
05.细节优化 封面
从封面开始进行优化:
目前页面比较空,需加入细节刻画,如符合气质的竹子、祥云等
另外,画面呈现出较为平坦的特征,因此,我于底部绘制了一个地面以此来营造场景感,与此同时,给房子背后增添高楼线稿用以丰富画面,并且也让高楼凸显出地产大亨的那种感觉。
行进至这个页面,已然完成了九成的制作,然而却尚未取得那种能让人眼前突然间闪现亮光的感觉。于是乎,我针对字体展开了设计,确切而言就是针对“和”字的设计,我参照了下面这样的页面。
可以看到,页面里那个“异”字十分出众,所以我剖析字体予以了复刻,具体的操作涵盖,笔画拆分,渐变填充,三维格式设置等这些操作,字体设计之后的页面是底下这样的:
看得出来,仅仅是一项字体设计,再加上一些竹叶穿插其中,进而使得整个页面显著亮眼了许多。
第二页
当前存在的问题在于,画面呈现出昏暗的状态,并且显得空洞,还略微有些脏污,虽说镂空文字相对比较突出较为出色,然而依旧是不足够的,我经过思考琢磨,寻思着是不是能够将这种文字与图片之间的关系进行反向的设计处理,如此一来,画面就会变得很明亮因而也更具备设计感了。
另外还有一个小细节,是图片下方有着淡淡的绿色发光这种效果,而实际上此效果是在图片下方加入了形状元素,而后添加了阴影,并且阴影盖在图片下方才呈现出来的。
文字序号 1 处于画面当中,文字序号 2 也在画面里,文字序号 3 同样在画面之上,这些是亮点所在之处,主要运用了背景图片用于填充的操作,并且进行了设置白色阴影的行为,底部有着文字,这些文字标注了拼音,还加入了树叶进行修饰之类的细节,如此一来使得整体的页面更具备新中式的那种气质。
第三页
这一页同样欠缺细节方面的刻画,我仍旧开展文字设计工作,把“不”这个字予以加长处理,从而让标题更有整体的感觉。与此同时,增添竹叶进行修饰,以此来填充左侧的空白之处。
第四页
这一页的文字处理跟上面那一页是一样的,不过当前页面里的文字比较分散,所以我添加了抽象曲线来进行串联,在右下角还添加了浅色图片来使画面更充实。
第五页
给标题加入竹叶和细节修饰:
最后一页
问题与前面几页相同,加入细节刻画:
至此,所有页面刻画完毕。
我们来看下原稿和成品的对比:
接下来,再一次回头去看那设计的五个步骤,分别是,剖析原稿,寻觅灵感,筹备素材,进行页面制作,以及开展细节优化。
就要先去查阅资料从而确定风格,接着去搜集灵感,当进行设计的时候要先达成完成状态进而再追求完美,其中细节乃是画面精致的关键所在。要做到多看,还要多练,并且多积累。你学会了吗?


请小编喝杯咖啡吧!