2018-7-24 藍(lán)藍(lán)設(shè)計(jì)的小編
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
版權(quán)申明:本文原創(chuàng)作者人人都是產(chǎn)品經(jīng)理,感謝人人都是產(chǎn)品經(jīng)理的原創(chuàng)經(jīng)驗(yàn)分享!致敬哈
提到Axure,這可是絕大多數(shù)PM童鞋靠著吃飯的家伙事兒。Axure被很多人定義為一個(gè)以交互見長的原型設(shè)計(jì)工具。很多初入坑甚至入坑甚久的PM為畫出炫酷的原型挖空了心思。我想這對(duì)Axure的初衷一定是有誤解。
先來看看百度百科對(duì)Axure的定義:
Axure RP是美國Axure Software Solution公司旗艦產(chǎn)品,是一個(gè)專業(yè)的快速原型設(shè)計(jì)工具,讓負(fù)責(zé)定義需求和規(guī)格、設(shè)計(jì)功能和界面的專家能夠快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線框圖、流程圖、原型和規(guī)格說明文檔。作為專業(yè)的原型設(shè)計(jì)工具,它能快速、的創(chuàng)建原型,同時(shí)支持多人協(xié)作設(shè)計(jì)和版本控制管理。
由此歸納出,Axure更應(yīng)該是一個(gè)文檔工具。它擁有豐富的卻被很多PM忽視的文檔撰寫功能?;蛟S因?yàn)楦≡甑氖袌?chǎng)導(dǎo)向,致使很多PM片面的將Axure當(dāng)作交互工具來用,甚至模糊了產(chǎn)品工作的邊界,為了堆砌而堆砌,反而顯得很不專業(yè)。
作者總結(jié)以下非交互功能,希望可以拋磚引玉。如果還可以引發(fā)大家對(duì)Axure文檔功能的重視,便再好不過了。
越來越多的PM開始用Axure來寫PRD,但行內(nèi)并不存在約定成俗的文檔規(guī)范。作者目前為止見過的Axure版PRD中,大部分采用原型+旁邊文字標(biāo)注的方法來表達(dá)產(chǎn)品邏輯。其實(shí),notes才是Axure官方推薦的邏輯標(biāo)注方式。
Axure官網(wǎng)對(duì)notes的介紹:
控件注釋和頁面注釋是與控件和頁面關(guān)聯(lián)的文本元數(shù)據(jù)。它們可以用來記錄規(guī)范,將控件和頁面與項(xiàng)目需求、文檔更改、以及與團(tuán)隊(duì)成員進(jìn)行溝通。注釋字段可以被命名,有一些不同類型的注釋字段可采用文本、選擇列表、數(shù)字和日期,而頁面只有文本類型注釋字段。
首先選中要準(zhǔn)備標(biāo)注的控件,然后在右側(cè)檢視器的notes(漢化為說明)選項(xiàng)卡中進(jìn)行文本輸入。
點(diǎn)擊「自定義字段」可以添加更多的字段類型,以便規(guī)范條理進(jìn)行邏輯注釋。
有兩種方式可以展示注釋,一種是選擇側(cè)邊欄的NOTES選項(xiàng)卡,另一種是點(diǎn)擊有添加注釋的控件右上角藍(lán)色的腳注圖標(biāo)即可展示。
Axure被一些童鞋吐槽的很大一部分原因是「無」團(tuán)隊(duì)協(xié)作功能,以至于很多童鞋狠心拋棄Axure轉(zhuǎn)向了新生代的墨刀此類的協(xié)作功能突出的原型工具。其實(shí),Axure很早已經(jīng)具備了協(xié)同工作和在線發(fā)布的能力,只是由于操作門檻相對(duì)較高而已。
這個(gè)功能大家可以配合Axhub這個(gè)網(wǎng)站使用,操作門檻會(huì)被極大程度的降低。
Axure支持將原型文件一鍵上傳到自己的SVN空間中,可以實(shí)時(shí)預(yù)覽。首先選擇「團(tuán)隊(duì)」,再選擇「從當(dāng)前文件創(chuàng)建團(tuán)隊(duì)項(xiàng)目」。
在SVN選項(xiàng)卡中輸入自己的SVN地址即可提交上傳。
基于上面提到的團(tuán)隊(duì)協(xié)作功能,用戶每次提交的更新Axure都會(huì)有詳細(xì)的更改記錄。
操作路徑為:「團(tuán)隊(duì)」然后「瀏覽團(tuán)隊(duì)項(xiàng)目歷史記錄」。
在樣式選項(xiàng)卡一欄,有草圖/頁面效果功能,可以設(shè)置手繪風(fēng)格的「扭曲度」,默認(rèn)是0,數(shù)字越大畫出的線越扭曲。線框圖瞬間變?yōu)槭掷L風(fēng)格。
草圖效果:
很簡(jiǎn)單,把生成的html文件的第一個(gè)頁面名稱改成index,然后把文件夾里所有的start相關(guān)的頁面全部刪除掉就可以了。
無導(dǎo)航欄的預(yù)覽效果:
一站式流程圖功能,從此告別第三方流程圖工具,極大節(jié)約時(shí)間成本。Axure的V8.1.0.3352版本將之前的19個(gè)流程圖圖標(biāo)增加到了37個(gè),甚至有技術(shù)層面的圖標(biāo)類型可供調(diào)用。
更新后的圖標(biāo)庫:
先選擇「頁面快照」元件,點(diǎn)擊快照可以引用任何一個(gè)頁面,以此來繪制頁面流程圖。在預(yù)覽模式中,點(diǎn)擊快照可以快速定位到所引用的頁面。
在需要生成流程圖的頁面組上右鍵,選擇「生成流程圖」,頁面流程圖就生成了。
生成的頁面流程圖:
點(diǎn)擊「發(fā)布」,「生成html文件」。
然后選擇「標(biāo)志」,便可以導(dǎo)入你的logo圖片以供在預(yù)覽原型時(shí)展示。
預(yù)覽后展示的LOGO:
在原型設(shè)計(jì)繪制過程中經(jīng)常需要對(duì)齊,通過在左側(cè)或上部的標(biāo)尺上點(diǎn)擊并拖動(dòng),便可拉出一條輔助線。
以上也只是一部分,畢竟Axure已經(jīng)走過16個(gè)年頭,肯定隱藏很多我們未挖掘出來的長尾功能。如果大家有用到作者未提到的貼心功能,不妨留言,互相學(xué)習(xí)。
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
相關(guān)文章:
------------------
創(chuàng)意設(shè)計(jì)的方法—無窮關(guān)聯(lián)法
UI設(shè)計(jì)師的日?!猆I設(shè)計(jì)師平常都干些什么
幫助您做出漂亮版式設(shè)計(jì)的八個(gè)實(shí)用技巧
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com