❶ 2018-12-06 干货！产品需求的四种流程图
流程图：用图示的方式反映出特定主体为了满足特定需求而进行的有特定逻辑关系的一系列操作过程。 精简一下，就是流程图是用图示来表示某一系列的操作过程。
这个操作过程有特定的主体，是为了满足特定的需求且有特定逻辑关系的。例如：京东的购物流程，特定主体是用户、特定需求是购物、特定逻辑关系是用户购物过程中的逻辑。
在我的实际工作中，绝大部分产品的需求文档都没有“数据流程图”，有“任务流程图”的需求也是寥寥无几——产品都靠文字表述，这一点开发经常怼。
业务流程图就是描述那些个体在什么条件下做了什么事情，他们之间有何关联。
主要分三个方面：①涉及到哪些主体？②每个主体都有哪些任务？③各个主体之间怎么联系的？一般涉及到多个主体，每个主体之间有联系，比如p2p平台。这是p2p的业务流程图、涉及到借款人、平台、投资人、第三方支付四个主体，以及每个主题需要完成的任务、任务之间的联系和先后顺序。
任务流程图就是在你的产品操作上，用户通过什么样的操作来完成它的目标，比如你去银行ATM机器上取钱，你是如何一步步操作把钱取出来的，这里以p2p理财产品购买为例，来说明购买的任务流程图。
画流程图的时候注意主要流程和异常流程，在这个例子中，主要流程就是购买流程、异常流程就是没有设置交易密码、用户忘记交易密码、以及超过重试次数这些流程，画流程图的时候先画主要的流程，然后再把异常额流程考虑上，查漏补缺，保证不遗漏，产品的逻辑漏洞多半是由于异常情况没有考虑清楚，画流程图可以有效的帮助你梳理逻辑。
数据流程图，顾名思义，描述某一功能/需求的数据走向。画这张流程图的前提是，你需要意识到该功能涉及到哪些后台，并且它们分别从事哪些工作。最好能把相应的接口字段变动写在图上。
举例：（这是工作中画的数据流程图，关键数据隐藏掉）
如果说业务流程图帮助你梳理战略，任务流程图帮助你梳理用户操作行为（主要给程序员看）、页面跳转流程在帮助你梳理各个页面之间的跳转关系（主要给UI和前端程序员看）这是一个逐步从整体到局部，从后端到前端的过程。
页面流程图的对象是页面，页面是互联网产品设计最基本的单元，不管APP也好、H5也好、PC端也好，这些产品由一个个页面组成。页面流描述了用户完成一个任务需要经过哪些页面。也就是我在哪，经过什么操作，能去哪。页面流有三个要素：页面、行动点、连接线。下面拿购物的页面流举例说明：
画页面流时一般只考虑用户的正常路径就行，如果需要指出异常流程，在正常流程附近画出异常流程就行。产品设计从需求分析到信息架构、再到业务流程——任务流程——页面流、再到最后的原型图（线框图）是一个从抽象到具象的过程，也是从概况到细分的过程。经过一步步的分析，逐步将想法变成实实在在的产品，这就是产品设计的魅力所在。而这其中流程设计起到举足轻重的作用，不可忽视。
上面说了需要绘制流程图，这里说说绘制流程图的思路。
1、调查研究
对于业务流程图，如果你不懂业务，可以让业务人员给你讲解，嘴甜一点；对于操作流程图你可以实地观察用户的操作，或者自己走一下业务流程以及使用竞品；至于页面流程图，只要你元素出来了，怎么跳转，这个难度应该不大。
2、梳理提炼
业务人员给我们讲解的流程，我们要梳理提炼出来，可以把主要的流程画出来，然后再向里面补进异常流程，我们可以先在纸上画画，这样速度比较快，根据业务员的讲解，然后再用专业的工具展现出来。一般流程图有三种结构：顺序结构、选择结构、循环结构
3、评估确认
我们可以让精通业务和涉及到流程图的角色都参与到评估流程图里来，众人拾柴火焰高，其他人员说不定能把我们没有想到的流程提出来，产品经理要多和别人交流。
4、维护更新
我们的流程图需要不断的维护和更新，因为我们的流程有可能变更或者优化，流程图也需要定期维护和更新。比如以前你是绑卡和充值两个流程，你现在为了用户体验把他们整合到一起，直接绑卡充值，这个时候你的流程图就需要变更。
❷ 如何画流程图
Word中如何绘制流程图
流程图可以给我们清楚的展现出一些复杂的数据，让我们分析或观看起来更加清楚明了。一般在企业、公司、医疗、教学、生产线上等都会派上非常大的作用，一个工场的生产流程，一个公司的运营模式都只需要用一张流程图就可以简单的概括出来，所以制作流程图是办公人员必备的武器之一。
工具/原料
word 2003
方法/步骤
1
新建一个word 文档，通过“视图”-“工具栏”-“绘图”，如下图1，显示“绘图工具栏”，如下图2；
2
单击“绘图”工具栏上的“自选图形”，然后选择“流程图”，这里就可以看到众多制作流程图时所用到的形状了，大家可以选择自己喜欢的的形状；
3
单击要绘制流程图的位置，此时会出现个虚框；
在绘图画布上插入你选择的图形，然后插入；
我们再重复上述步骤，插入多种不同的图形，（如下图，我已经插入了很多种不同的图形）；
接下来，我们要建立各种图形之间的连接了。这里我们使用Word提供的一个非常好用的自选图形——连接符来建立连接。 连接符的选择见下图；
选择连接符自选图形后，将鼠标指针移动到对象上时，会在其上显示蓝色连接符位置，这些点表示可以附加连接符线的位置；
我们首先用带箭头的肘形线连接符和直线连接符将图形连接到一起，如图；
绘制折线箭头；
接下来，我们需要在图形中添加文字。用鼠标右键单击形状，单击“添加文字”并开始键入。
我们随便录入文字；
制作好后，我按住左键不放，框选所有图形，点击右键，组合；
一个简单的流程图就设计好了，大家可以按照自己的工作需要进行更复杂的设计。
-----------------------------
一、什么是程序流程图
“程序流程图”常简称为“流程图”，是一种传统的算法表示法，程序流程图是人们对解决问题的方法、思路或算法的一种描述。它利用图形化的符号框来代表各种不同性质的操作，并用流程线来连接这些操作。在程序的设计（在编码之前）阶段，通过画流程图，可以帮助我们理清程序思路。下图是一个简单的流程图，描述求两个数的最大公约数的算法（辗转相除法）。
勘误：最后的结果，该是output a。感谢8楼童鞋指出！
画流程图是每个程序员的基本功。流程图有其规范，这是用于技术人员之间交流的需要，并不是想怎么画就怎么画。流程图中常用的符号见右图，在前述求最大公约数的流程图中找出对应的部分。
二、三种控制结构的流程图表示
这部分不再写文字，各种程序设计的教材中都会写一些，至少在讲各种控制结构时，总时要讲的。请参考自己手头能找到的教材，认真品味。
我们直接提示若干任务，画一画，就会了。
三、练习题目（各部分分别至少选两个画一画，注意用一张质量好一些纸，书写整齐，确保越画越高兴）
1、热身
（1）将英尺转换为米
（2）输入两个点的坐标，求两点之间的距离并输出
2、分支程序
（1）描述一下今晚的计划：如果下雪，校园内玩雪；否则，在103上机（怀念）
（2）丢硬币决定今晚：正面，K歌；反面：逛街；立起来，学C++
（3）求函数值：
（4）输入一元二次方程ax^2+bx+c=0的各项系数，并根据各系数的值的情况，分别进行求解（考虑对系数的各种可能太复杂时，给自己降低些难度，先从不考虑系统直接求解开始）
（5）输入个人月收入总额，计算出他本月应缴税款和税后收入（税率等参考第9周任务）
3、循环结构
（1）求1+2+3+...+100(三种循环结构都画一画)
（2）输出1/3-3/5+5/7-7/9…+19/21的结果
（3）一个数如果恰好等于它的因子之和，这个数就称为“完数”。找出1000内的所有完数。
（4）输出1000以内的所有回文数
（5）鸡翁一，值钱五，鸡母一，值钱三，鸡雏三，值钱一，百钱买百鸡，如何买？
4、复杂结构的程序
在解决问题中，利用函数可以让我们利用更“有序”的思维去想问题，“自顶向下，逐步求精”，真理。例：下面的流程图用于输出星号图，体现的是这种思维，右边的图可以嵌入到左边中，替代“输出第i行”的框子，也可以指导我们专门编成一个函数。
任务：
（1）输出10000以内的所有回文素数。将判断回文和判断素数分别单独画，对应将这两个功能用函数实现的方法。
（2）画出银行系统的流程图（各具体业务点到为止，不必全画）
注：在传统教学中，未学写代码，先学画流程。以前的实践中，感觉效果不好。控制结构为何物都晕，如何能画出来。有一定编程体验后再画，是改革的思路。这是编程的一项基本功，务必掌握！
------------------------
用什么绘制流程图
一、什么是程序流程图
“程序流程图”常简称为“流程图”，是一种传统的算法表示法，程序流程图是人们对解决问题的方法、思路或算法的一种描述。它利用图形化的符号框来代表各种不同性质的操作，并用流程线来连接这些操作。在程序的设计（在编码之前）阶段，通过画流程图，可以帮助我们理清程序思路。下图是一个简单的流程图，描述求两个数的最大公约数的算法（辗转相除法）。
勘误：最后的结果，该是output a。感谢8楼童鞋指出！
画流程图是每个程序员的基本功。流程图有其规范，这是用于技术人员之间交流的需要，并不是想怎么画就怎么画。流程图中常用的符号见右图，在前述求最大公约数的流程图中找出对应的部分。
二、三种控制结构的流程图表示
这部分不再写文字，各种程序设计的教材中都会写一些，至少在讲各种控制结构时，总时要讲的。请参考自己手头能找到的教材，认真品味。
我们直接提示若干任务，画一画，就会了。
三、练习题目（各部分分别至少选两个画一画，注意用一张质量好一些纸，书写整齐，确保越画越高兴）
1、热身
（1）将英尺转换为米
（2）输入两个点的坐标，求两点之间的距离并输出
2、分支程序
（1）描述一下今晚的计划：如果下雪，校园内玩雪；否则，在103上机（怀念）
（2）丢硬币决定今晚：正面，K歌；反面：逛街；立起来，学C++
（3）求函数值：
（4）输入一元二次方程ax^2+bx+c=0的各项系数，并根据各系数的值的情况，分别进行求解（考虑对系数的各种可能太复杂时，给自己降低些难度，先从不考虑系统直接求解开始）
（5）输入个人月收入总额，计算出他本月应缴税款和税后收入（税率等参考第9周任务）
3、循环结构
（1）求1+2+3+...+100(三种循环结构都画一画)
（2）输出1/3-3/5+5/7-7/9…+19/21的结果
（3）一个数如果恰好等于它的因子之和，这个数就称为“完数”。找出1000内的所有完数。
（4）输出1000以内的所有回文数
（5）鸡翁一，值钱五，鸡母一，值钱三，鸡雏三，值钱一，百钱买百鸡，如何买？
4、复杂结构的程序
在解决问题中，利用函数可以让我们利用更“有序”的思维去想问题，“自顶向下，逐步求精”，真理。例：下面的流程图用于输出星号图，体现的是这种思维，右边的图可以嵌入到左边中，替代“输出第i行”的框子，也可以指导我们专门编成一个函数。
任务：
（1）输出10000以内的所有回文素数。将判断回文和判断素数分别单独画，对应将这两个功能用函数实现的方法。
（2）画出银行系统的流程图（各具体业务点到为止，不必全画）
注：在传统教学中，未学写代码，先学画流程。以前的实践中，感觉效果不好。控制结构为何物都晕，如何能画出来。有一定编程体验后再画，是改革的思路。这是编程的一项基本功，务必掌握！
——知乎
❸ 在电脑怎么制作流程图
我们在工作生活中经常能看到各式各样的流程图。流程图主要由线条、几何图框以及文字构成，根据应用场景分为：业务流程图、数据流程图、页面流程图等。
听到流程图，大家都可能会认为这是个很复杂的东西。小编很负责任的告诉你，其实啊，它一点也不复杂，简单几个步骤，不用五分钟就能制作出一张流程图了。
制作要点：流程图中的每个图形都有其对应的含义，都有一套规则在里面的，所以这个需要我们找准图形，否则你画出来的流程图就只能给你自己看，别人是看不懂的。
说了那么多，具体要怎样操作呢?下面分享一个在线制作流程图的方法给大家，希望可以帮助到大家。
流程图制作：process.onlinedo.cn/
方法步骤：
第一步、如图，以下是制作流程图的首页。
第二步、选择“新建”，我们可以创建多种导图，这里选择“流程图”。
第三步、接着，需要给文件创建一个名称。
第四步、如下图所示，这个是整个流程图的制作页面，左侧是常见的图形以及其他工具，右侧是制作页面。
第五步、根据自己的要求，设计流程图，完成后，点击右上角的“下载”或其他选项即可。
第六步、下载可选择以下两种方式，图片或者源文件。
第七步、如图，下方就是最终的流程图啦！
❹ 请问下程序员们，你们写程序都要先画流程图吗
如果是个人开发少量代码 比如Hello World这样的
小程序 或许你可以不画
而对于团队开发 即使是Hello World这样的小程序
流程图必须要画的
❺ 求程序流程图或者程序框图（java：spring+hibernate+dwr+extjs）
流程图挺复杂的，不过流程图貌似一般不涉及具体的技术吧？所谓的流程图就是把所有涉及到的功能按照使用到的先后综合到一张图上，慢慢画，一个一个功能的往上加就行了。刚毕业就干给你项目，你们经理真想的开啊
❻ 干货！程序员需要掌握的几种图
随着互联网寒冬的的到来，程序员就业环境越来越严峻，这就要求我们必须要不断提高自己，来应对高压的工作环境。下面介绍的这几种图是我在工作中经常使用的，所谓的图，都是为了辅助思考的，辅助开发的，比文字描述的更清晰，更有逻辑。
前些年，网上有一个口号喊得很响： “人人都是产品经理” 。这就要求我们需要学习认图、画图的技巧，能从需求文档里快速的抽象出我们想要的东西。最近，网上曝出的程序员和产品经理之间的矛盾，大都是需求不清晰产生的，作为程序员的我们如果掌握的产品经理所必须的技能，那我们以后就可以吊打产品经理了，哈哈哈哈。。。
流程图 是对过程、算法、流程的一种图像表示，在技术设计、交流及商业简报等领域有广泛的应用。
计算机语言只是一种工具。光学习语言的规则还不够，最重要的是学会针对各种类型的问题，拟定出有效的解决方法和步骤即算法。有了正确而有效的算法，可以利用任何一种计算机高级语言编写程序，使计算机进行工作。因此，设计算法是程序设计的核心。
对同一个问题，可以有不同的解题方法和步骤。
例如，求1+2+3+…+100，可以先进行1+2，再加3，再加4，一直加到100，也可采取100+(1+99)+(2+98)+…+(49+51)+50＝100+50+49×100＝5050。
还可以有其它的方法。当然，方法有优劣之分。有的方法只需进行很少的步骤，而有些方法则需要较多的步骤。一般说，希望采用方法简单，运算步骤少的方法。因此，为了有效地进行解题，不仅需要保证算法正确，还要考虑算法的质量，选择合适的算法。
一个计算问题的解决过程通常包含下面几步:
传统流程图
用图表示的算法就是流程图。流程图是用一些图框来表示各种类型的操作，在框内写出各个步骤，然后用带箭头的线把它们连接起来，以表示执行的先后顺序。用图形表示算法，直观形象，易于理解。
美国国家标准化协会ANSI曾规定了一些常用的流程图符号，为世界各国程序工作者普遍采用。最常用的流程图符号见图。
流程图不仅可以指导编写程序，而且可以在调试程序中用来检查程序的正确性。如果框图是正确的而结果不对，则按照框图逐步检查程序是很容易发现其错误的。流程图还能作为程序说明书的一部分提供给别人，以便帮助别人理解你编写程序的思路和结构。
PS：墙裂推荐大家使用ProcessOn，画流程图的神器！！！
心智图 （Mind Map），又称 脑图 、 心智地图 、 脑力激荡图 、 思维导图 、 灵感触发图 、 概念地图 、 树状图 、 树枝图 或 思维地图 ，是一种图像式思维的工具以及一种利用图像式思考辅助工具来表达思维的工具。
心智图是由英国的托尼·博赞（托尼·布詹）于1970年代提出的一种辅助思考工具。心智图通过在平面上的一个主题出发画出相关联的对象，像一个心脏及其周边的血管图，故称为“心智图”。由于这种表现方式比单纯的文本更加接近人思考时的空间性想象，所以越来越为大家用于创造性思维过程中。
ps:我一般都是用的网络脑图，在线的比较方便
拓扑学（TOPOLOGY）是一种研究与大小、距离无关的几何图形特性的方法。 网络拓扑是由网络节点设备和通信介质构成的网络结构图。
拓扑学是数学中一个重要的、基础的分支。起初它是几何学的一支，研究几何图形在连续变形下保持不变的性质(所谓连续变形，形象地说就是允许伸缩和扭曲等变形，但不许割断和粘合) 拓扑图用于计算机网络示意，也就是不考虑计算机实际的位置，只表示网络中每台计算机以及网络设备之间的相互关系。
节点，节点就是网络单元。网络单元是网络系统中的各种数据处理设备、数据通信控制设备和数据终端设备。
链路，链路是两个节点间的连线。链路分“物理链路”和“逻辑链路”两种，前者是指实际存在的通信连线，后者是指在逻辑上起作用的网络通路。链路容量是指每个链路在单位时间内可接纳的最大信息量。
通路，通路是从发出信息的节点到接收信息的节点之间的一串节点和链路。
星型结构的优点是结构简单、建网容易、控制相对简单。其缺点是属集中控制，主节点负载过重，可靠性低，通信线路利用率低。
总线结构的优点是信道利用率较高，结构简单，价格相对便宜。缺点是同一时刻只能有两个网络节点相互通信，网络延伸距离有限，网络容纳节点数有限。在总线上只要有一个点出现连接问题，会影响整个网络的正常运行。目前在局域网中多采用此种结构。
环型结构的优点是一次通信信息在网中传输的最大传输延迟是固定的；每个网上节点只与其他两个节点有物理链路直接互连，因此，传输控制机制较为简单，实时性强。缺点是一个节点出现故障可能会终止全网运行，因此可靠性较差。
树型结构实际上是星型结构的一种变形，它将原来用单独链路直接连接的节点通过多级处理主机进行分级连接。
这种结构与星型结构相比降低了通信线路的成本，但增加了网络复杂性。网络中除最低层节点及其连线外，任一节点或连线的故障均影响其所在支路网络的正常工作。
UML是一种开放的方法，用于说明、可视化、构建和编写一个正在开发的、面向对象的、软件密集系统的制品的开放方法。UML展现了一系列最佳工程实践，这些最佳实践在对大规模，复杂系统进行建模方面，特别是在软件架构层次已经被验证有效。
功能模型， 从用户的角度展示系统的功能，包括用例图。
对象模型， 采用对象，属性，操作，关联等概念展示系统的结构和基础，包括类别图。
动态模型， 展现系统的内部行为。包括序列图，活动图，状态图。
实体关系图，简记E-R图是指以实体、关系、属性三个基本概念概括数据的基本结构，从而描述静态数据结构的概念模式。
❼ 程序员进来一下，帮忙解一下流程图，最好是流程图哦，不要C语言代码。
你需要哪一道题？
❽ 产品技能：画好交互流程图的4个技巧
相信不少人都看过网上各种酷炫的动态交互原型，笔者也是很欣赏的，以前也学着用flash和AE做过类似的高逼格动态原型，但是个人感觉在实际项目中，动态原型图的性价比并不高。动态高保真原型，更适合用于公开展示，需要有对原型相当了解的人来讲解。而我下面要说的这种全流程交互图，在需求评审，方案传递时更为实用，视觉设计师，程序员只要看图，就能快速理解产品功能，比起文字型文档，交互流程图极大降低理解成本，提高沟通效率，制作成起来也比较快速。
下面是笔者以前画的交互流程图，用的工具是Photoshop，比较注重细节。现在由于时间问题，多用axure，无法像Photoshop 那样扣细节了，也没办法画斜线，但好处是快，导出动态demo比较方便。我个人还是比较推荐用Axure的。
接下来进入正题，说说画出易懂，美观的交互流程图的5个技巧
一、完整的主干闭环+可能出现异常反馈
1、确定一个目标，例如：新用户注册，从第一步开始，按用户页面跳转顺序摆放界面。
2、针对新用户注册这个功能，完整的功能交互流程图，必须包含：新用户开启APP，触发注册，注册流程，完成注册，进入游戏这几个关键步骤的完整闭环。
3、在关键步骤的主干闭环之外，需要将所有的异常提示展示出来，如：手机号无效，手机号已注册，网络超时等主干流程中可能遇到的异常提示，以及对应处理反馈。
二、按钮点击效果+页面跳转逻辑
1、主干流程的按钮，均要描述点击后的处理，以及可能出现的异常反馈。
2、触发页面跳转后，需要用箭头标注跳转逻辑，两条流程线之间，尽量不要有十字交叠。
三、标题和注解
1、交互流程图中，主要包含四类注解：模块标题、界面标题、界面注解、流程箭头注解。
2、模块标题：一般是主干流程的功能名称，如新用户注册流程、充值流程等。
3、界面标题：即每个界面的名称，如启动页、登录页等，可展示在每个界面上方，并附带编号。
4、界面注解：是交互图中最重要的文字内容，一般展示在对应界面下方，可包含页面动态描述，页面异常情况描述，页面简要逻辑描述等。
5、流程箭头注解：一般是展示在箭头线上的，对于页面跳转的描述，如：点击注册跳转。
四、视觉相关要素
1、视觉焦点：一个界面，尽量只展示一个重点信息，并且使其成为视觉焦点，从面积，放置位置，颜色，字号等元素，都做强化，其他非焦点信息，则弱化。
2、图像：在交互图中，每个模块尽可能用块状底色区分，避免使用过多线框，否则容易使交互图变得复杂，加重视觉负担。
3、配色：建议交互图中，使用一种基准色，如蓝色或灰色，叠放层级靠后的模块，用深蓝色，靠前的模块，用浅蓝色。同时，按钮可单独使用一种颜色，如绿色。部分需重点突出的元素可用提醒色，如橘色。箭头可用半透明的黄色等。
4、摆放：所有界面上下对齐，间隔一致，保证工整的视觉效果。
再附上一张关于手势操作的描述图，每个操作细节都要清楚描述
附录：如何提升互联网产品体验：
1、把用户假设成一个聪明但是很忙的人，不要指望让用户记住任何操作流程，而是随时提供清晰的指引和尽可能自由的页面跳转入口。
2、用户的高频操作，应尽量减少操作步骤，而低频操作，则无需刻意关注步骤数，更应该关注的是每一步的操作难度和界面信息是否易于理解。应尽量降低选择难度，别让用户花时间去理解。
3、一个页面只突出一个重点，用大小，颜色，形状来做分类，让用户一眼可分辨到重要信息。
4、扁平化和渐进披露相结合，视场景而定，而不是机械地执行扁平化。流程扁平化的好处是，可以让用户提前感知流程，页面跳转的成本也比较低，但是比较考验对页面信息的整合处理，渐进披露是预先把次要信息隐藏，当用户触发了对应操作，进入对应流程，才给出相应反馈或指引，好处是让用户更专注，减少理解成本。
5、页面一致性也是这个道理，就我理解，一致性的是为了让用户形成习惯，进而减少理解成本。比如，确定操作永远在右侧，选中状态永远高亮，红色代表严重警告等等。当用户已经形成统一认知，则会大大降低每一次操作的理解成本。但有时候设计师会过于信仰一致性，导致失去个性，我建议在不影响习惯的前提下，可适时打破所谓一致性的束缚，让设计更加出彩。
6、让用户有反悔机会。误操作后，可恢复，且重要操作需二次确认，并强化感知严重性。
7、避免依赖文字说明，多用图形化的方式让用户直接感知，而不是通过理解文字来感知。且文案使用的格式、主语建议统一，这有助于营造整体调性。另外一点，即按钮文案的使用，建议明确告诉用户该页面的目的和功能，同时引导行为，而不是陈述性文案。用动词+宾语的格式来引导用户操作，如：“去购买”比“商城”更清楚，“去玩牌”比“游戏”更清楚。
8、需同时考虑多平台的用户操作习惯，如ios系统上的应用，页面需提供返回按钮，而安卓上的应用，按钮应避免过于靠近手机底部操作栏，以防误操作。
❾ 网页美工和程序员详细的工作流程和步骤是怎样的有流程图更好，谢谢
1.先是由美工用Fireworks 或者 Photoshop 设计出平面外观，
2.再由美工用Dreamwerver 把已经设计好的平面图，做成HTML静态网页文件。这里就要求美工用到CSS和DIV技术了。一个网页优化得好不好，在这个方面其实是一个比较重要的地方了。这个地方做得好，程序员也可以省很多时间
3.由程序员添加程序、连接后台、连接数据库；美工再进行一些FLASH的制作和一些网页文件的修改
当然以上三个步骤省略了和客户沟通这一项，必要的时候美工或者程序员还必须和客户进行面谈。
当然也有很多公司在第二个步骤的时候，是由程序员完成，因为有的时候程序员的设计思想和美工的设计思想不太一样。
所以你所要学的软件一般是Fireworks或者Photoshop、Dreamwever、FLASH、HTML语言；如果你想进一步提高的话，最好懂得CSS技术，和DIV技术，FLASH的AS语言。呵呵
这里如果你懂得CSS和DIV的话对你的美工是一个绝对的飞跃；如果FLASH你懂得AS的话，那也绝对是一个很大的提高的。
网页美工的技术水平越高，一般来说花的时间就越久。
一般来说Fireworks或者Photoshop认真学3个星期，你就很熟悉了（当然你还必须经常用，否则还是很容易忘记掉）；Dreamwever也大概用一个月，就可以比较容易控制了。FLASH基本的东西在一个月也可以完全学会。但是那些语言和一些技巧，就要看有没有人教你了，自己在家里闭门造车是很难有太大突破的。
不过Photoshop 和 FLASH 在很多方面（比如快捷键等）都是一样的，所以你学会了一个软件以后，其他的你也会很快就记得。所以你全部软件都学会的话，并不是一个简单的时间相加。
希望对你有所帮助吧！
在我认识的人当中，女孩子还是比较少从事网页美工的，呵呵，所以你要加倍努力了！
以上文字都是我一个字一个字打出来的哦！
❿ 中国程序员是否偏爱“冲锋衣+牛仔裤+运动鞋”的衣着
中国程序员是否偏爱“冲锋衣+牛仔裤+运动鞋”的衣着？不一定会喜欢的。每个程序员的穿衣风格不同。