▲内容已做脱敏处理 其中有些页面里的截图比较多,样式比较丑,尺寸也不一致,导致PPT显得很杂乱。 像这种页面,如何排版才好看? 分享一下我的修改思路~ ▎设计规范 通过阅读内容,可知这份PPT讲述的是跟某平台相关的内容,通过搜索,我找到了平台的主页。 所以在配色方面,我参考了平台主页的配色,得到下面这组配色: 字体搭配,这里使用小米字体系列组合和roboto系列,凸显正式感: 内容页,给背景色添加浅色的渐变,渲染氛围感即可: OK,下面我们进入修改环节。 ▎封面页 这一页的问题主要是,标题比较长,横向跨度比较大,不便观众阅读,还有就是标题和落款整体没有对齐。 所以第一步,先给标题断句,缩短横向跨度: 将标题居左排版,给重要关键词设置渐变,重点强调: 给标题添加英文作为细节装饰,丰富层次: 右边有点空。 这里可以利用原稿中的截图,先把它套进PS样机里: 放到页面,看看整体效果: 大概的感觉有了,但是背景还稍微有点空。 于是我提取了一个关键词的并将其翻译为英文: 为其设置【三维旋转】效果后,再插入一个直角梯形,让文字和形状构成一个立体空间场景: 再把样机叠加到英文关键词上方: 将标题信息放入页面,最后添加一些设置了渐变色的形状用于装饰页面,完成! ▎一段内容页 这页的问题,主要是内容结构的呈现不够明显,截图太规矩,页面看起来比较朴素。 可以分两步来解决。 首先是文字内容的梳理。阅读后可以发现,文字内容包含两个部分: 在不影响原意的情况下,对内容进行提炼后,得到以下信息: 完成文字后,下面是截图的处理。 最简单的方法,就是参照封面的操作,给截图套个PS样机: 另外,截图展示的是“案例”部分的内容,这里我们可以将相关的内容裁剪出来,单独放大后再叠加在样机上,提升层次感: 将两个部分内容放到页面,看看效果: 背景还有点单调。 最后给背景添加渐变的形状点缀一下,完成! ▎四段内容页 这一页就是我们开头提到的有着较多截图的PPT: 在不删除图片的情况下,如何美化这种截图的排版效果呢? 首先,这里有三张截图,四段内容。 为了让它们能在数量上相匹配,所以我又插入了一个形状来代替第四部分: 将这四个元素底部对齐叠加排版在页面下方: 在图片底部插入一个渐变的梯形,增强立体空间感,把文字信息排版到页面,添加线条引导: 给信息添加icon,增强可视化: 如果你想更卷一点,可以给图片添加三维旋转,让页面看起来更立体: 放在椭圆形的平台上,最后再添加渐变形状和线条装饰丰富页面,丑丑的截图瞬间脱胎换骨了有木有! ▎两段内容页 这一页的问题主要是内容排版单调,且内容没有对齐,整体没有设计感。 第一步,还是先来梳理内容。 先是左边的内容,六个要点,这里采用两行三列的排版方式,再用色块规整内容,统一视觉,并添加icon,增强可视化: 右边部分,大段文字不利于观众阅读,这里将要点信息提炼出来,进行结构化处理,让标题和内容部分的对比更加强烈: 将两个部分放到页面,看看效果: 右上角有点空。 两个部分可以底端对齐,错位排版,让页面更有灵动感: 给两个部分内容添加相同大小的圆心矩形,让整体看起来更加统一规整: 在页面下方添加波浪形状,丰富页面底部,完成! ▎总结 最后,我们再来看看修改后的整体效果: |
|