改稿 | 找不到合适的图标?拼接大法好

改稿复盘4年前 (2021)更新 阿半PPT
1,582 0 0
改稿 | 找不到合适的图标?拼接大法好

大家好,我是半
 
这一期带来的是一份企业介绍PPT,案例来源「旁友圈每周作业」。
 
以下为案例原稿:
改稿 | 找不到合适的图标?拼接大法好
 
01.
风格选定
以下为官网的一些页面截图,大体偏简约风,用色块作为内容的载体:
 
改稿 | 找不到合适的图标?拼接大法好
 
就按简约风格进行设计,配色选用LOGO的红色,搭配黑白灰。
02.
封面页设计
 
改稿 | 找不到合适的图标?拼接大法好
 
标题中可以得出两个关键词:出行&城市生活;那么画面的元素尽可能要有电动车与城市;
 
初步排版为左文右图形式,将标题断行,并加上颜色对比,右边搭配小牛电动车的图片:
 
改稿 | 找不到合适的图标?拼接大法好
 
想到以下灵感图:如果能有一辆立体的电动车,立在空间中就好了;
 
改稿 | 找不到合适的图标?拼接大法好

作者-林利蒙    公众号-Slidecent

 
最终在京东旗舰店找到了需要的素材,再用两个形状搭建空间后效果如下:
 
改稿 | 找不到合适的图标?拼接大法好
 
还差城市元素,色块简约风搭配实景图片背景又不是很合适,于是我选用了城市剪影形状:
 
改稿 | 找不到合适的图标?拼接大法好
 
最后,其实这页可以完稿了,尝试更换字体为「字制区喜脉体」也不错:
 
改稿 | 找不到合适的图标?拼接大法好
 
 
03.
内容页设计
将电动车与色块结合,做出了小标题部分的设计,并用参考线规范版心:
 
改稿 | 找不到合适的图标?拼接大法好
 
四项并列页:
 
改稿 | 找不到合适的图标?拼接大法好
 
内容较多,可以直接延续这个版式,用圆角矩形作为内容的衬底,中间部分加上电机图片:
 
改稿 | 找不到合适的图标?拼接大法好
 
上边还给四部分文字增加了视觉化图标,想找到匹配的图标还是很难的,只好自己按照文案意思进行拼接:
 
改稿 | 找不到合适的图标?拼接大法好
 
基础排版搞定了,可以增加一些设计细节
 
从电动车延伸出放大的电机,两者之间用渐变梯形做引导;外围加上渐变圆形和科技感的形状,这样一来电机来源有了,发散出四个特点的形式也更强了:
 
改稿 | 找不到合适的图标?拼接大法好
 
色块部分,增加两个较亮的形状叠加,以此增加卡片设计感,也能给图文做分隔:
 
改稿 | 找不到合适的图标?拼接大法好
 
以下便是最终完成稿:
 
改稿 | 找不到合适的图标?拼接大法好
 

 
多图展示页:
 
改稿 | 找不到合适的图标?拼接大法好
 
四辆车的图片展示,形状衬底、环绕、破格等,都是常见的排版方法;
 
经过N次的尝试后,做出了还算较有新意的页面,主要流程如下:
 
改稿 | 找不到合适的图标?拼接大法好
 
电动车的载体从一整块逐渐改成了四块,用平行四边形又衔接成了整体,做出了一个创意展台;
 
“系列”重复出现了四次,也非重点,没必要与名称一同放大突出,占据不必要的空间;所以我采用了叠加的形式,红色线框无填充垫在名称下面;
 
截取四辆车的车头放大并增加蒙版,丰富背景:
 
改稿 | 找不到合适的图标?拼接大法好
 

 
大段文字页:
 
改稿 | 找不到合适的图标?拼接大法好
 
首先梳理下文案,按照‘句号’进行分段,可以清晰看出三个部分的主要内容:
 
改稿 | 找不到合适的图标?拼接大法好
 
其中,保障服务包含三项,意外赔付包含四项:
 
改稿 | 找不到合适的图标?拼接大法好
 
从官网找到了牛油保的logo,还有意外赔付中四个部分相应的图标;
改稿 | 找不到合适的图标?拼接大法好
 
还缺少保障服务部分的图标,于是我参照着上面圆框+内部图标的样式,用盾牌图标代表保障,内部加上相对应的图标(给图标加上相同的框,能使各项更有统一成套感);
 
改稿 | 找不到合适的图标?拼接大法好
 
最后,右边可以搭配一张图,比如可以直接用开电动车的图:
 
改稿 | 找不到合适的图标?拼接大法好
 
想到了来自「老秦-另辟蹊径栏目」的创意,将网页截图用OK插件中的「弧化倾斜」功能将其变成纸张效果:
 
改稿 | 找不到合适的图标?拼接大法好
 
另外,在官方网店中看到了一个钥匙扣产品,将其延长后,便成了创意的文字载体:
 
改稿 | 找不到合适的图标?拼接大法好
 
终稿如下:
 
改稿 | 找不到合适的图标?拼接大法好
 

 
最后,来看看完整版:
改稿 | 找不到合适的图标?拼接大法好
改稿 | 找不到合适的图标?拼接大法好
希望以上的分享对你有所帮助。

——
公众号:阿半PPT
原文链接:改稿 | 找不到合适的图标?拼接大法好

© 版权声明

相关文章