一个“脑图”的设计之路

技术路线图中在“风险智能评估”标签添加交互，展示风险智能评估的参数，具体按照导图进行，样式上能和之前系统保持协调即可。

如果是我，为了在截止时间截止之前完成稿子，对流程图就是换个框，时间再多一点就换个装饰感更多更强的框，总之还是逃脱不了无意义的装饰这一点。但是也还好，其实本身我的工作就是负责内容的对外展示形象，好看本身没有错，但是我每次做的是时候都不太开心。当然很大一部分原因是自己没有很高的技法，很强的表现力，总是平平淡淡之外，我今天偶然发现是因为我没有思考。

害，好说得好像我思考了，表现力上就会增强一样。这里最大的区别是经过我深入思考之后，基于我目前的水平得出最适合当前场景的设计解决方案，工作经验的跬步便是如此积累起来的。可是我没有，本来工作上的成就感就不是很强，失去思考，不就是工具人了么。所以呀，还是要跳出舒适区，痛苦+反思=进步！加油加油加油💪💪💪

接下来分享一个最近工作上的小思考～

这是一个平平无奇的脑图，它将以弹窗的形式出现在另一个技术框线图之上。
由于第一个框我已经选择了非常普通的框式流程图，如果再来一个没有灵魂的流程图，那么大抵这辈子就这样了吧（想到就心酸）。主要是这一次的修修改细节不多，有2天充足的时间给俺，如果继续逃避，就真的不能进度诶。

于是乎，这一次，我又一次重新整理了素材库中的流程图内容部分，通过表现形式，分为两种，一种是主视觉，另一种的作为图表内容呈现。两者在强调的内容和层级上也有一定的区别。

本身脑图就是一种很清晰的金字塔思维表达，只是他的展现形式在这会过于学术，与整个管理系统的风格不搭，所以，俺的目的在保持表达清晰的情况下，讲两者的风格进行调和，完成形式上的统一。当然，我现在说的都是我做完之后才想到的，中间的过程肯定是走了很多弯路的。

比如：看了很多类似这样的参考

emmm，由于信息之间的区分不是很大，首先是对颜色进行了调整，强化了三块内容之间的区分。连线也是为了加强内容之间的联系，实在是没有想到更好的处理方式，最后还是把脑图中的连线全部加回去了，简直和脑图有一点点点点点区别。

现在看起来，有一点一顿操作猛如虎，一看战绩0-5的感觉。为什么会这样呢，参考为啥就如此舒适呢？

俺重新思考了一下，我能想到的原因如下：

• 线条的链接作用（主题的连接装饰线和内容连接接装饰线）
  （1）通过 图2 和 图1 的对比可以很直接的发现，添加主题的连接装饰线之后，主题内容之前的联系更紧密，不过至于为什么加，还是需要根据内容来定。虽然我不是很明白，但作者在连接处都加了一个“+”符号，应该是有自己独特的意义。
  （2）内容装饰线的连接丰富了整个画面。如果说主题之间的链接是食材的集合，那么添加内容及内容装饰线之后的画面就是一道菜，看到你就知道，这是一幅完整的页面了（原谅我蹩脚的比喻）。通过 图1 和 图2 的对比，图1 的内容完整度和完成度都已经很完美啦，整个画面都变得丰富又具体起来了。

• 方圆之间、明暗之间、虚实之间的对比
  （1）主题的圆和内容的方之间的形状对比，丰富了页面的元素。
  （2）主题的大白和内容的灰白之间的对比，强调了内容的层级。
  （3）装饰线之间也通过实线和虚线之间进行对比，在丰富页面装饰性的同时也增加了页面的呼吸感。

说这么多，当然是希望自己能学到精髓，同时也增加自己对细节的把控力。正如您所见，以我目前的水准，只能学到第一层的皮毛，肯定还有我眼界所不能看见的东西。荣耀属于实战派，而不是批评家，希望能在未来的 5 年里，我能成为一个细节满满，技术满满的设计师！加油，冲鸭！