官术网_书友最值得收藏!

1.5 Axure RP的特色功能

Axure RP有四大特色,分別如下。

1.5.1 概念圖+設(shè)計(jì)【Sketch+Design】

1.即可粗略設(shè)計(jì),也可精細(xì)設(shè)計(jì)的工具【Tools for quick and dirty or polished designs】

在Axure RP中,僅僅使用方塊、占位符、形狀和文本、可以讓你飛快地制作出漂亮的線框圖。當(dāng)你做好準(zhǔn)備進(jìn)行更加精細(xì)地視覺美化的時(shí)候,你可以加上顏色、漸變、半透明填充、導(dǎo)入圖片、使用網(wǎng)格和參考線進(jìn)行精確定位,或者在其他工具(比如Photoshop,Illustrator等)的幫助下使你的項(xiàng)目達(dá)到你需要的合理的真實(shí)程度(Fidelity)。

如下圖所示,第一張是比較粗略的線框圖(Wireframe Prototype),第二張是視覺美化之后的高保真原型圖(High-Fidelity Prototype)。他們都算作是原型,只是真實(shí)程度(Fidelity)不同。我們?cè)诒緯校瑫?huì)主要關(guān)注高保真原型圖的制作。大家學(xué)會(huì)了制作高保真的,自然制作低保真的就水到渠成了。

2.能夠隨時(shí)地切換到手繪草圖的效果【Switch to a sketch,hand drawn feel instantly】

現(xiàn)在你可以在項(xiàng)目的任何階段,隨時(shí)地通過(guò)調(diào)整精細(xì)度(Sketchiness)來(lái)將原型圖修改為灰度的、手繪的效果。客戶可能會(huì)因?yàn)檫@種原生態(tài)的感覺而喜歡上它。并且通過(guò)這種方式,你可以免去用戶不必要的期待,讓他們專注于功能、內(nèi)容和互動(dòng)(而不是顏色,圓角還是直角,透明還是不透明),如下圖所示。

上圖就是將精細(xì)度設(shè)置得比較低的時(shí)候,線框圖的效果。大家可以看到,Axure RP會(huì)自動(dòng)地將矩形的邊框變得崎嶇不平,從而展現(xiàn)一種手繪的效果。大家可能還不是很清楚,那么我們?cè)倥e一個(gè)例子。

我們?cè)贏xure RP中新建一個(gè)項(xiàng)目,然后拖曳一個(gè)矩形部件到頁(yè)面區(qū)域中(大家可能還不太熟悉這個(gè)流程,不過(guò)沒有關(guān)系,之后我們會(huì)詳細(xì)介紹),現(xiàn)在這個(gè)矩形部件看起來(lái)是這個(gè)樣子的,如下圖所示。(一點(diǎn)兒也不意外,對(duì)嗎)

然后,我們?cè)陧?yè)面屬性區(qū)域的Page Formatting選項(xiàng)卡中找到Sketch Effects選項(xiàng)區(qū)域,如下圖所示。

然后將其中的Sketchiness滑動(dòng)桿的值向右設(shè)置為45。這個(gè)時(shí)候我們?cè)倏纯磩偛诺哪莻€(gè)矩形部件,已經(jīng)被“蹂躪”成這個(gè)樣子了,如下圖(左)所示。

如果你把Sketchiness設(shè)置為100,那么就進(jìn)一步變成了如下圖(右)所示。

當(dāng)然,你可以把它變回去!

3.幾分鐘內(nèi)快速上手并且每天都能夠變得更快【Start in minutes and get faster every day】

從你使用Axure RP的第一天開始,Axure RP經(jīng)典的圖形工作環(huán)境(非常類似于我們熟悉的Windows界面和Office界面),如下圖所示。行內(nèi)文本編輯和超過(guò)50種的鍵盤快捷鍵就能夠讓你高效地工作。當(dāng)你開始熟悉選擇模式,部件樣式和動(dòng)態(tài)面板管理器這些功能之后,你的效率將與日俱增。

4.使用主部件,可以做到“一處修改,處處更新”【Change one,update everywhere with masters】

