网站设计的一般流程图

1、如何制作网站流程图

用OFFICE里面的WORD就可以制作流程图！！
我们利用word给我们提供的如下工具来画出美观规范的流程图：
1.自选图形—流程图图形
2.自选图形—连接符
3.绘图网格工具
4.对齐与分布工具
5.其它美化工具
个人觉得，画好流程图的要点在于统一各框型的风格，注意它们的大小，协调它们的摆放位置。
在开始之前，建议大家打开绘图网格（绘图工具栏—绘图—绘图网格），如图中所示，选上“对象与网格对齐”，选上“在屏幕上显示网格线”，并且将“垂直间隔”选上以显示垂直网格线，根据笔者个人经验，A4纸使用0.5CM的水平间距和0.5CM的垂直间距比较合适。

图http://www.gonet8.com/Article/UploadFiles/200706/200762619444206.jpg

首先画出图形框，可以一边画一边添加文字，也可以先画出整体构架，再一个个添加文字。使用了网格，要画出等大小的框就容易多了（当然也可以直接复制出等大小的方框），稍微注意一下各方框中间的距离，注意一下长宽，就能画得比较美观，如下图所示：

图http://www.gonet8.com/Article/UploadFiles/200706/200762619445925.jpg

要选中多个图形时，使用绘图工具栏上的“选择对象”工具比较方便。
注意：如果不使用网格，也务必要使用“对齐与分布”工具。要做出美观的图表,最重细节，切记，做好了图表中的每一个细节别人可能不会有赞言，但若是其中有哪个细节未处理好，是一定有损整体的形象的，会给别人留下不好、不专业的印象的。这点再怎么强调也不为过。如果有图形在画完之后发现不对，又要改成其它的图形，选中该图形，在自选图形窗格里单击要更改为的图形，点击下面的“更改自选图形”按钮即可快速更改。
右键单击方框，选择“添加”文字，按CTRL+E或者点击工具栏的居中对齐按钮，使文字居中。在上图中，有三个方框，其中第一个方框中有两行字，但是文本框的下边框遮住了一部分文字，这时，在该文本框内部的文字里单击右键，选择“段落”，打开“段落”对话框，将“文本框”选项卡里的内部边距值进行调整。上图中的第二个文本框就是前者在将上、下、左、右边距都设为了0之后的结果。

图http://www.gonet8.com/Article/UploadFiles/200706/200762619445177.jpg
在画好框型，添加好文字之后，可调整一下各图形之间的距离，改善整体效果。有这样几个原则一定要注意：
1.一条主线下来的过程一定放在同一中线上；
2.同一层次的图形放在同一水平线上，使用相同的大小，两两之间间隔相同；
3.文字使用居中方式；
4.同一主线上的图形框内文字有多有少，若不能使用相同的大小，优先更改宽度。

图4

调整好了之后就可以连线了，在连接各图形框的过程中，多使用自选图形里提供的“连接符”，除非它不能满足你的要求，再去考虑使用普通的箭头。

图5

连接符的使用很方便，这里不多说，只要注意不同情况下的使用对应类型的连接符就是了。连接完了之后，使用绘图工具栏上的“选择对象”工具选中整个图表，看看是否有没有连接好的连接符。连接好了的连接符两个端点应该都是红色，若是绿色，重连。肘形连接符的边可能会经过其它图形的区域，这时候可以拖动它的黄色控制点，使它不与其它图形重合。下面是连线后的效果：

图6

最后一步就是美化工作了，用“选择工具”全选整个图表，右键组合，加上统一的修饰，取消网格的显示，就可以放到文档中使用了。

图7

2、UI设计整个过程一般分为哪些步骤？

