架构图、流程图等看起来比较复杂的图示,很多人看到就想直接放弃。
但你也许会不信,架构图却是练习基础排版最好的内容之一。
熟悉了架构图的设计套路之后,相对来说每页的设计时间会更少,然而因为页面复杂,价格相对却更高。
今天我就根据小伙伴们练习的作品,和大家分享一些架构图相关的内容。
这是咱们的固定栏目,打卡问题解析,已经是第 16 期了,本期的主题是架构图的统一美化。
如果你还没看过这个栏目,也可以了解一下上一期的内容:
-
根据实际案例,看看PPT模仿练习中,你能发现哪些问题
每期我会从大家的练习作品中,挑出一些问题分析,并补充一些知识内容。
主要帮助大家理解 PPT 中的细节,方便查漏补缺,夯实基础。
要是你觉得一篇看不过瘾,也可以通过下文的网址,查看往期所有的练习
作品哈。
不多说,咱们来看看上周的练习
上周的练习,要求根据所给的原稿资料,美化其中的 1-2 页,以第二页架构图的美化为主。
页面比例 16:9,顶部标题需要固定在左上角,页面配色统一,用浅色或白色背景设计。
网址:https://www.aboutppt.com/app/30074.html
原稿如下:
因为本次练习的重点是架构图,所以下面主要分析架构图相关的内容哈。
之所以说是练习基础排版最好的内容之一,是因为在做架构图排版的时候,会不断加深你对四大设计原则的理解。
也就是常说的,对齐、亲密、对比和重复。
咱们逐个来解释分析,先说对齐:
这页作品,乍一看还可以,但又给人美中不足的感觉。
最关键的地方,就是对齐没处理好,导致看上去有点乱。
再说亲密关系,意思是同层级的内容,相对可以离的近一些,不同层级的元素可以离的远一些。
举个例子,如上图所示,语音识别和视频分析是属于同一层级,设计的时候,两者的距离应该要小于与“语音视频能力”的距离。
那么对比是怎么用的呢?
架构图是分为多个层级的,如果所有层级都差不多,只是简单的对齐调整字号摆放在一起,就会变成这样:
为了能更清楚明白其中的层级关系,我们就需要让层级之间的对比更加明显,方便识别。
通常最直接的修改方法,就是改变不同层级的填充与线条颜色、粗细等参数:
如果再深入美化一下,就能做成这样:
最后是重复,这个大部分的小伙伴都意识到了,同层级的元素样式要一致。
比如圆角矩形的弧度,是否添加了色块衬底等,反例如下:
一般来说,我们做架构图的时候,都是做好其中一个小层级,其他的直接复制改内容即可。
这样做不仅样式更加统一,制作的效率也会高很多。
通过上面这些图示,相信大家已经能够意识到,架构图其实并不难,只是在不断调整优化,不断匹配四大设计原则即可。
刚开始练习的时候,不一定要很有创意,只需要排版整齐不出错就好。
我们注意好对齐、大小、元素样式以及层次关系,先做到 80 分,就能满足大部分需求。
当这些细节都做到位之后,再通过一些创意的套路,让作品看起来更吸引眼球,也就是常说的迭代。
比如修改元素的样式与表现形式,使用不同的填充或线条形式,不同的设计风格。
又或者,想办法让图文可视化,比如添加图标、2.5D插画、PNG图或其他装饰性元素。
最后还可以改变整体的形态,例如进行三维旋转、元素立体化、方形变圆形,或者干脆直接重构逻辑与布局。
控制篇幅,更多打卡练习作品,大家有兴趣的话可以去围观一下:
网址:https://www.aboutppt.com/app/30074.html
除此之外,我还给大家准备了一些拓展内容,都是有关架构图的文章:
-
简单4招,教你轻松搞定PPT中的流程图!
-
500强企业PPT是如何做到内容多而不乱的?
-
为了做好PPT中的架构图,我几乎翻遍了国内外所有互联网网站
-
只需要记住这一点,再复杂的架构图也能轻松搞定!
-
求问,像这样超丑的PPT架构图,还有救吗?
-
我给华为修改了一份PPT,超复杂的图示图表这样轻松搞定!
-
一见到PPT架构图就头秃?手把手教你搞定腾讯都在用的页面!
-
超复杂的PPT“流程图”,怎么做才美观?
-
没有人比我更懂怎么做流程图
最后,以上分析的作品问题,并不针对某个人,仅做学习交流与案例参考,希望上榜的同学不要多想哦。
如果你也打算加入,一起打卡交流提高,可以通过菜单栏参与进来。
以上,就是今天分享的全部内容,希望对你有所启发~
网友评论