7 个网站串联我的 Keynote / PPT 设计工作流

2020年6月4日11:03:50 发表评论 440 views

Matrix 精选

Matrix 是少数派的写作社区,我们主张分享真实的产品体验,有实用价值的经验与思考。我们会不定期挑选 Matrix 最优质的文章,展示来自用户的最真实的体验和观点。

文章代表作者个人观点,少数派仅对标题和排版略作修改。


辩证地看,PPT 模版这类东西要慎用。

因为大多数时候,模版只负责美观并不讲究实用。制作者考虑到模版的通用性,通常不会设置一个明确的主题,天然导致结构散乱没有重点。而这些预设好的模版框架却非常容易限制使用者思维的发挥。甚至有时我们为了让模版中的漂亮图表物尽其用,要么画蛇添足加些多余的东西,要么放弃某些要点适应它的板块划分。这就是为什么老感觉自己的 PowerPoint 既没有 Power 也没有 Point。

使用模版的初心一部分是对观者的尊重,希望多少有点设计感以此提升他们的愉悦程度。但如果无法辨别模版的设计质量,选用了低劣或者不恰当的类型,最终也并不会让人产生美的感受,只会令人觉得重复、雷同、千遍一律。

当然模版本身没有问题,我们完全可以把它调教成自己想要的样子。不过站在个人角度,我是比较建议大家脱离模版自行制作。因为好的设计一定是为内容服务,基于内容本身量体裁衣。硬把自己套进不符合比例的服装里,整体过程非常别扭,效果也不尽人意。

看到这里,你可能会说,我不懂配色不懂排版,处理图片也不行......其实发展到现在,基本上你所遇到的设计痛点市面上都有一大票网站资源解决应对。在纷繁众多的选项中,我推荐以下这 7 个网站,每一个都是经过时间验证的个人最优之选,也逐渐成为自己较为标准的工作流程。即使我们不是设计师,也可以从 0 到 1 做出优秀的幻灯片设计。

设计之前

如果没有一个强有力的逻辑结构,设计再精美也很难做出一个优秀的 PPT,而且做到一半大概率会做不下去推倒重来。所以制作前我们必须优先搭建好整体结构与骨架,想清楚 PPT 的目标以及演绎过程。而像排版、配色等视觉效果都是其次考虑的事。

7 个网站串联我的 Keynote / PPT 设计工作流

完成骨架这个过程,个人主要是利用 MindNode 梳理大纲并明确各步要传达的信息。基本上在这个阶段就会知道 PPT 要做多少张,每张呈现哪些内容、会用到哪些素材。

对这个部分感兴趣的朋友可以去了解 Garr Reynolds 的《演说之禅》和 Cliff Atkinson 的《 PPT 演绎:故事化设计》。简单来说,就是这两位作者建议你在打开软件前,先在草稿纸上整体预演一遍,明确逻辑框架和文字稿。接下来的排版、美化都是在已有框架上对其上色,丰满内容。

7 个网站串联我的 Keynote / PPT 设计工作流

设计工作流

如果你已经完成前面的步骤,那么现在就可以捋起袖子来到人人都爱的美化环节。下图就是个人利用设计资源网站搭建起来的工作流系统

  1. 排版参考:Pinterest
  2. 配色参考:Dribbble
  3. 图片素材:Unsplash
  4. 图标素材:Iconfont
  5. 抠图处理:稿定抠图
  6. 图片放大:LetsEnhance
  7. 图片压缩:TinyPNG
7 个网站串联我的 Keynote / PPT 设计工作流

就像之前所说,每个类别下都有众多选手,而这几个网站可以说是历经个人层层选拔,最终组成我的最佳设计方阵。但如果你已经有用得相当顺手的网站,也无需刻意替换。总之,符合个人习惯最重要。

7 个网站串联我的 Keynote / PPT 设计工作流
以下网站经过层层选拔

排版参考:Pinterest

7 个网站串联我的 Keynote / PPT 设计工作流

Pinterest 是全球最大的图片分享社区,几乎涵盖所有领域的图片作品,像国内的花瓣、堆糖都算是它的追随者。喜欢 Pinterest 是因为它的搜索结果非常精准。它的图片联想,以图搜图等功能在配上沉淀 10 年的海量内容数据,使得找到符合自己需求的图片成功率非常高。

通过 Pinterest 获得版面设计已经养成习惯。有的时候没有排版灵感,我就会在 Pinterest 中搜几个关键词,基本上前面几屏就能得到质量非常高的内容反馈。比如上一节中「设计工作流」的配图排版就是在 Pinterest 中搜索「timeline」得到相应借鉴。

7 个网站串联我的 Keynote / PPT 设计工作流

配色参考:Dribbble

7 个网站串联我的 Keynote / PPT 设计工作流

色彩灵感的网站非常多,比如每天分享一组配色方案的 Colorhunt,或者在线实时配色的 Palettable……虽然这些网站已经极其简单,一键获取配色,但对非专业人士,即使拿到这些色码色卡大概率还是会翻车。因为拿捏不准色彩意向、使用面积、画面平衡…...做出来的东西依旧会造成眼睛不适,想让人挪开视线。

