流程图（taskflow）是指用图形语言的方式画出用户在使用这个产品的方法和达到具体功能的步骤。通常会把产品的使用流程作为某些任务去完成，用语言描述出想要达到的目的，每一个步骤用一个节点来表示，用线和箭头指示出每一步骤的方向和所要到达的下一个步骤。流程图意在帮助设计师很好的了解产品的功能结构和用户每一步的操作而达到白己的使用日的。
　　但是流程图也分为两大类：
　　一类是产品经理或者技术人员在开发过程中使用的逻辑流程图，如图1：
　　图1
　　另一类是产品设计或用户体验人员输出的页面流程图，如图2：
　　图2
　　页面流程图除了用Photoshop、Illustrator等绘图工具实现的流程图之外，还可以是用flash、catalyst实现的带交互效果的流程，也可以是用axure、Balsamiq等原型工具实现的页面跳转逻辑流程。
　　线框图（wireframe）是在逻辑流程图的基础上，用线框的形式细化界面的主要功能和基本布局定位，包括导航、标题、图片，图标，文字内容，按纽，各种控制器和形式等，从而确定各个界面之间具体的交互关系。
　　可以按照实现形式分成如下几类：
　　最简单的方式就是用纸和笔简单绘制实现的纸质线框图，如图3
　　图3
　　这里提供几个可打印的互联网产品设计线框图模板：
　　1、纸面浏览器原型
　　图4
　　2、iPhone纸面原型草图
　　图5
　　3、iPhone低保真纸面原型
　　图6
　　4、还是iPhone高保真纸面原型
　　图7
　　5、带网格的网站原型
　　图8
　　复杂一点的可以用Axure、Balsamiq等原型工具实现HTML线框图，可以参考《使用线框图来简化你的产品设计流程》一文，如图9：
　　图9
　　不要忘记用户界面设计版式用户界面设计版式对设计用户界面是很有帮助的。版式往往能解决常见问题，合理的版式可以方便用户熟悉界面，尽快阅读应用。因此，要在设计流程的初期阶段就考虑版式，最好在草图（UE）阶段就开始，如图10：
　　图10
　　一些基本的页面布局也需要熟悉，或者自己制定一套具有延展性的页面布局标准，如图11：

准妈妈开车应注意什么已经做了准妈妈的我，现在还是不得不开车上班。准妈妈能不能开车，开车时应该注意什么呢？对于不方便挤公交的孕早期的准妈妈，家人大部分时间也都在上班，没有人及时的照顾。上班就会……四个月宝宝辅食添加指导方案对于四个月大的宝宝，妈妈们可以开始添加一些简单的辅食了，由于宝宝第一次吃辅食，因此妈妈们要注意的事项很多，在这里，小编整理出一套，四个月宝宝辅食添加指导方案，以供参考。四……姓邵女孩缺火一百分名字天地万物都属于金、木、水、火、土五行之中，这五行彼此也是相生相克的，如果有不足还可以用相同属性的名字来进行补足，那么五行缺火的女孩该如何取名字呢？该如何给缺火的邵姓女孩起一个好……张家为什么只有小哥一个人了张家其他人去哪了东北张家虽然神秘，但却是一个势力十分强大的家族，但为什么张家人很少出现，守护青铜门也只有小哥一个人呢？实际上，当年张家也是遭遇了很多变故，使得张家逐渐走向没落，很多家族中的人迫……男生的英文名字及寓意今天就给大家介绍一下男生的英文名字及寓意，英文名字种类有很多，以至于，当男生们查找英文名字起名时不知如何着手查找。对此，小编在这里为大家分享了归纳了一些男生们比较常用的英文名字……七夕情人节鉴定你们是情侣还是炮友七夕是中国的情人节，很多人为另一伴准备了情人节礼物，但在七夕节滚床单也是很多情侣对爱的表达方式，而另一种则是欲望的宣洩，它并不一定得是必须发生的行为，毕竟有些人是不赞同婚前性行……恋爱中男生作死的行为既掉价又使女人反感恋爱中男生作死的行为恋爱时期本应该都彼此看对方最为神化的阶段，然而却有一些不经意的行为，即使意乱情迷的热恋期都会显得极为掉价，并惹对方反感。有经历过情感失忆的男人一……孟姓女孩起名古风诗句推荐相信大家应该都知道，对于孟这个姓，相对来说没有那么的普遍，毕竟这样的名字，起名还是很好起的。不过今天，这个孟姓，对于女孩来讲，想要那种古风诗句类型的名字，今天小编就可以给大家分……丽江雪月风花般的浪漫日子从丽江回来后，我许久许久没有从那种状态中恢复过来。虽然已经离开丽江几个月了，但我每天都会忍不住想起身在丽江的时光，还会经意不经意地怀念起记忆中的古城。怀念初到丽江的那段静谧得令……虎皮兰烂叶是怎么回事造成虎皮兰烂叶的原因有多种，如果经常暴晒的话则将植株移到半阴处，或者进行适当遮荫处理，浇水过多应停止停止浇水，春秋季节浇水要充足，冬季逐渐减少，土壤不当应进行换盆一次，重新选择……投放避坑指南仅有的不刷量这两天，朋友圈传得沸沸扬扬的炮轰流量造假的扒皮文，掀起网红带货的盖头一角，笔者结合自己的实践经历，向我们介绍了怎么做一次靠谱的广告投放，避免上当受骗。耐心看完这篇受害者自……流程图和线框图的关系流程图（taskflow）是指用图形语言的方式画出用户在使用这个产品的方法和达到具体功能的步骤。通常会把产品的使用流程作为某些任务去完成，用语言描述出想要达到的目的，每一个步骤……