搜索

[27460] 2020-08-04_可能是你见过最好的工程师绘图指北！！！

文档创建者：s7ckTeam
浏览次数：1
最后更新：2025-01-19
2020-08-04_可能是你见过最好的工程师绘图指北！！！ 可 能 是 你 见 过 最 好 的 工 程 师 绘 图 指 北 ！ ！ ！ 原 创   韦 世 东   N i g h t T e a m   2 0 2 0 - 0 8 - 0 4 " N i g h t T e a m " ， 一 个 值 得 加 星 标 的 公 众 号 。 作 为 一 名 工 程 师 ， 绘 图 可 以 说 是 必 备 的 技 能 。 优 秀 的 绘 图 能 力 就 像 写 得 一 手 好 字 ， 总 能 让 你 在 团 队 或 者 客 户 面 前 闪 光 闪 光 ， 这 也 是 你 赢 得 团 队 青 睐 和 客 户 赞 扬 的 一 个 重 要 能 力 。 绘 图 的 过 程 其 实 是 分 解 任 务 分 解 任 务 和 分 离 关 注 点 分 离 关 注 点 的 过 程 ， 它 和 程 序 设 计 的 过 程 几 乎 重 叠 ， 因 此 绘 图 和 程 序 设 计 是 正 向 相 互 促 正 向 相 互 促 进 进 的 。 也 就 是 说 ， 你 在 绘 图 的 过 程 中 发 现 的 问 题 很 有 可 能 会 在 程 序 中 出 现 ， 你 在 程 序 中 要 面 对 的 问 题 很 有 可 能 在 绘 图 的 过 程 中 就 发 现 了 ， 早 发 现 早 处 理 。 为 什 么 别 人 画 的 图 比 我 的 好 看 ？ 有 什 么 技 巧 吗 ？ 画 图 丑 是 天 生 的 吗 ？ 我 能 不 能 通 过 短 时 间 的 学 习 绘 制 出 逼 格 高 的 为 什 么 别 人 画 的 图 比 我 的 好 看 ？ 有 什 么 技 巧 吗 ？ 画 图 丑 是 天 生 的 吗 ？ 我 能 不 能 通 过 短 时 间 的 学 习 绘 制 出 逼 格 高 的 程 序 设 计 图 呢 ？ 程 序 设 计 图 呢 ？ 绘 图 是 点 、 线 、 面 、 光 影 和 色 彩 的 融 合 ， 想 要 设 计 出 漂 亮 的 图 ， 可 以 阅 读 设 计 领 域 的 相 关 知 识 ， 跨 界 是 目 前 你 跟 同 领 跨 界 是 目 前 你 跟 同 领 域 对 手 拉 开 差 距 的 优 选 之 一 域 对 手 拉 开 差 距 的 优 选 之 一 。 今 天 我 们 就 来 学 习 如 何 画 得 一 手 好 图 ， 画 好 图 有 哪 些 技 巧 和 策 略 ， 并 手 把 手 带 你 绘 制 程 序 设 计 过 程 中 常 用 的 时 序 图 、 流 程 图 、 应 用 分 层 架 构 图 。 绘 图 工 具 这 么 多 ， 选 择 哪 一 款 ？ 绘 图 工 具 这 么 多 ， 选 择 哪 一 款 ？ P r o c e s s o n P r o c e s s O n [ 1 ]   是 一 个 在 线 作 图 的 聚 合 平 台 ，   运 营 方 是 北 京 大 麦 地 信 息 技 术 有 限 公 司 。 P r o c e s s O n   的 绘 图 基 于 浏 览 器 ， 因 此 它 不 受 操 作 系 统 限 制 ， 可 以 跨 平 台 操 作 。 P r o c e s s O n   的 画 布 分 为 两 大 类 ： 思 维 导 图 画 布 和 自 由 画 布 。 思 维 导 图 画 布 专 注 于 节 点 属 性 和 关 系 的 构 建 ， 图   1   是 思 维 导 图 画 布 的 模 板 示 例 。
图   1   思 维 导 图 画 布 的 模 板 示 例 自 由 画 布 则 给 我 们 提 供 了 尽 情 挥 洒 的 空 间 ， 我 们 可 以 在 自 由 画 布 中 绘 制   U M L   类 图 、 功 能 模 块 组 合 图 、 事 件 流 程 图 和 应 用 架 构 图 等 ， 图   2   是 自 由 画 布 的 模 板 示 例 。
图   2   自 由 画 布 的 模 板 示 例 既 然 是 公 司 运 营 ， 那 么 肯 定 需 要 盈 利 点 了 ， P r o c e s s O n   产 品 的 价 格 分 为 三 个 等 级 ： 免 费 版 、 个 人 版 和 团 队 版 。 图   3   展 示 了 不 同 版 本 的 价 格 与 功 能 差 异 。
图   3   P r o c e s s O n   不 同 版 本 的 价 格 与 功 能 差 异 图 示 用 户 注 册 登 录 后 就 可 以 使 用 免 费 版 ， 虽 说 它 限 制 了 单 个 账 户 文 件 数 量 ， 但 我 们 可 以 通 过 邀 请 好 友 来 提 升 文 件 数 量 上 限 。 值 得 一 提 的 是 ， 一 个 文 件 里 可 以 绘 制 多 幅 图 ， 这 样 文 件 上 限 的 问 题 就 缓 解 了 。 不 过 如 果 是 团 队 使 用 或 者 商 用 ， 建 议 购 买 个 人 版 或 者 团 队 版 ， 一 方 面 能 够 支 持 开 发 团 队 提 供 更 稳 定 的 服 务 和 丰 富 的 功 能 ， 另 一 方 面 也 尊 重 原 创 劳 动 。 金 山 金 山   W P S W P S   是 国 内 不 可 多 得 的 优 秀 应 用 ， 与 微 软   O f f i c e   办 公 套 件 分 庭 抗 礼 且 不 落 下 风 ， 实 在 令 人 佩 服 。 W P S   近 年 来 也 大 力 发 展 除 文 档 、 表 格 和 演 示 文 稿 外 的 附 加 功 能 ， 思 维 导 图 和 流 程 图 两 大 模 块 争 相 上 线 。 图   4   为   W P S   思 维 导 图 布 局 模 板 图 示 。
图   4   W P S   思 维 导 图 布 局 模 板 图 示 从 文 件 导 出 的 格 式 （ . p o s ） 来 看 ， W P S   似 乎 是 跟   P r o c e s s O n   合 作 推 出 的 思 维 导 图 和 流 程 图 模 块 。 相 对 于   P r o c e s s O n   免 费 版 的 文 件 数 上 限 ， W P S   更 有 优 势 ， 但 是 从   W P S   导 出 图 片 时 会 带 有 水 印 。 如 果 是 团 队 使 用 ， P r o c e s s O n   的 多 人 协 作 看 起 来 更 好 用 。 D i a g r a m s d i a g r a m s   是 一 款 免 费 开 源 且 跨 平 台 的 绘 图 应 用 ， 支 持 离 线 绘 图 离 线 绘 图 和 在 线 绘 图 在 线 绘 图 。 在 线 绘 图 和   P r o c e s s O n   一 样 ， 在 浏 览 器 中 操 作 即 可 。 值 得 称 赞 的 是   d i a g r a m s   提 供 了   m a c O S 、 L i n u x （ d e b / r p m / s n a p / A p p I m a g e ） 和   W i n d o w   等 主 流 操 作 系 统 的 桌 面 应 用 桌 面 应 用 ， 这 意 味 着 我 们 可 以 离 线 绘 图 离 线 绘 图 。 图   5   是   d i a g r a m s   官 网 给 出 的 绘 制 成 果 图 示 。
图   5   d i a g r a m s   官 网 给 出 的 绘 制 成 果 图 示 d i a g r a m s   没 有 文 件 数 量 限 制 ， 它 适 配 了   G o o g l e   云 盘 云 盘 、 微 软 微 软 O n e D r i v e 、 A t l a s s i a n 、 D r o p b o x 、 G i t H u b 、 N e x t C l o u d   和   苹 果 的 苹 果 的   i C l o u d   等 云 端 存 储 ， 同 时 也 支 持 将 文 件 导 出 到 本 本 地 地 ， 太 棒 了 ！ d i a g r a m s   支 持 自 定 义 的 导 出 缩 放 ， 允 许 我 们 在 导 出 时 配 置 图 片 缩 放 比 例 ， 例 如   7 5 %   或   3 0 0 % 。 导 出 缩 放 能 够 保 证 图 片 的 清 晰 度 ， 是 超 清 大 图 的 保 证 。 如 果 你 要 印 刷 设 计 出 来 的 图 ， 可 以 在 导 出 时 设 置   D P I   的 值 ， 具 体 操 作 会 在 后 面 介 绍 到 。 无 论 是   P r o c e s s O n   还 是   W P S ， 导 出 的 图 片 （ P N G / J P G ） 都 不 够 清 晰 ， W P S   甚 至 还 带 有 水 印 。 如 果 想 要 将   P r o c e s s O n 上 的 绘 图 成 果 导 出 为 超 清 图 ， 那 必 须 先 导 出 为   S V G   格 式 ， 在 此 基 础 上 通 过 其 他 应 用 转 换 为   P N G   格 式 ， 要 求 在 转 换 时 设 定 图 片 缩 放 比 例 。 在 导 出 图 片 文 件 的 清 晰 度 方 面 ， d i a g r a m s   完 胜 。 我 之 前 用 过 很 长 一 段 时 间 的   P r o c e s s O n ， 《 P y t h o n 3   反 爬 虫 原 理 与 绕 过 实 战 反 爬 虫 原 理 与 绕 过 实 战 [ 2 ] 》 这 本 书 创 作 的 时 候 书 中 插 图 都 是 用 在 P r o c e s s O n   绘 制 的 。 偶 然 看 到 了   d i a g r a m s ， 体 验 过 一 次 之 后 就 全 面 转 到   d i a g r a m s   了 。
本 篇 文 章 将 基 于   d i a g r a m s   的 桌 面 应 用 ， 请 各 位 读 者 自 行 前 往   d i a g r a m s   官 网 下 载 适 合 自 己 操 作 系 统 的 桌 面 应 用 。 小 知 识 ： d i a g r a m s   还 有 另 外 一 个 域 名 ， d r a w . i o ， 当 你 看 到 其 他 地 方 介 绍   d r a w   绘 图 工 具 时 ， 大 概 率 指 的 就 是 d i a g r a m s 。 布 局 概 览 布 局 概 览 打 开   d i a g r a m s   桌 面 应 用 ， 它 会 让 我 们 选 择 创 建 新 绘 图 创 建 新 绘 图 或 者 打 开 现 有 绘 图 打 开 现 有 绘 图 ， 悬 浮 窗 右 下 角 可 以 选 择 语 言 。
选 择 创 建 新 绘 图 创 建 新 绘 图 后 跳 转 到 如 下 图 所 示 的 画 布 类 型 选 择 界 面 ， 左 侧 是 不 同 分 类 的 画 布 模 板 菜 单 栏 ， 右 侧 是 对 应 分 类 的 画 布 模 板 。 通 常 我 们 会 选 择 空 白 框 图 模 板 ， 如 果 你 目 标 就 选 择 自 己 喜 欢 的 模 板 ， 点 击 右 下 角 蓝 色 的 创 建 创 建 按 钮 即 可 。
我 选 择 的 是 地 图 地 图 分 类 里 面 的   m i n d   m a p   模 板 ， 点 击 创 建 按 钮 后   d i a g r a m s   根 据 我 的 选 择 为 我 打 开 了 如 下 图 所 示 的 新 画 布 。 画 布 分 为   A B C D E F   几 个 区 域 ， 它 们 对 应 的 功 能 或 者 作 用 分 别 如 下 ： • A   -   菜 单 栏 ， 可 对 文 件 或 图 形 进 行 操 作 ； • B   -   工 具 栏 ， 可 对 画 布 或 者 图 形 进 行 操 作 ； • C   -   图 形 栏 ， d i a g r a m s   为 我 们 提 供 的 基 础 图 形 元 素 和 图 形 元 素 扩 展 能 力 ； • D   -   分 页 栏 ， 可 以 在 单 个 文 件 里 添 加 多 页 画 布 ； • E   -   元 素 属 性 栏 ， 可 调 整 图 形 元 素 、 画 布 或 文 本 元 素 的 属 性 ， 例 如 字 体 大 小 、 图 形 颜 色 、 网 格 显 隐 ； • F   -   画 布 区 ， 主 区 域 ；   d i a g r a m s   不 会 自 动 保 存 画 布 原 文 件 ， 在 创 建 文 件 后 按   C t r l + S   并 根 据 提 示 选 择 存 储 方 式 和 存 储 路 径 。 选 择 好 原 文 件 的 存 储 后 ， 后 续 我 们 对 画 布 、 图 形 元 素 和 文 字 元 素 的 改 动 它 才 会 自 动 保 存 。 添 加 多 个 页 面 添 加 多 个 页 面 你 可 能 会 好 奇 ， 这 个 分 页 栏 的 应 用 场 景 是 什 么 ： • 每 个 图 一 份 文 件 ， 太 多 了 ！ • 一 个 功 能 模 块 （ 例 如 登 录 ） 对 应 的 几 个 图 （ 例 如 流 程 设 计 图 、 原 型 草 稿 、 登 录 时 序 图 ） ， 分 开 存 放 太 难 找 ！ • 关 联 功 能 互 相 比 对 ， 打 开 多 个 窗 口 太 烦 人 ！ 正 好 ， D   区 分 页 栏 就 是 为 了 这 些 需 求 量 身 定 制 的 。 你 可 通 过 点 击   D   区 分 页 栏 的   +   号 来 增 加 画 布 ， 也 可 以 通 过 点 击   D   区 左 侧 的 菜 单 按 钮 菜 单 按 钮   +   插 入 页 面 插 入 页 面   来 增 加 画 布 。 如 果 想 要 删 除 画 布 ， 那 么 菜 单 按 钮 菜 单 按 钮   +   删 除 删 除   就 可 以 了 。
你 还 可 以 为 每 页 画 布 起 名 字 ， 菜 单 按 钮 菜 单 按 钮   +   重 命 名 重 命 名 。 这 样 在 打 开   d i a g r a m s   的 时 候 就 知 道 哪 页 画 布 上 面 画 的 是 什 么 ， 不 用 一 个 个 点 击 去 看 了 。 添 加 更 多 图 形 添 加 更 多 图 形 如 果 左 侧 提 供 的 基 础 图 形 无 法 满 足 你 的 绘 图 需 求 ， 或 者 你 想 要 从   d i a g r a m s   提 供 的 图 形 中 寻 找 灵 感 时 ， 你 可 以 点 击   C   区 底 部 的 更 多 图 形 更 多 图 形 选 项 ， 点 击 后 弹 出 如 下 图 所 示 的 图 形 选 择 界 面 。 d i a g r a m s   提 供 了 如 安 卓 组 件 图 形 、 服 务 器 组 件 图 形 、 云 原 生 图 形 、 电 路 图 形 等 数 十 类 非 常 丰 富 的 基 础 图 形 ， 找 到 喜 欢 的 图 形 类 别 后 给 它 打 上 勾 ， 接 着 点 击 右 下 角 的 应 用 应 用 按 钮 即 可 。 绘 图 基 本 操 作 实 践 绘 图 基 本 操 作 实 践 要 想 使 用   C   区 的 图 形 ， 我 们 只 需 要 点 击 并 将 其 拖 拽 点 击 并 将 其 拖 拽 到   F   区 的 画 布 上 即 可 ， 想 放 到 那 个 位 置 就 在 那 个 位 置 松 开 鼠 标 松 开 鼠 标 。 下 图 是 拖 拽 矩 形 到 画 布 的 截 图 ， 由 于 鼠 标 未 松 开 ， 画 布 上 只 是 显 示 虚 线 的 矩 形 ， 当 鼠 标 松 开 时 显 示 的 就 是 我 们 拖 拽 的 左 上 角 那 个 实 线 矩 形 。
回复

举报

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

使用Markdown编辑器编辑 使用富文本编辑器编辑

Archiver| 手机版| 小黑屋|
Powered by Discuz! X3.4 Copyright © 2001-2020, Tencent Cloud. 商业源码建议获取授权，如侵犯您的权益，请联系客服处理