腾讯内部PPT曝光!这逻辑架构图,也只有腾讯能做出来了( 二 )


腾讯内部PPT曝光!这逻辑架构图,也只有腾讯能做出来了
本文插图
明白了这两点之后 , 咱们通过具体的案例 , 来理解一下 。
案例:
腾讯内部PPT曝光!这逻辑架构图,也只有腾讯能做出来了
本文插图
对于这个页面来讲 , 问题主要表现在两个方面:
页面色彩太杂乱 , 缺少色彩的主次;页面图标元素风格不统一 , 且有廉价感;
那该如何优化呢?我们可以简单分析一下 。
页面的模块划分挺清晰 , 但为了在视觉上区分更明显 , 我们可以这样来设计颜色:
腾讯内部PPT曝光!这逻辑架构图,也只有腾讯能做出来了
本文插图
当完成了这一步后 , 页面的模块呈现 , 就会变成这样 , 是不是更好一些?
腾讯内部PPT曝光!这逻辑架构图,也只有腾讯能做出来了
本文插图
而对于其中的内容模块呢 , 我们可以去除多余的修饰效果 , 采用扁平化摆放即可:
腾讯内部PPT曝光!这逻辑架构图,也只有腾讯能做出来了
本文插图
另外 , 为了让页面的视觉效果更好 , 我们可以绘制一个网格平台:
腾讯内部PPT曝光!这逻辑架构图,也只有腾讯能做出来了
本文插图
放在页面底部 , 会让页面更有立体感:
腾讯内部PPT曝光!这逻辑架构图,也只有腾讯能做出来了
本文插图
是不是好很多呢?
以上 , 就是在处理一些系统架构图的时候 , 我们可以采用的思路 , 非常简单 。
当然 , 也会有一些细节 , 可以帮你实现更大的视觉优化提升 。
像架构图中的箭头形式:

腾讯内部PPT曝光!这逻辑架构图,也只有腾讯能做出来了
本文插图
像色块的图形样式的设计:
腾讯内部PPT曝光!这逻辑架构图,也只有腾讯能做出来了
本文插图
这些都会影响页面最终的呈现效果 , 不过 , 如果想做到这些 , 那么 , 平时的积累就在所难免 。
最后 , 大家也不要忘记领取福利哈~
关注我 , 回复关键词【科技架构】 , 一键领取PPT源文件 。
腾讯内部PPT曝光!这逻辑架构图,也只有腾讯能做出来了
本文插图
【腾讯内部PPT曝光!这逻辑架构图,也只有腾讯能做出来了】