单页幻灯片的视觉化设计(二)


关注微信公众号:幻灯演示论 获取更多PPT干货技巧。


本次的推文是视觉化设计的第二期,相比于幻灯片的基础干货教程,我认为内容的视觉化表达更为重要,通过设计思路的分享,我希望你可以从中受益。


这期要修改的幻灯片来自一年前我接的第一单,虽然达到了客户的要求,但是仍然远达不到精美的水平。话不多说,来看原稿。




01

首先看下文章内容,大概讲的是理财方面的东西,31%的客户用手机支付,69%的客户用银行卡,两部分内容有关联但是也要区分开来对比。


  ·确定采用左右排版




02

上图分析:一段较长的话如果没有信息分级,容易让人产生阅读障碍,进行视觉化设计最基本的就是突出信息重点,形象表达。


   ·优化标题字间距

   ·突出数字百分比

   ·信息分级,不同层级的字体大小调整




03

上图分析:文字数量的不同导致左右大小不一,画面不平衡。字体颜色单一且缺少内容可视化。


  ·修改标题及百分比数字的字体颜色

  ·小字部分增加icon和卡片设计

  ·中间添加渐变线区分内容




04

上图分析:页面背景单调,小卡片的地方看起来不明显。


  ·添加图片背景和蒙版

  ·卡片背后添加浅灰色色块




05

上图分析:内容颜色比较暗淡,色彩不够丰富,对眼球的吸引不够,方形的色块看起来比较生硬。


  ·插入带颜色的icon

  ·矩形浅灰色块用圆角矩形替换



如果觉得白色比较平淡,不妨改变下整体的色调:





总结:

首先分析内容,两段式采用左右排版,将内容分级,重点部分可以用其他颜色,最关键的地方就是让文字更形象的表达,可以插入icon代替文字,最后美化页面。


最后附上一年前我费尽心思设计的这页PPT:


起码对齐我是做到了…






以上

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,194评论 4 61
  • 转眼间,一年就这样悄然而逝啦!大学的一年,真的没有学到多少东西,吃喝玩乐,毫无意义,想学却又不想学,想走却又不知道...
    薰衣草的王国阅读 2,642评论 20 2
  • 吴帅帅陪着妈妈走出妹妹的房间,发现雅楠和岳母都不在客厅里,就喊了一嗓子:“雅楠、妈,吃饭了!” 吴帅帅声音刚落,雅...
    LH来慧阅读 5,732评论 31 61
  • 哥哥去赶集, 不买看新奇。 往返来回走, 人头逛到稀。 [偷笑][偷笑][偷笑]
    小车16阅读 1,859评论 0 0
  • 1、什么是isa指针 概念: Every object has an isa instance variable ...
    lilei5阅读 9,009评论 10 27