单页幻灯片的视觉化设计(二)
2019-02-20 本文已影响24人
阿杜杜杜咯

关注微信公众号:幻灯演示论 获取更多PPT干货技巧。
本次的推文是视觉化设计的第二期,相比于幻灯片的基础干货教程,我认为内容的视觉化表达更为重要,通过设计思路的分享,我希望你可以从中受益。
这期要修改的幻灯片来自一年前我接的第一单,虽然达到了客户的要求,但是仍然远达不到精美的水平。话不多说,来看原稿。
01
首先看下文章内容,大概讲的是理财方面的东西,31%的客户用手机支付,69%的客户用银行卡,两部分内容有关联但是也要区分开来对比。
·确定采用左右排版
02
上图分析:一段较长的话如果没有信息分级,容易让人产生阅读障碍,进行视觉化设计最基本的就是突出信息重点,形象表达。
·优化标题字间距
·突出数字百分比
·信息分级,不同层级的字体大小调整
03
上图分析:文字数量的不同导致左右大小不一,画面不平衡。字体颜色单一且缺少内容可视化。
·修改标题及百分比数字的字体颜色
·小字部分增加icon和卡片设计
·中间添加渐变线区分内容
04
上图分析:页面背景单调,小卡片的地方看起来不明显。
·添加图片背景和蒙版
·卡片背后添加浅灰色色块
05
上图分析:内容颜色比较暗淡,色彩不够丰富,对眼球的吸引不够,方形的色块看起来比较生硬。
·插入带颜色的icon
·矩形浅灰色块用圆角矩形替换
如果觉得白色比较平淡,不妨改变下整体的色调:
总结:
首先分析内容,两段式采用左右排版,将内容分级,重点部分可以用其他颜色,最关键的地方就是让文字更形象的表达,可以插入icon代替文字,最后美化页面。
最后附上一年前我费尽心思设计的这页PPT:

以上