Hello，我是迟，今天的主题是文字排版。

来看看效果：

静态页面

动态页面

01文案结构

这套页面的文案是非常典型的总分结构，树状结构，如下：

一级标题：企业直播场景矩阵

二级标题：营销直播，培训直播，会展直播，办公直播

三级小标题：

营销直播（市场推广，营销带货）

培训直播（内训直播，外训直播）

会展直播（研讨会，线上展会）

办公直播（活动直播，会议直播）

其他的都是正文


所以，制作页面的重点就是如何结合主题展示文案之间的结构。


02页面灵感

其实最开始看到只有这张图：

但是我感觉这张图内容太多太满，也太碎了，不太好阅读，看完之后很难留下印象。

最好的办法就是把内容拆开，每个部分都单独展示。

这样就会比较容易理解，如果能在演讲的时候，配合上更多的文字介绍，就更容易留下印象了。


另外，页面文案的主题是“企业直播场景矩阵”——我认为这几个字中，最有场景感的就是“直播”，所以我的灵感来源就是这俩字。

直播涉及到很多的元素，比如主播，绿幕，活动，会议，电商，手机，电脑，5G等等。

我第一个想到的其实是镜头——所以我把“直播”的展示，具象化地落到“镜头”上了。


去花瓣搜索了一下镜头相关的元素，最后确定了这两个，作为主要的设计切入点。



最终定稿的思路也是，每一层级的内容单独展示，最后汇总到一起，然后利用镜头的推拉把这些内容联系到一起。


03页面制作

这套页面一共6张页面，没有用到图片，都是形状的各种组合，挑两个形状组合展开分享一下。

第一个，光圈

十个圆形的元素组合到一起

元素分成三类：空心弧，文本框和弧形

空心弧

调整空心弧的弧度和宽度，然后把多个相同尺寸的空心弧组合到一起即可

文本框

文本框输入竖线，然后改变跟随路径即可

第二个，底座

拆分开以后，是这些元素的组合

比较特殊的地方是这里，像是向上的光束，增加了一点画面调节，看上去不那么单调。


04动画制作

页面动画的灵感也来源于镜头：

调整焦距的时候旋转的光圈

镜头会随着焦点变化，拉近和推远

动画用来拆分文案，让文案更聚焦：

出场顺序，表达文字不同的重要层级，引导观众逐级的观看文字；

表达逻辑结构，基本上页面内动画都是从页面中心，也就是“企业直播场景矩阵”向四周扩散，再一次强化总分的结构，强化印象。


第一个，陀螺旋

模拟调整焦距的效果

第二个，平滑

模拟镜头推近的效果

汇聚内容的效果


05总结

文案最重要，会决定页面的最终效果；

结构很重要，会决定页面的展示层级，文字大小等；

动画和装饰，都需要从主题出发，进行具象化的延展。


我的另外几张架构图：

挑战PPT架构图：一层形状一层信息，摞上去就是了

PPT文字排版：微调基础形状就行

如果你的PPT有两段文字，那就这样排

PPT架构图：都是基础形状组合，适合三大块递进关系的内容的排版

我是迟迟同学，一个在路上的PPT手艺人

欢迎一起同行~