一. 流程图符号意义
1. 流程图符号
（1）矩形
作用：一般标示要执行的处理（Process），在流程图中用作执行。
（2）圆角矩形或者扁圆
作用：表示程序的开始或者结束，在程序流程图中用作开始框或者结束框。
（3）斜角矩形
作用：表示数据，其中可注明数据名、来源、用途或放置其他的文字说明。
（4）菱形
作用：表示决策或判断（例如 If、Then、Else），在程序流程图中用作判别框。
（5）文件
作用：表示为一个文件，可以是生成的文件或是调用的文件，需要自己根据实际情况作解释。
（6）括弧
作用：注释或者说明：可以用作条件叙述、一般流程到某一位置，需作一段执行说明，或者有特殊行为时会用到它。
（7）半圆形
作用：在使用中常作为流程页面跳转、流程跳转的标记。
（8）三角形
作用：控制传递，一般和线条结合使用，表明数据传递方向。
（9）梯形
作用：一般用作手动操作。
（10）椭圆形或圆形
作用：如果画小圆，一般用来表示按顺序数据的流程。如果是画椭圆形，通常用作流程的结束。如果是在Use case用例图中，椭圆就是一个用例了。
（11）六边形
作用：表示准备之意，通常用作流程的起始，类似开始框。
（12）平行四边形
作用：一般表示数据，或确定的数据处理，或者表示资料输入（Input）
（13）角色
作用：来自于Use case 用例，模拟流程中执行操作的角色。需要注意的是角色并非一定是人，有时候是机器自动执行，有时候也可以是模拟一个系统管理。
（14）数据库
作用：指保存网站数据的数据库
（15）图片
作用：表示一张图片，或者置入一个已经画好的图片、流程或者一个环境。
2.其他符号
（1）直线
直线表示控制的流线，可以加箭头表示流向，也可以自定义。
（2）虚线
虚线用于表明被注解的范围或链接被注解部分与注解正文
（3）省略号
若流程图中有些部分无需给出符号的具体形式和数量，可用三点构成的省略号
（4）并行方式
一对平行线表示同步进行两个或两个以上并行方式的操作。
二. 手势与标签
一般来说，同一张流程图上会有很多标注，如果在注解中写不下，可以用彩色小标签编上数字，然后在专门的注释中，在对应的编号数字里把注释说明文字补全。
手指与屏幕的交互方式如图所示：
三. 网站线框图的信息层级
网站顶部的全局导航，左侧的二级导航，一级模块的局部导航，构成一个三维的、有逻辑联系的信息架构。
四. APP信息层级
一个APP通常从启动器图标进入（也有可能是其他着陆页），通过启动页，然后就到了首页或者导航页。
而页面上也会有导航、内容不同板块、Bar条等模块，不同模块的信息级别都不同。每个模块的层级及位置都有讲究，我们在设计时，也要考虑到常用功能应放到容易找到的位置，重要功能应做的比较醒目一些，内容也要注意布局的合理，应适合与当前模块的信息表达。
通常一个页面必然会有一个最重要的任务功能模块，设计师需要在线框布局和界面用色造型方面着重强调！流程线框卡片有助于设计师完成这项工作。若不想选用这套卡片，我们也可以通过AI和Axure等软件绘制适合自己的流程现况卡片。
评论0