好的设计会让人更想了解你|《写给大家看的设计书》

实践,这是一本看了就想实践起来的书。

设计不是一件离生活很远的事情,比如我最开始拿起这本书的原因:我要做一个专属的毕业答辩ppt来总结我的研究生阶段,并开启往后的讲演生涯。

书里一共给出了四个原则:

  • 亲密:物理位置靠近就意味着存在关联,也就是组织我们的材料。
  • 对齐:每个元素都要存在视觉联系。
  • 重复:有意地去重复,打造统一和自我品牌。
  • 对比:如果他们是不同,那就让他们看起来截然不同。

我一直对展演有天然的热情,但慢慢地,觉得审美和节奏有点跟不上逻辑表达了,还可以更进一步放大优势和增强理解力与感染力。这个书评与其复述一遍书里的知识点,不如讲讲读完之后对答辩准备的整个改进过程。

第一,素材的准备。答辩主要的基础就是论文,我将整个论文里按照目录和段内分点,在「幕布app」里进行梳理。首先找出主要观点,然后按照答辩的主要受众(评审老师们)的视角来进行素材的组织,他们关心什么。这一步最费时。

第二,找到一个模版。主要是参考经典的学术答辩页面组织和配色方案,毕竟我的重在改进。

第三,开始按照书里的原则和要点进行素材的堆放和页面设计改进。

第四,串联页面,写下逐字稿,进行调整精修,录音排练。

针对我课题的学术答辩pp版式设计,主要分为总体设计和页面布局两个方面:

  • 总体设计

  • 母版:用于统一调整背景、添加院校水印;规划所需元素及其位置。

  • 参考线:按照上下左右不碰边的原则画出安全区,然后为三分、四分元素画上参考位置。

  • 新增节:对每一个环节的页面进行收集,控制篇幅。

  • 过渡页:对应文章里的二级、三级标题,为了更好的逻辑性设计的喘气页面。

  • 字体对比:为标题和正文应用统一字体,让观众更易识别区域。

  • 文字分栏:ppt里只出现要点,不使用长句,注重亮点与节奏。

  • 页面布局

  • 导航栏(左侧):服务演讲逻辑,在模板里设计页面,然后应用版式功能来批量调整。

  • 大标题(上方):对应论文章节,统一素材。

  • 副标题(上方):页面结论。考虑到答辩ppt需要发送或后期查看,保留足够信息量。

  • 页脚(下方):展示参考文献,学术必备。

  • 页码(右下):方便老师提问。

实现这几个部分后,我开始实践本书提供的许多行之有效的改进建议,让整个ppt的美观和表意程度有了巨大的长进!有一些甚至只是一个鼠标点击的功夫,就焕然一新!

从四个原则出发:

  1. 亲密
  • 项目符号,让点离字近一些,成为整体;(制表位)
  • 注意不同组织之间距离要不一样,比如研究背景和研究意义属于同一层次,他们之间的距离要比他们子内容的距离远。(段落设置)
  • 注意阅读动线,有确定的开始和结束位置。组织材料可以按照从左到右、从上到下摆放。
  • 注意个数。眯眼观察当前页面有多少元素:从组织的角度来说不超过3-5个为好,我的参考线只设计了三分和四分,就是为了限制页面元素个数。
  1. 对齐
  • 🌟「别居中!」这个是作者疯狂在书里说的。居中适合表示庄严大气的时刻,可以用在开头结尾;但中间页面我也尽量考虑居左、居右或者居图片,这样会活泼一些,跟我的演讲风格一致,看了也不会那么严肃和单调,放松观众,放松自己。
  • 💪注意对齐线的力度。书里举例,如果材料里的图文长短不一致,全部居中,从边缘上看其实是弯曲的,相对软;而居左、居右,可以展示一条更硬的对齐线,强度更高,适合发力!
  • 跟页面里的元素去对齐。一般有图片我就顺着图片的边缘,没有图片我就顺着大标题的边缘。
  1. 重复
  • 统一性:所有列表都用一样的符号、一样的段内行距。标题使用一样的字体,一样的颜色。(替换字体功能)
  • 增强视觉效果,同样是增强易读性。换色不换字体不换位置,即使观众走神了,回头一看,上次这里是重点,这一页的重点还在这里,有规则的话就会更容易接受信息。
  1. 对比
  • ‼️对比一定要强烈!字体大的就大,不要畏畏缩缩!大胆一点!别担心字小老师们不看,毕竟比起看得到,接受得到更重要。把一页的重点限制在3个,降低理解成本。
  • 🤔一旦他们把握住重点,只要他们感兴趣,自然会去读较小的字;如果他们不感兴趣,不论多大他们也不会去读。
  • 字体对比。衬线和非衬线的对比,我用了20号以上的加粗思源黑体和Arial(非衬线)和16号以下的极细思源宋体和新罗马(衬线)来做对比。
  • 分栏。太长了就读不下去。

最后还有一些非常有用的感悟:

  • 在表达自己的时候,将字体设计得足够大,不如将整体设计的足够精美,更为重要。
  • 创造一个中心点,学术ppt里这个重点是原创图表,如果视觉能够被吸引在这里,往往更可能去阅读周围的文本。

最后放上一些用到的版式设计参考网站:

模版样式:https://www.officeplus.cn

元素堆放:https://www.islide.cc/ppt/diagram

配色选取:https://colorhunt.co

图标下载:https://www.iconfont.cn(注意2商用许可)

字体选择:https://github.com/adobe-fonts(免费商用)


好的设计会让人更想了解你|《写给大家看的设计书》
http://example.com/2022/06/16/好的设计会让人更想了解你|《写给大家看的设计书》/
作者
1ming
发布于
2022年6月16日
许可协议
BY-CYM