如下圖所示。使用主部件【Masters】來(lái)制作那些需要重復(fù)使用的部分,比如網(wǎng)站的頭部【Headers】,尾部【Footers】或者其他模板【Template】。一旦主部件被更新了,那么所有此主部件的副本都將自動(dòng)被更新。你可以盡你所需在頁(yè)面中使用Masters,甚至可以在Masters中再次使用Masters從而獲得最大的復(fù)用性。

5.部件庫(kù)讓你大踏步地開始【W(wǎng)idget libraries to jump start your projects】

下載那些發(fā)布的或者其他客戶分享的部件庫(kù)到你的Axure RP部件庫(kù)中,或者創(chuàng)建你自己獨(dú)一無(wú)二的部件庫(kù)吧。加入你自己的圖標(biāo)、商標(biāo)、品牌元素或者設(shè)計(jì)模式,如下圖所示。

Axure RP的開發(fā)者社區(qū)提供了大量的部件庫(kù),廣告行業(yè)使用的,iPhone的,Android的。部件庫(kù)就像是PowerPoint的模板一樣,能夠讓用戶迅速地開始原型的創(chuàng)作。

1.5.2 互動(dòng)

1.不僅僅是點(diǎn)擊這么簡(jiǎn)單

你可以非常容易地創(chuàng)建簡(jiǎn)單的點(diǎn)擊流網(wǎng)頁(yè),也可以使用條件邏輯、動(dòng)態(tài)內(nèi)容、動(dòng)畫、拖放、計(jì)算來(lái)創(chuàng)建高級(jí)功能豐富的原型。你并不一定要?jiǎng)?chuàng)建高保真的原型,但是如果需要,你就可以很容易地把你的設(shè)計(jì)上升到新的高度,讓你能夠更加方便地評(píng)估,獲得用戶反饋以及用戶測(cè)試。使用Axure RP,你可以很容易地創(chuàng)建目前市面上常見的網(wǎng)頁(yè)上的幾乎所有的基于CSS、JavaScript和Ajax的交互動(dòng)態(tài)功能。比如下面這個(gè)功能,就是著名圖片分享網(wǎng)站Flickr的一個(gè)功能。

2.無(wú)需編程知識(shí),所見即所得

選擇一個(gè)事件,比如OnClick【點(diǎn)擊】、OnMouseEnter【鼠標(biāo)懸停】或者OnKeyUp【按鍵彈起】,然后選擇一個(gè)用例并且選擇動(dòng)作,比如Open Link【打開鏈接】、Set Widget Value【設(shè)置部件值】或者Show Panel【顯示面板】。最后為動(dòng)作設(shè)定選擇參數(shù),就完成了。一旦你掌握了這個(gè)訣竅,你會(huì)驚訝于你能做的,并且為居然能夠如此快速地實(shí)現(xiàn)功能而感到驚嘆。

在Axure RP中,完全不懂代碼的人經(jīng)過(guò)一定的學(xué)習(xí)也可以完成簡(jiǎn)單的網(wǎng)頁(yè)互動(dòng)功能,而這些功能原本是需要對(duì)CSS、HTML、JavaScript熟練掌握的工程師才可以做到的。雖然我建議互聯(lián)網(wǎng)的從業(yè)者多少都要懂一些代碼,但是這種便捷性能夠極大地簡(jiǎn)化我們的工作。比如說(shuō)我們對(duì)著一個(gè)PowerPoint上的頁(yè)面截圖說(shuō)“這里可以點(diǎn)擊,這里可以拖曳”,這樣的效果就完全沒有我們真正地在頁(yè)面上進(jìn)行點(diǎn)擊和拖曳來(lái)得直接和生動(dòng),如下圖所示。

3.一鍵點(diǎn)擊生成HTML代碼,無(wú)需瀏覽器

單擊一個(gè)按鈕,Axure RP會(huì)立刻將你的設(shè)計(jì)生成基于HTML代碼和JavaScript代碼的原型,并且該原型可以在Internet Explorer、Safari、Firefox或者Chrome中瀏覽,如下圖所示。決策者、開發(fā)者和測(cè)試人員可以查看,并且與頁(yè)面進(jìn)行互動(dòng)而無(wú)須安裝Axure RP或者特定的瀏覽器。你可以把你的文檔發(fā)布到網(wǎng)絡(luò)上,或者在http://share.axure.com上進(jìn)行分享。

