流程图（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：

给妈妈颁奖那天下午，我呆在家里，忐忑不安地等着老妈下班回家。虽然这种情况经常发生，但没有一回像今天这样急切却又紧张。我不由再次把目光瞄向了桌子，上面平摊着一张奖状，并不是我自己的，而是准……蜕变正如毛毛虫能够破茧成蝶一样，我们人也会经历这样的蜕变。一开始，我们在妈妈的肚子里，从一个细胞开始慢慢成长，直到满十个月，妈妈把我们生了出来。在还未长大的时候，妈妈每天都既……山地越野我和爸爸一起去山里越野。一起去的还有九位爸爸的朋友。爸爸把车子开到一个叫牛头山的地方。我一看，心想：噫。这里不是公路吗？爸爸拐了一个弯开到了一条的上山路上。这时我有点想睡……赏西湖美景夏日里的周末，爸爸带我去西湖游玩，一听到玩，我高兴地一蹦三尺高，大喊：万岁！我又可以出去玩喽！我牵着爸爸的手来到了美丽的西湖，在那里荷花盛开，杨柳依依，绿树成阴。我们一边……让心灵在书中徜徉沉浸在书香中，让心灵在书的哺育下绽放，就像土壤中生长的花朵一样。让心灵在书中绽放，书无疑是人类的精神食粮。没有书，人的大脑就会变得空虚和无力；有了书，才会使我们的精神变得……过大年鸟初啼，花初盛。梅香似幽幽浓浓的空气，在街头散发出迷人的香气。当七点的钟声响起，久久回荡于村中，震撼了每个人的鼓膜。我也一下醒过来了，啪地一声，重重跳在木板上，急急忙忙穿……续写带上她的眼睛在地心中，有一首曲子《月光》在荡漾，没错，是她打破了寂静的环境与这可恶的气氛。虽然她已适应了这地心只有十立方米的生活，但在这闷热的环境中，她过得十分的艰苦。这里除了她没有……怀揣梦想快乐成长什么是快乐？农民说：庄稼快点成熟，就是快乐。老师说：学生取得优异的成绩，就是快乐。司机说：把乘客安全地送到目的地，就是快乐。我的快乐就是跳舞，成为一名优秀的舞蹈家，站在国际舞台……花椒加一物被称为天然泻药连喝天宿要知道我们的中医文化可以算得上是世界闻名的，尤其是《本草纲目》大家可能会无人，不知无人不晓。花椒在我们厨房当中以及中药材里边都会有频率较高的出现身影大家可能都会离不了它，但是在……这才是诊脉的奥秘左手脉主血右手脉主气黄帝内经之阴阳别论1大家好，脉诊是一个大家都想学习和了解的中医内容，望闻问切中只有切是相对来说比较不容易掌握的，因为切脉需要长时间的积累，不可能通过看一个文章，一段视频就……如何识别并治疗皮肤癣在本文中：识别皮肤癣的症状在家治疗就医治疗预防皮肤癣30参考皮肤癣或体癣是一种真菌感染，并非蠕虫造成的。身体任何部位都可能出现这种环形皮疹，并引起发痒和泛红。要是情况轻微……招从此不再赖床很多人都有晚上不睡，早上不起的现象。这都是生物钟没有调过来的原因。那么，如何来调节生物钟？有什么方法可以让你每天早上能轻轻松松的起床？一起来看下文章怎么说。1。让自己打起……