所以在颜色获取上,我会直接看成品,看别人在实际例子中如何运用。个人目前高频使用的是 Dribbble 。Dribbble 比 Pinterest 垂直,是一个纯设计师内容分享社区。所以里面的设计更加精致,尤其是颜色运用堪称一觉,温和、优雅、高级、舒适,随便逛逛都是视觉享受。之前还有一个叫 TheColorbook 的网站专门抓取 Dribbble 的颜色趋势、展示热门作品的色码。

7 个网站串联我的 Keynote / PPT 设计工作流
Dribbble 可按色码定向查询设计案例

图片素材:Unsplash

7 个网站串联我的 Keynote / PPT 设计工作流

幻灯片中有一种常见的排版方式叫文字压图,也就是在图片中插入文字,一张恰到好处的配图有助于演讲者传达信息,引发观者情绪,所以选图也是制作幻灯片不可忽视的环节。

图片素材这个类别少数派已经推荐过很多网站,详情可见后面的扩展阅读。目前个人使用最多的是 Unsplash,这是我认为图片素材获取体验最佳的网站。精度高、可商用,也不像普通图库存在很多摆拍感严重的棚儿片。很多个人博客、网站题图甚至壁纸软件也都从 Unsplash 获取片源,它属于我的第一找图梯队的第一找图网站。

扩展阅读:还在为素材图抓狂?你可能需要把这 15 个图片库放入收藏夹

图标素材:Iconfont

7 个网站串联我的 Keynote / PPT 设计工作流

有的时候,我们在幻灯片中需要用到一些模糊或抽象的概念,这个时候比起摄影图片,优质的图标素材会更为合适。当然这类网站也是纷繁众多,我会更倾向推荐国内的 Iconfont,因为在实际制作场景中,用到本地素材的机率非常高,像国内网站的 logo、icon 在国外图标网大多是空白。

需要注意一点,Iconfont 不像 Unsplash 无版权可免费商用。严格来说,如果出于商业目的使用Iconfont 的官方图标库或个人图标库,都需要事先取得关联公司或作者的相应授权。它并不是网上流传的那样是个可随便商用的免费图标库。

7 个网站串联我的 Keynote / PPT 设计工作流

抠图处理:稿定抠图

7 个网站串联我的 Keynote / PPT 设计工作流

Keynote、PowerPoint 都提供抠图功能,在我上一篇文章中也提到可以利用 Keynote 的 Alpha 和遮罩分别处理简单和复杂的图片。但在时间紧迫或者对工具不熟的情况下,人工抠图还是显得操作繁琐费时费力。

稿定抠图 是我去年年底发现的一款在线抠图工具,上传图片,自动抹去背景,对于非头发丝级别的日常抠图,完全能够满足需求。在算法准确性上,稿定抠图其实不如另外个抠图站点 removebg,但是相较 removebg 价格,稿定更适合非专业人士的少量抠图需求。遇到图片扣不干净有毛边,则需要多花点精力通过笔刷或者橡皮擦再做调整。

7 个网站串联我的 Keynote / PPT 设计工作流

图片放大:LetsEnhance

7 个网站串联我的 Keynote / PPT 设计工作流

传统图像的拉伸放大,会让图片变得模糊有锯齿。这种渣像素放进 PPT,很容易拉低 PPT 整体观感,给人一种劣质的感觉。但实际上这可能是 ppter 各种以图搜图没辙的结果。

图片放大领域,中文互联网比较推崇 bigjpg 。我个人使用后其实不怎么推荐。第一是时间预估不准确,处理一张 500kb 的图片,网站提示需要 81 分钟?第二是效果并不理想,处理后图形锯齿与重影较为严重,给人一种图片变脏的感觉。

7 个网站串联我的 Keynote / PPT 设计工作流

之前一个叫 PiXimperfect 的频道曾将目前市场主流的几款放大工具进行评比,认为效果最佳的是 imglarger ,但这个网站很神奇,始终无法收取注册邮件。目前个人常用的是 LetsEnhance,在该评测中位列第二名,效果非常震撼。下图是分别经过 bigjpg、 LetsEnhance 放大 4 倍后的效果,能明显看出其差别。

7 个网站串联我的 Keynote / PPT 设计工作流
点击放大查看对比效果

压缩处理:TinyPNG

7 个网站串联我的 Keynote / PPT 设计工作流

有图片放大就有图片压缩,平时我除了拿 Keynote 制作完整的演示文稿,也会制作单张配图。虽然Keynote 和预览都可以设置图片导出格式与大小,但这样的导出有损图片质量,使得分辨率变得特别低。

目前用的比较顺手的还是 TinyPNG,这也是前端项目中用到最多的协助站点。压缩率高且画质损失小,处理后的图片质量肉眼几乎无感,压缩率通常也可以达到 70% 左右,是一款非常不错的减肥软件。

7 个网站串联我的 Keynote / PPT 设计工作流
文章配图的压缩情况

写到最后

以上 7 个网站就是个人制作演示文稿与图片设计时常用的在线服务。每个网站也使用了较长周期,我非常乐意推荐它们,也希望可以解决大家在制作过程中遇到的真实痛点,让图片制作变得不在那么复杂,而是人人可上手的简单有趣。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: