第一个线框图页面

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

相关文章

  • 第一个线框图页面

    一、开始使用模板和动态面板 我们的注意力将集中在宏观需求和目前收集的信息熵。现在要解决以下一些问题。 * 信息架构...

  • Axure 画简单的线框图

    昨天开始学Axure,成果是做了一个简单的线框图。见下图。 左边是自己制作的简单的微信朋友圈页面的线框图,比较粗糙...

  • 产品经理你的线框图还可以这样画

    产品经理离不开线框图,就像程序员离不开代码。线框图就像是某个建筑的图纸,不但包含了产品的主要功能,还同时包含了页面...

  • Axure如何画出页面的线框图

    我们在设计产品的时候,就好比微信,由很多个可滑动的页面组成,而每个页面中存在的线框图也需要一个一个去进行设计。我们...

  • HTML基础-01-头部(<head><title>< base

    1. 简单应用 1.1 第一个页面 1.2 注释 1.3 水平线 < hr > 2. 头部 < head > 2....

  • 哈哈哈哈哈

    TODO 通知中心的线框图 搜索的线框图 看单的线框图 图标的大小和色彩 个人主页的线框图 话题模块

  • Axure探秘

    一、辅助线 全局辅助线作用于站点中所有页面,包括新建页面。 页面辅助线只作用于当前页面 自适应视图辅助线只显示在用...

  • 如何使用Axure规范的画出页面的线框图

    每个APP原型都是由一个个页面组成,那么每个页面的线框图该如何通过Axure的画出来呢?我希望通过这篇文章,让刚入...

  • 初识Axure

    1.认识Axure界面 工作区:创建线框图的主要区域(也称为画布) 站点地图:用于创建和管理页面。 组件:它是组件...

  • dom 操作

    框图。

网友评论

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

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