产品设计|交互设计师必备知识 03

一. 流程图符号意义

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

评论0

站点公告

 

AI创作与绘画大师,国内版chatGPT在线版本免费使用哦

点击打开: https://ai.uiya.cn

   
显示验证码
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码