嘿设汇app上的回答很全面，分享给你，希望对你有帮助。
一、前期工作
1.画。草图记录理念。用笔记本来收集创意，不时的翻翻可以根据一些有趣的旧点子想一些新玩意儿。
2. 收集图片。方法有好多种，我习惯Dropbox文件夹分类（例如，我会分成后台界面设计、iOS设计、插画设计等等）这些图片，有新项目时可以用来寻找灵感。
3. 情绪板和准备工作。Dribbble，Behance，嘿设汇、Pttrns，Pinterest。我总会准备4个文件夹——PSD，屏，资源，灵感。把和项目相关的东西全分类到文件夹里。
二、开始着手设计
4. 不必在乎线框图的质量。 线框图的作用是帮助架构层级，让彼此更好的理解目的，而不是最终结果。设计师必须懂得去“敏捷”设计，如果真的太在意线框图的细节，那么整个设计流程会拉长。
5. PSD - 大尺寸画布。我一般会创建8000*5000的画布，不是用来画出整个应用的UI套件，而是用来记录元素在不同阶段的不同状态——也就是流程。设计复用很方便，开发看到这种东西也会工作的更快。
6. 所有屏都放入一个PSD中.整体的对比效果会更好，也更容易让他人理解你的设计理念。
元素的复用也非常方便，只需要复制一下其他屏的图层/图层组，修改一下背景或者几个图标就成了。
7. 整理、规范图层和图层组
我是一个崇尚整齐的人，因此我的PSD结构非常的有序。我个人的规则是，如果超过8个图层，那么就创建一个图层组。
8. 和朋友沟通
我非常重视那些能够给出专业性反馈意见的人。留意他们的反应和初次看到你设计时的想法，这未尝不是一种用户测试。而且多聆听别人的意见，能够让你从不同的角度看待问题。9.图示
当所有屏的设计都装入到一个PSD中后做一点图示，用来暗示交互流程，我觉得这算是一种早期原型设计吧，与此同时，还能充分感受到视觉设计的细节。
三、后期工作——视觉规范
完成了设计工作后，要做的事情就是出一份视觉规范，然后检查一下整体的视觉层级。我个人认为，无论是小型项目还是大型项目，视觉规范都有其存在的必要性。无论是对你自己，还是对于同事，都能起到很好的规范作用，避免不一致的设计。
10. 配色表
扁平化的要领之一是配色精简。也方便了我们展现配色表。
11. 字体表
12. 要完善的记录Logo使用的字体，文本使用的字体，标题使用的字体等等，这对于开发会大有裨益。个人复查作品时也会很有帮助。
12. UI 套件
UI套件非常重要，尤其对于工作对接来说，能够保持视觉高度的一致性。前端也非常需要这东西。做好了之后丢给前端，他要问你，你就说这东西在UI套件中，他立马就能明白了。
这一条非常重要，关系到整体的视觉一致性。

3、应该如何制作web流程图

一、设计的任务：设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。 网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。 第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。 第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。 第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。 当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。

4、做一个网站网页（类似于淘宝店铺那样的页面）的概要设计流程图，我要关于服装的。

直接套一个模板就可以了，还要什么流程啊

5、网页设计流程，用画原型图吗？逻辑谁来设计

首先要有网页或者说是网站的需求方提供需求内容。
例如页面要包括哪些，如用户登录，注册，信息展示，甚至在线支付之类的东西。
然后还要有一些具体功能需求，如用户注册需要提供哪些资料，如身份证，地址之类的信息。
信息展示具体是哪些。

有需求方先要写明自己的需求，然后根据需求进行下一步的设计，原型图肯定要画，因为没有图就无法制作网页。
先把图画好，然后和对方商定细节，例如logo的大小，段落间距，字体颜色，之类的细节东西。
画好图并确定后就可以按照图来制作网页。
至于内部后台相关也要商定。
具体由谁来做什么要视情况而定。
例如如果对方公司有美工之类的，可能就直接给你一些素材甚至画好的图让你直接制作。
也有可能需要你自己画图或者找人画图。

6、建立网站的流程图?

在开始做网页的时候你要想好自己要做一个什么样风格的网页,接着就是 要规划好每个网页中的各个模块
这样就能做出一个好的网站来
网页做好的话你还有在网上申请个个人空间把做的网页上传上去
接着就是申请个域名来跟自己的主页进行绑定这样就可以了
大致就是这样了
不过你也可以在sina申请个博客不过里面会受到很多限制还是自己做个上传上去吧
祝你成功!

7、绘制网站建设流程图与绘制办公室布局图由什么区别和联系

网站建设流程图是网站策划中对网站结构 ，栏目等规划设计的流程图。或网站建设进度流程图。整体从策划角度讲。和办公司布局图没有实质关系。

8、制作流程图用什么软件好？在线等的，谢谢！

Visio、亿图图示、Axure等都是不错的流程图制作软件。后三者都有试用版或者是免费版，虽然不能够使用一些专业的功能，您可以先下载尝试一下那个更为适合您的使用习惯。以下是详细介绍：

1、亿图图示是一款跨平台、多功能、同时支持云储存、分享功能的专业图形图表绘制软件。除了各种流程图以外，亿图图示同时也支持绘制思维导图、工业设计、组织结构、建筑平面图、计算机网络、信息图等不同制图的需要；

2、Visio是由微软推出的，功能也比较强大，但是无论是标准版还是专业版价格都比较贵，不太推荐非专业或者个人用户使用；

3、Axure，这个主要是用来进行软件原型线框设计的，同时具有流程图功能，特点是非常简洁易用，如果作很单纯的说明性的流程图（注重功能讲解的），用这个很方便。

4、还有迅捷流程图制作软件，这是一款功能强大的轻量级思维导图制作工具，可用于绘制各种专业的业务流程图、程序流程图等。

9、网页美工和程序员详细的工作流程和步骤是怎样的？有流程图更好，谢谢

一般来说，作为专业公司的网站建设流程都是这样的：
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 在很多方面（比如快捷键等）都是一样的，所以你学会了一个软件以后，其他的你也会很快就记得。所以你全部软件都学会的话，并不是一个简单的时间相加。