从零到一产品路产品相关图例原型

第一个线框图页面

2015-06-25  本文已影响364人  binarystar

一、开始使用模板和动态面板

我们的注意力将集中在宏观需求和目前收集的信息熵。现在要解决以下一些问题。

* 信息架构:如何在各个页面上对信息进行组织和被用户访问。

* 导航系统主要有哪些?

* 各个页面通用的公用组件有哪些?

二、第一个线框图页面

网站页面布局设计基本部分:

* 页头

* 主体

* 页脚

三、第一个模板:导航系统

Web网站的任何页面都应该让用户立刻知道:

* 自己在哪?

* 这个页面展示的是什么内容?

* 在这个页面和网站上可以进行哪些操作?

* 网站内哪些地方可以进行导航?

为了创建公共健康信息网站的导航系统,需要进一步细化初识业务需求。需求的第一次修改补充如下。

1.在首页上,用户可以浏览图表或设置参数。在第一版中,可以先提供四个主要功能

* 概览表格

* 地图

* 趋势图表

* 下载

全局导航栏

为了方便访问网站中的各个功能,需要添加一个所有页面都会出现的水平导航栏,即全局导航栏。

四、第一个动态面板

动态面板是axure原型制作中使用非常频繁的一个元件,主要用途就是实现一些动态的交互效果。所以,如果动态面板使用不熟悉的话,对axure原型的制作会有很大的影响,那么动态面板都能做什么呢?主要有以下几个方面:

*  隐藏与显示

* 滑动效果

* 拖动效果

* 多状态效果

1.设置指标区域为动态面版

选中区域中所有控件,右键选择“Convert to Dynamic Panel”

2.动态面板命名

双击右下角Widget Manager面板中生成的Dynamic Panel组件(1.),弹出Dynamic Panel State Manager(动态面版状态管理区)对话框;

在(2.)处文本框为动态面版取一个有意义的名字,例如DP Indicators,其中DP代表Dynamic Panel;

3.为动态面版添加状态

点击(3.)处“+”,为该动态面版添加状态并命名,例如 S Map,其中S代表State。

右键点击(4.)处,修改状态名称。

上一篇下一篇

猜你喜欢

热点阅读