4.你的原型就是你的品牌

它是你的網(wǎng)站原型,那么就應(yīng)該是你的品牌。所以你的客戶應(yīng)該在原型中看到你的Logo而不是Axure RP的Logo。因此,你可以添加Logo圖片和標(biāo)題到你的原型中,如下圖所示。

1.5.3 文檔

1.部件注釋和頁(yè)面說(shuō)明

如下圖所示,你可以對(duì)部件和頁(yè)面添加說(shuō)明從而更好地解釋背景情況和詳細(xì)的描述功能。注釋應(yīng)按照自定義的字段進(jìn)行組織,以便于更好地管理信息和使文檔標(biāo)準(zhǔn)化。頁(yè)面說(shuō)明還可以針對(duì)不同的受眾分成不同的類別。

2.強(qiáng)大的,可自定義的Word文檔生成器

Axure RP可以生成自定義頁(yè)頭、頁(yè)腳、標(biāo)題頁(yè)和標(biāo)題樣式的Word文檔模板,你可以選擇是一欄顯示還是兩欄顯示,設(shè)定截圖、注釋和頁(yè)面說(shuō)明的順序,然后,點(diǎn)擊一個(gè)按鈕就可以立刻生成自定義規(guī)格說(shuō)明,隨時(shí)可用,并且可以隨每次升級(jí)而自動(dòng)更新,如下圖所示。

3.導(dǎo)出所有文檔

Axure RP不僅僅可以導(dǎo)出所有的部件注釋和頁(yè)面說(shuō)明,還可以將部件的一些值,比如列表部件或者下拉類別部件中的所有供選擇的值,導(dǎo)出為Word文檔。你可以隨時(shí)選擇是要導(dǎo)出那些有注釋的部件還是所有的部件,如下圖所示。

4.通過(guò)過(guò)濾器將注釋分類,然后導(dǎo)出為不同的文檔

我們可以通過(guò)設(shè)定過(guò)濾器的方式,根據(jù)注釋中的不同值,將不同值的注釋分別導(dǎo)出。這一功能可以使你在跟蹤某個(gè)特定的版本或者在注釋中更改了需求時(shí),可以僅僅導(dǎo)出某個(gè)版本或者某個(gè)變化后的注釋,如下圖所示。

1.5.4 合作

1.在設(shè)計(jì)團(tuán)隊(duì)中共享項(xiàng)目

使用共享項(xiàng)目以便于在所有成員間同步工作。Axure RP會(huì)保留所有的工作歷史記錄,并且如果需要的話,還可以導(dǎo)出之前版本的項(xiàng)目文檔。使用一個(gè)共享的網(wǎng)絡(luò)目錄以便于建立共享項(xiàng)目。或者在一個(gè)SVN服務(wù)器上創(chuàng)建一個(gè)項(xiàng)目。最棒的地方就是,所有的這些都是免費(fèi)的,如下圖所示。

2.Axure Share共享你的項(xiàng)目并且獲得反饋

只需要單擊一個(gè)按鈕,Axure RP就可以把你的設(shè)計(jì)生成為由HTML、JavaScript組成的原型,并且可以在IE、Firefox、Safari和Chrome當(dāng)中瀏覽。相關(guān)利益者、開發(fā)者、測(cè)試者可以立刻看到并且開始互動(dòng)。他們甚至都不需要安裝Axure RP和任何播放器。你可以把你的原型發(fā)布到網(wǎng)絡(luò)存儲(chǔ),網(wǎng)站服務(wù)器和Axure Share——一個(gè)由Axure提供的網(wǎng)絡(luò)發(fā)布空間,如下圖所示。

主站蜘蛛池模板: 蛟河市| 连南| 偏关县| 方正县| 乌拉特中旗| 霸州市| 郑州市| 贡山| 绩溪县| 临高县| 旅游| 吉安市| 成安县| 常熟市| 永胜县| 巍山| 顺义区| 探索| 阜城县| 布尔津县| 藁城市| 马公市| 大名县| 铜山县| 永嘉县| 根河市| 崇信县| 拉孜县| 体育| 都江堰市| 吴旗县| 南城县| 德江县| 嘉兴市| 双峰县| 临朐县| 通渭县| 文水县| 二连浩特市| 从化市| 三亚市|