第一个线框图页面

作者: binarystar | 来源:发表于2015-06-25 21:35 被阅读364次

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

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

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

    * 导航系统主要有哪些?

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

    二、第一个线框图页面

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

    * 页头

    * 主体

    * 页脚

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

    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.)处,修改状态名称。

    相关文章

      网友评论

        本文标题:第一个线框图页面

        本文链接:https://www.haomeiwen.com/subject/rcjsqttx.html