A
Air学园
场景实操系列这次轮到轻图示(from DrawIO):一个具体到可直接照做的图像设计任务,几步走完。
▍场景设定
给技术方案文档配一张架构图:三个服务、一个网关、两条数据流,十分钟画完导出 PNG,插进文档就能交。
下面这条动线可以直接照做,也可以换成你手头的素材与目标。
▍操作步骤
步骤一:搭骨架:左侧形状库拖出服务与网关的图形,按层次摆好位置;
步骤二:连数据流:拉连线表达调用关系,用对齐工具把版面收拾整齐;
步骤三:出图:导出为 PNG 插入文档,源文件另存一份,评审后改图再导。
▍做完之后
架构图的价值在把文字说不清的关系变成一眼看懂的框线。同样的动线换到你的具体任务上,通常只需要微调细节。
场景千变万化,工具顺不顺手,试过才知道。
先把基础用法跑顺,再研究进阶玩法,学习曲线会平缓很多。
想深入了解这一版的适配过程,可以翻同系列深读篇;想动手,先看上手篇。
▍场景设定
给技术方案文档配一张架构图:三个服务、一个网关、两条数据流,十分钟画完导出 PNG,插进文档就能交。
下面这条动线可以直接照做,也可以换成你手头的素材与目标。
▍操作步骤
步骤一:搭骨架:左侧形状库拖出服务与网关的图形,按层次摆好位置;
步骤二:连数据流:拉连线表达调用关系,用对齐工具把版面收拾整齐;
步骤三:出图:导出为 PNG 插入文档,源文件另存一份,评审后改图再导。
▍做完之后
架构图的价值在把文字说不清的关系变成一眼看懂的框线。同样的动线换到你的具体任务上,通常只需要微调细节。
场景千变万化,工具顺不顺手,试过才知道。
先把基础用法跑顺,再研究进阶玩法,学习曲线会平缓很多。
想深入了解这一版的适配过程,可以翻同系列深读篇;想动手,先看上手篇。
楼主
7 天前