`
互扯程序
  • 浏览: 6438 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

想要做”架构师“,一定要会画设计图

阅读更多

什么是系统架构师? 

系统架构师是一个既需要掌控整体又需要洞悉局部瓶颈并依据具体的业务场景给出解决方案的团队领导型人物。一个架构师得需要足够的想像力,能把各种目标需求进行不同维度的扩展,为目标客户提供更为全面的需求清单。

架构师在软件开发的整个过程中起着很重要的作用。

如何才能成为系统架构师?

1. 首先必须具有丰富的软件设计与开发经验,这有助于理解并解释所进行的设计是如何映射到实现中去。

2. 其次要具有领导能力与团队协作技能,软件架构师必须是一个得到承认的技术领导,能在关键时候对技术的选择作出及时、有效的决定。

3. 第三是具有很强的沟通能力,其实这一点好像什么角色都最好具备,软件架构师需要与各路人马经常打交道,客户、市场人员、开发人员、测试人员、项目经理、网络管理员、数据库工程师等等,而且在很多角色之间还要起沟通者的作用。 

而设计图,它不是简单的供你欣赏,他其实是架构师,产品经理,开发工程师,测试工程师等各种角色之间进行沟通的语言,沟通的一个桥梁,让整个团队更能有效的协调工作。

设计图不单单是架构师要掌握的,在一个产品的开发过程中,任何一个环节,任何一个角色都可以通过掌握不同的设计图来完成沟通的。

流程图

流程是一系列的逻辑关系(包含因果关系、时间先后、必要条件、输入输出)产品经理做需求前一定要先把这些逻辑关系理清楚,如果非要用一句话概括的话“流程就是在特定的情境下满足用户特定需要的总结”。

图就是将你头脑中的逻辑关系以图形化的形式呈现出来,具有图形化、可视化的特点,因为是图,你可以像你的版本迭代一样,当你的逻辑需要修改的时候拿出来迭代一下,同时因为有图,你还可以更好的给项目成员进行宣讲。

产品中设计的流程图主要有三种,业务流程图、任务流程图、页面流程图,下面我们来一一介绍。

业务流程图

业务流程图又称为泳道图,就是描述那些个体在什么条件下做了什么事情,他们之间有何关联。主要分三个方面:

1. 涉及到哪些主体?

2. 每个主体都有哪些任务?

3. 各个主体之间怎么联系的?一般涉及到多个主体,每个主体之间有联系。

 任务流程图 

泳道图一般是从战略上分析整个业务流程,让你对公司所做的业务有个大概的了解,而任务流程图就是在你的产品操作上,用户通过什么样的操作来完成它的目标,比如你去银行ATM机器上取钱,你是如何一步步操作把钱取出来的。

页面流程图

如果说业务流程图帮助你梳理战略,任务流程图帮助你梳理用户操作行为(主要给程序员看)、页面跳转流程在帮助你梳理各个页面之间的跳转关系(主要给UI和前端程序员看)这是一个逐步从整体到局部,从后端到前端的过程。

 

 

所有的产品都是由页面组成的,不论是APP、PC、H5都是由一个个页面组成的,页面流程图描述完成一个任务需要经过哪些步骤,你在画图的时候只需要清晰的表现出用户点击页面的什么地方,然后跳转到那个页面。主要由页面、行动点、连接线组成。

UI设计图标注

对于APP的页面,UI设计师会给出UI设计标注图,这样APP客户端开发人员,直接按照标注图进行页面的开发了。

 

产品设计完成后,架构师需要对产品进行软件的架构设计。包括技术的选型,模块的划分,开发人员的任务分配,工作量的评估等等.....

系统架构设计图

构架将在一次又一次迭代中不断演化、改进、精炼。

 

序列图

架构师一般在做详细设计的时候,会把程序模块之间的每一步调用过程很详细的画出来,这样开发人员拿到设计文档,就能直接开发。

类图

 

设计图有很多种,还包括用例图,状态图,活动图...... 不再一一介绍。画什么样的设计图,不是绝对的,不同公司,不同项目,需要画的设计图也是不同的,有些项目需要画原型图,有些项目只是对外提供服务,没有页面也就不需要画原型图。另外还要根据项目的工期,预算等等因素考虑。如果一个项目的工期也就一个月甚至更短,那基本上就是怎么简单怎么快就怎么做。

画图工具

‘工欲善其事,必先利其器’,下面就为大家介绍几款常用设计图绘制工具。以下软件都可以在微信公众号,回复“设计”,获取破解版本。

Visio

是微软推出的一款流程图绘制工具,它有很多组件库,可以方便快捷的完成流程图、泳道图、结构图的绘制,但是不支持mac电脑。

 

OmniGraffle

Mac下没有Visio很多人就用这个,这个一般流程图都能绘制,但是效率感觉没有Visio高,优点就是画出来的图形比较美,同时支持外部插件,缺点就是没有比较好的泳道流程图插件,画起泳道图来不是太方便,但也可以画,可以自己组装泳道。

另外一个缺点是收费的,只能免费试用15天,不过我已经为大家准备好了一个最新的破解版本。 

 

ProcessOn

是一款网页版的在线作图工具,优点是无需下载安装、破解这些破事,同时支持在线协作,可以多人同时对一个文件协作编辑,而且上手比较容易,它提供很多流程图模版,可以方便的画出流程图、思维导图、原型图、UML图,缺点就是在绘制泳道图需要增加泳道的时候,只能在最后一列加入,不能在中间加入这一点有点麻烦,还有要吐槽的就是由于是在线的,有时候导出图片,导出来的并不太好,流程图画的大的时候也无法截图。

在线地址:https://www.processon.com

 

Axure RP

这是一款产品经理经常用来画原型的工具,它可以在页面里定义各种按钮点击事件,进行页面的跳转,模拟提交的过程,所以非常方便使用。画人物流程图的时候也可以用,但是要画泳道图、UML图的时候,没有对应的模版,需要自己画,效率不高,如果你觉得画原型,制作文档都在Axure里,不想来回切换软件的画,可以在里面自己制作一个组件,下次直接调用。

Axure RP是可以画出这样效果的原型图

 

PxCook

一款还不错的标注工具.

优点:

1. 成熟:跨平台——支持Windows和Mac

2. 成熟2:支持PS和Sketch。

3. 交互特别智能,也方便,一拖一放就标注完了。

4. 相当需要说的一点:对于PSD文件或者Sketch进行了修改之后,PxCook里的标注会自动进行更新,免除了手动操作的过程。这是后面很多软件没有的。

5. 支持移动设备的多单位切换。

缺点:

1. 不能支持多个文件同时进行标注。

2. 对于图层样式等信息,不能进行详细查看。 

iThoughtsX

一款优秀的思维导图工具

 

OmniPlan

最NB的项目管理流程软件,OmniPlan旨在帮助您可视化,维护和简化您的项目。分解任务,优化所需的资源,控制成本,并监控您的整个计划,都一目了然。协作与您的同事和分享每一个细节,更新日历与你的天关,或混搭。接受和拒绝一次过改变一个接一个或所有。

 OmniPlan提供了像甘特图,时间表,摘要,里程碑和关键路径的功能突出显示,让您管理您的所有活动。从自定义的视图来快速输入数据, OmniPlan帮助您管理,因为你需要他们,简单或复杂的项目是 - 不需要复杂。

 

以上软件都可以在微信公众号,回复“设计”,获取破解版本。

 

推荐阅读:

技术:HTTP状态码大全

技术:SpringBoot 如何在一分钟内整合SSM?

技术:CentOS7下Nginx服务器安装与使用教程

技术:Java9逆天的十大新特性

技术:http2.0的时代真的来了...

工具:如何通过技术手段 “干掉” 视频APP里讨厌的广告?

工具:通过技术手段 “干掉” 视频APP里讨厌的广告之(腾讯视频)

工具:抓包神器之Charles,常用功能都在这里了

干货分享:

分享:1T 软件开发视频资源分享

分享:深度机器学习56G视频资源分享

<audio controls="controls" style="display: none;"></audio>

<audio controls="controls" style="display: none;"></audio>

分享到:
评论

相关推荐

    大数据架构师的岗位职责.docx

    大数据架构师的岗位职责1 职责: 1、负责公司大数据产品的架构设计,包含数据收集、数据存储、数据应用,并完成相关架构设计文档的撰写; 2、参与规划从数据源到数据应用的整体流程,并参与相关产品的决策; 3、负责...

    java架构师之架构训练营.txt

    架构实战营-第02节课:如何画出优秀的架构图 架构实战营-第03节课:什么是面向复杂度架构设计? 架构实战营-第04节课:如何做好架构设计? 架构实战营-第05节课:外包学生管理系统实战 1 架构实战营-第05节课:外包...

    商务智能架构图表

    可能要经历包括数据采集、 数据分析、数据治理、数据管理、数据挖掘在内的一系列复杂数据处理,然后由设计师设计一种表现形式,是立体的、二维的、动态的、实时的还是允许交互的。然后由工程师创建对应的可视化算法...

    页面草稿图设计器 开发项目时设计页面

    页面草稿图设计器 开发项目时设计页面 架构师使用设计器 可以把自己的设计想法用草图画出来,打印word,图片等等 很好用的设计工具

    ioDraw流程图、思维导图、甘特图绘制软件,Windows 32位

    1、ioDraw 是免费的在线作图软件,用于制作流程图、思维导图、甘特图、白板手绘图、拓扑图、组织结构图、UML、ER和时序图、平面设计图、电子电路图等,无需注册即可使用 2、替代Visio的免费软件,无使用限制 3、...

    大数据平台常用组件-常见的大数据平台架构设计思路.pdf

    想要解决这些痛点,就需要精⼼打磨每⼀个环节,将上⾯技术组件⽆缝 衔接起来,让业务从端到端使⽤数据就像写SQL查询数据库⼀样简单。 五、优秀的⼤数据整体架构设计 提供多种平台以及⼯具来助⼒数据平台:多种数据源...

    beauty of architecture

    文档收录了华为首席架构师的所有文档,1.企业架构 1.1 企业架构起源和发展 介绍TOGAF的爸爸和爷爷 TOGAF Next Now is the Time for Third Generation EA Methods 1.2 主要企业架构框架 如何选择合适的企业架构...

    浅析设计与内容呈现的关系

    我想首先规划师(或需求、交互)的目标要定义清楚,然后要做完善的信息架构分析,内容的主次位置、版块结构、所占面积都要细化考究,交给设计师的是一个尽量完善完整的框架方案,而设计师呢,必须全面理解目标及内容...

    Android程序设计基础

    但是凭借谷歌公司的强大实力以及与开放手机联盟的通力合作,我们相信Android会越来越好,一定会成为主流的手机操作系统平台。..  本书分为3个部分共10章,最后还有两个附录。第1~3章介绍Android的基础知识和基本...

    数据库系统---数据库设计.pdf

    架构设计师考 试中,主要了解基于 3NF 的数据库设计⽅法即可。 基于 3NF 的数据库设计⽅法是由 S.Atre 提出的数据库设计的结构化设计⽅法,其基本思想是在需求分析的基础上,识别并确认数据库 模式中的全部属性和...

    U3D视觉脚本插件Playmaker

    美术和设计师能够使用成千上百的与架构动作来编写互动内容,程序员则能够在用户友好的视觉状态编辑器中编写新的动作并演示它们 新建一个unity3d的项目。把playMaker插件导入引擎中。在项目面板就会多出来Gizmos、...

    隐藏在背后的交互设计

    往深一步想,信息架构、界面、流程,都是设计师需要考虑的问题。下面,想谈一下我理解的交互设计。人们每天面对那么多信息,在杂乱的信息中筛选出对用户有价值的,呈现给用户,帮助用户做选择,指引用户完成任务。...

    用FPGA改造你的汽车仪表盘吧!.pdf

    在新一代汽车仪表集群的情况下,FPGA现在可以为业务经理和产品架构师提供类似的手段,使不同功能和性能需求的冲击与高度受限的工程预算协调一致,这几乎是一个普遍的现实。   提高驾驶员可用信息的早期推动...

    程序员刷题的中文网站-ant-ux:用户体验设计的站点地图模板

    这是一个材料库,可帮助设计师定义、改进和最终确定其产品的页面间逻辑。 在产品设计过程的早期,您可以使用它来绘制页面之间的逻辑图。 在整个过程中,它可以帮助您更轻松地可视化和理解产品架构和业务流程。 辅助...

    一图胜千言——软件开发中的形象思维与图的运用

    如果你想当一个好的传播者,软件设计师,用图来思维和表达是必须具备的素质。应该说,我一般主要以逻辑思维为主,右脑形象思维能力很差。这些图都是从我过去画的图中精选出来的,不是特别漂亮,但表达的目的性很强。...

    图驴-三维浏览器 v2.0.2.12.zip

    图驴是一个专注于设计师和需求方的“图形”沟通即时聊天软件,是设计师和客户的沟通神器,集成了强大的2D硫酸纸与3D浏览器应用,为图形图像沟通带来了颠覆式的沟通方式! 图驴软件主要功能 1、无限容量的个人网盘...

    产品经理学习视频

    3-要绘制的流程图.mp4 4-如何绘制流程图.mp4 5-任务流程图.mp4 6-页面流程图.mp4 7-绘制流程图的思路和工具.mp4 8-Axure绘制简单业务流程图.mp4 9-Excel绘制甘特图.mp4 10-Visio绘制泳道图.mp4 11-PPT绘制...

Global site tag (gtag.js) - Google Analytics