一觉渴、開始使用模板和動態(tài)面板
我們的注意力將集中在宏觀需求和目前收集的信息熵〗榻伲現(xiàn)在要解決以下一些問題。
* 信息架構(gòu):如何在各個頁面上對信息進(jìn)行組織和被用戶訪問案淋。
* 導(dǎo)航系統(tǒng)主要有哪些座韵?
* 各個頁面通用的公用組件有哪些?
二踢京、第一個線框圖頁面
網(wǎng)站頁面布局設(shè)計基本部分:
* 頁頭
* 主體
* 頁腳
三誉碴、第一個模板:導(dǎo)航系統(tǒng)
Web網(wǎng)站的任何頁面都應(yīng)該讓用戶立刻知道:
* 自己在哪?
* 這個頁面展示的是什么內(nèi)容瓣距?
* 在這個頁面和網(wǎng)站上可以進(jìn)行哪些操作黔帕?
* 網(wǎng)站內(nèi)哪些地方可以進(jìn)行導(dǎo)航?
為了創(chuàng)建公共健康信息網(wǎng)站的導(dǎo)航系統(tǒng)蹈丸,需要進(jìn)一步細(xì)化初識業(yè)務(wù)需求成黄。需求的第一次修改補(bǔ)充如下。
1.在首頁上逻杖,用戶可以瀏覽圖表或設(shè)置參數(shù)奋岁。在第一版中,可以先提供四個主要功能
* 概覽表格
* 地圖
* 趨勢圖表
* 下載
全局導(dǎo)航欄
為了方便訪問網(wǎng)站中的各個功能荸百,需要添加一個所有頁面都會出現(xiàn)的水平導(dǎo)航欄闻伶,即全局導(dǎo)航欄。
四够话、第一個動態(tài)面板
動態(tài)面板是axure原型制作中使用非常頻繁的一個元件蓝翰,主要用途就是實現(xiàn)一些動態(tài)的交互效果。所以女嘲,如果動態(tài)面板使用不熟悉的話霎箍,對axure原型的制作會有很大的影響,那么動態(tài)面板都能做什么呢澡为?主要有以下幾個方面:
* ?隱藏與顯示
* 滑動效果
* 拖動效果
* 多狀態(tài)效果
1.設(shè)置指標(biāo)區(qū)域為動態(tài)面版
選中區(qū)域中所有控件,右鍵選擇“Convert to Dynamic Panel”
2.動態(tài)面板命名
雙擊右下角Widget Manager面板中生成的Dynamic Panel組件(1.)景埃,彈出Dynamic Panel State Manager(動態(tài)面版狀態(tài)管理區(qū))對話框媒至;
在(2.)處文本框為動態(tài)面版取一個有意義的名字顶别,例如DP Indicators,其中DP代表Dynamic Panel拒啰;
3.為動態(tài)面版添加狀態(tài)
點擊(3.)處“+”驯绎,為該動態(tài)面版添加狀態(tài)并命名,例如 S Map谋旦,其中S代表State剩失。
右鍵點擊(4.)處,修改狀態(tài)名稱册着。