|
上个月，我在公众号写了一篇思路拆解的文章，一步步地展现了两张PPT封面的设计过程。 没看过的，可以点这里阅读： 文章一经推出，没想到收到了很多人的喜爱，纷纷要求我快出续集。 各位，久等了。今天就跟各位分享一下，内容页的设计过程。 废话不多，我们直接进入正题。 案例一： 拿到这些文字内容之后，别着急下手，先来梳理一下内容的层级关系。 大概是这样的： 为了让观众优先注意到页面的主要信息，我们可以将它放在页面的中心位置，将次要信息放在边缘部分。 我简单画了一个版式： 接下来，把内容填在这个版式中，并且添加一些小图标，从而更好丰富页面视觉效果： 看起来有了一个大概的样子，但是，页面显得过于单调。怎么处理呢？ 我们可以添加多一点的轮廓线，就像这样： 好像丰富一点，对吧？但依旧有些单调。怎么办呢？ 我们可以打开产品官网，来获取一些优化思路。基于官网的设计风格，我们发现，在形状以及色彩搭配方面，与官方存在一些差异。 所以，我们可以提取这些特征，将其应用在幻灯片中。 通过更改配色，以及添加背景图片，我们可以把幻灯片做成这样：
当然，如果你觉得页面有些单调，可以在背景上，全盘使用大面积的渐变色：
这样，就可以完成一页还不错的PPT内容排版。 案例二： 我们看到，现在页面上有这样的一些文字内容，该怎么将它变为可视化的排版呢？
依旧是先来分析文案的层级，大概是这样：
为了让一级信息更加被凸显出来，我们依旧可以将其放在中心，二级信息边缘化，跟上一个案例中的版式差不多：
然后，把文字内容填到版式里：
如果你喜欢比较简约的设计风格，那么，这个页面已经能够满足你的需求。 而如果你想将其变为更加科技感的风格，我们可以再进一步优化。 不过，科技感风格是什么样的呢？我们可以在网上找一些参考素材。 先来找一堆科技风格的案例，发现所谓科技风，是以蓝绿为主，且有一定渐变或者光效等：
再来找一些科技风格的元素，会发现有很多的折线或者是半封闭圆形等：
当然，我们也可以再多找一些科技感的背景素材：
接下来要做的，无非就是把这些科技元素，与上面做出的页面结合起来。 我们可以先来换上背景素材：
然后，可以在文字底部添加一些科技感的圆环，来丰富页面细节：
当然，为了能够更加增强科技感，可以再添加一些科技元素，比如中心圆圈的环，从而让页面变得更像科技风：
到这里，基本上就把这页PPT完成了。不难吧？ 以上，这是本期的一些案例内容，主要分享了两个，有逻辑关系内容的排版过程。 其中，第一步的信息梳理尤为重要，因为它在很大程度上，决定了最终页面的排版样式。 另外，PPT设计的过程，本质上就是信息可视化的过程，我们一切的设计想法，都是围绕它来做文章。所以，千万不要忽略信息的梳理。 总之，希望能够对你有所帮助吧。 |
|
|
