上周业余时间做了一下邵大PPT[旁友圈]的每周作业,内容不多只有4页,不过涵盖了常见的类型页面,与大家做一个分享(全文大图更清晰)。
先看原页面,大家也可以考虑制作思路。
项目调性
动手之前构思的环节往往是最值得深思的地方,主要通过主题、配色、字体、元素4个层面确定整体作品(项目)调性,并做好设计规范。
主题
主题是要PPT要表达的情感,整体的风格方向。看原文案内容,更偏向于公司整体介绍,没有特别明显的科技偏向,所以我选择了沉稳的商务风格来表达主题,没有选择常见的科技风格。
配色
配色方面,由于是作业没有考虑放映载体、放映效果,第一版配色直接取自于格力logo的颜色,蓝色为#0E3192,红色为#FF3300,字体颜色白色。
第一版做完后,LOGO原始红蓝配色对比太过于强烈以致于有些刺眼,于是从其他作品中取色将改用了改为更为柔和的红色(#EA2127)。放一下对比照片,上图为最终配色。
字体
字体选择了简洁现代的无衬线字体,标题使用阿里巴巴普惠体,用了heavy、Medium两个较大的字重突出标题的力量感,正文选择了OPPO sans,第4页内容页的英文选择了DIN来强调突出。
元素选择
元素选用上更倾向于商务的元素,点、线进行简单的点缀以平衡画面。
简单演示中间图形的制作方法,线段对齐垂直平均分布后,粘贴为图片,用圆形做相交的布尔运算即可得到,也可以控制线段的疏密实现不同的图形效果。
也可以使用illustrator自己制作导出为SVG格式,导入PPT后可以调整线段颜色。
封面页
做好正副标题字号大小对比,选用居中对齐的版式结构,右上角放置公司LOGO。
通过背景亮蓝色->深蓝色的中心渐变丰富画面的层次感,并增加色彩的流动感,将视线聚拢在版面中心。
同时在左上角和右上角分别添加两个点缀元素,来平衡画面的感觉。
右下角的元素用上文做好的元素对齐叠加一个实心圆即可得到。
时间轴
本页文案在我看来并不能说以前的品牌标语比现在的品牌标语差,标语是随着时代向前迭代,所以我在这里没有采用向上的趋势,而是依托水平曲线来展开排版。
着重说明文案的对比,设计过程中应该考虑凸显哪个部分?是突出年份、品牌版本数量,还是每个时代的标语,现实情况可以根据甲方要求来调整,本案例仅从美观角度进行分析。
建立好基本版式后,进行元素的点缀装饰:
1、添加元素列表中的元素增加画面丰富感,并呼应重复原则;
2、时间轴曲线向下做补间动画,增加线条流动感;
3、为品牌外框增加线框,增加版面活力和设计感。
品牌页
品牌页直接采用了上下布局的方式,直接将品牌进行对齐排布会显得凌乱。添加外框来进行卡片式设计,增强视觉感。同时还去除了品牌标识的杂色,统一颜色,减少多种色彩产生扰乱度。
上半部分留白填充部分参考了这个版面。
应用了背景色字体+阴影的方法塑造画面层次感,同时在文字背后添加部分装饰性元素,看本页最终效果。
内容页
先进行文案提炼,主要分成三个部分,标题、正文、强调来确定文案的层级。再用对比原则放大30+、100w等需要强调的文案。并利用亲密原则,拉开各个层级的间距,使画面更加具有组织性和层次感。
配图方面,考虑到文案为智能应用,我去App Store特地下载了一个格力+app,但是图标配色真是一言难尽,索性弃用图标,选用用户界面截图并放到样机中做展示。
在dimmy样机库网站选用了一个样机使用。
最后再添加波点及波纹等相应元素进行点缀,并为强调文本添加两个图标略作装饰,吸引观众视线。
让我们来看看制作前后的差别。
关注公众号:Huha研习PPT,后台回复“15”获得本PPT原件。
后续会陆续为大家复盘一些我的练习作品,再次抛砖引玉,欢迎批评指正。
努力,共勉。
往期相关
2500字+1个案例,告诉你如何去拆解优秀设计作品
改一稿,感受一下PPT排版的力量
做到这四条原则,PPT足够胜任70%的场景
