|
二、軟件主界面與功能
關(guān)閉歡迎界面后，我們進(jìn)入軟件的主界面，淡藍(lán)色調(diào)的ui，并不是很張揚(yáng)。
功能區(qū)1：命令區(qū)，和我們操作的所有office軟件一樣，包含文件、編輯、查看和幫助，這些功能大抵是差不多的。table也很容易理解，就是對(duì)表格編輯的命令。而Axure特有的幾個(gè)特殊的命令欄目是：
a、wireframe：線框，包含所有畫原型線框圖的相關(guān)命令。
b、object：包含所有對(duì)工作區(qū)物體的操作命令，操作放入工作區(qū)的所有widgets，包括組合、排序、鎖定以及腳注命令等。
c、generate：自動(dòng)生成html演示文件、word說明文檔，以及對(duì)生成規(guī)則進(jìn)行自行編輯、定義。
功能區(qū)2：工具欄，基本和office風(fēng)格一模一樣，功能也很容易上手。
功能區(qū)3：工作區(qū)，這就是我們平常操作工具，創(chuàng)建prototype的舞臺(tái)，將自己的構(gòu)思在這里釋放，將自己的想法在這里展現(xiàn)。
工作區(qū)的上部顯示打開的文件名，可同時(shí)打開多文檔，進(jìn)行操作。
功能區(qū)4：站點(diǎn)地圖，Axsure RP創(chuàng)建的文件是模擬真實(shí)網(wǎng)站頁面關(guān)系的，sitemap就是通過樹形目錄關(guān)系，管理所有的站點(diǎn)頁面文件與流程圖文件�？茖W(xué)的文件關(guān)系結(jié)構(gòu)，對(duì)有效的演示文檔與生成易讀的說明文檔相當(dāng)重要。
我的操作習(xí)慣是先畫流程圖，然后根據(jù)流程圖構(gòu)建頁面文件框架，最后才開始頁面的具體設(shè)置。期間可以將文件分為LOFI（低保真）與HIFI（高保真）兩個(gè)部分進(jìn)行分別展示，有利于不同的需求者使用。
功能區(qū)5：器具箱，囤積了所有用來畫wireframe與流程圖的對(duì)象。我們可以通過拖拽的方式將小圖形放入工作區(qū)，進(jìn)行操作。對(duì)于這里面的對(duì)象，我們有必要一一詳細(xì)了解。
功能區(qū)6：復(fù)用模塊區(qū)，這里創(chuàng)建的頁面文件和sitemap的頁面相似，唯一不同的是，master的每個(gè)文件，可以當(dāng)作一個(gè)整體，被sitemap反復(fù)調(diào)用。這個(gè)功能就相當(dāng)于程序開發(fā)中的程序復(fù)用，用好這個(gè)功能，可以減少我們很大一部的工作量。也更容易理解網(wǎng)頁文件的關(guān)系，了解網(wǎng)頁設(shè)計(jì)師、程序員是怎么構(gòu)建網(wǎng)站的頁面的。
功能區(qū)7：頁面筆記，用來對(duì)當(dāng)前創(chuàng)作頁面進(jìn)行注釋與說明。同時(shí)可以在這里對(duì)頁面里的關(guān)鍵字段和特殊問題進(jìn)行詳細(xì)的描述。
功能區(qū)8：頁面載入時(shí)的交互功能。通過在這里設(shè)置，不同條件下，頁面初次打開時(shí)的狀況。
功能區(qū)9：注釋與交互區(qū)。這個(gè)注釋和交互和7、8不同，7、8針對(duì)的是頁面，而9針對(duì)的是頁面中的元素，也就是一個(gè)個(gè)widgets。
功能區(qū)的上面部分設(shè)置交互條件。通過鼠標(biāo)點(diǎn)擊、滑入、滑出，設(shè)置觸發(fā)的事件，與對(duì)應(yīng)widgets相應(yīng)的變化。這一部分對(duì)沒有程序基礎(chǔ)的人可能會(huì)有一點(diǎn)難度，我稍后會(huì)做詳細(xì)解釋。
功能區(qū)的下面部分是注釋部分，用戶可以對(duì)選定的對(duì)象進(jìn)行詳細(xì)的注釋。Axure已經(jīng)設(shè)置了幾個(gè)默認(rèn)的注釋字段，但是其實(shí)這些默認(rèn)的注釋字段，大家完全可以不使用，因?yàn)樗赡芎湍阋f明的東西風(fēng)馬牛不相及。
那么該怎么辦呢？Axure提供了自主設(shè)置字段，只要你自己設(shè)置好自己常用的字段，然后按照自己的習(xí)慣編寫就可以了。比如說你要說明對(duì)象的功能、優(yōu)先級(jí)、參數(shù)，那么你在設(shè)置中加入這三個(gè)字段就好了。Axure最大的優(yōu)勢(shì)就是你設(shè)置的這些注釋，在生成說明文檔時(shí)，Axure自動(dòng)幫你生成PRD規(guī)格的表格文檔，你可以省去相當(dāng)大的編號(hào)工作，與文檔工作。這些我在之后也會(huì)做說明。
這些就是Axure的主要功能區(qū)，但是其實(shí)還有兩個(gè)小的角落大家可能會(huì)忽略，那就是6、7、8區(qū)下面的一行系統(tǒng)信息，這里顯示的信息很重要，但是一般人卻經(jīng)常會(huì)忽視。我只所以說重要，因?yàn)槲覀冊(cè)诮oui設(shè)計(jì)師wireframe的時(shí)候他們總會(huì)問，這里多少像素，那里多少像素，可是我們?cè)诋媤ireframe的時(shí)候卻無法度量。Axure創(chuàng)建的wireframe，完全可以生成html，因此我們可以在畫的時(shí)候就度量好每個(gè)像素距離。但是我們要怎么做呢？這就需要利用到下面這行小信息欄了。
信息欄左邊顯示的是文檔保存情況。而右邊呢，當(dāng)你將一個(gè)widgets放入工作區(qū)，并選擇這個(gè)widget時(shí)，這里就有用了，它顯示的是你所選擇widget的高寬，以及距離頁面頂部和左邊的px距離。通過使用上下左右鍵，結(jié)合這個(gè)信息欄，你可以一步一步將它移動(dòng)到你想去的地方。有意思吧？
本文鏈接：http://www.95time.cn/design/doc/2008/6244.asp 
出處：2tan.net
責(zé)任編輯：moby
上一頁 界面與功能 [1] 下一頁
|
第 1 頁 
第 2 頁 界面與功能 [2]
