1 放在前面說的話（前言..）
1.1 學(xué)習(xí)Axure目的
為什么要學(xué)Axure？
作為一個(gè)產(chǎn)品需求提出者，你需要一個(gè)可視化的界面來直觀地表達(dá)你所想要達(dá)到的效果；
作為一個(gè)產(chǎn)出者，你可以設(shè)計(jì)一個(gè)平臺來承載你的產(chǎn)出成果，它可以將你腦海中的一個(gè)無形的概念/想法，通過線框圖躍然紙(ping mu)上，讓他人可以通過視覺直觀地理解你的想法和創(chuàng)意。
另外，只要有過微軟系列等產(chǎn)品使用經(jīng)驗(yàn)的人，對Axure都會(huì)容易上手。
由于工作需要，我接觸了Axure，在自學(xué)過程中設(shè)計(jì)了多個(gè)產(chǎn)品原型，并在自學(xué)和設(shè)計(jì)中總結(jié)出一些學(xué)習(xí)經(jīng)驗(yàn)，在這里分享給大家。
1.2 目標(biāo)：學(xué)會(huì)20%的功能，滿足80%的日常使用
本系列的目標(biāo)是：學(xué)會(huì)20%的功能，滿足80%的日常使用。就像你不必背下新華詞典，才會(huì)知道如何說話。
一開始自學(xué)時(shí)，嘗試過閱讀Axure相應(yīng)的工具書，枯燥得讓人打瞌睡；嘗試過觀看關(guān)于功能點(diǎn)的教學(xué)視頻，也因過于乏味而沒有堅(jiān)持下去。后來是通過直接實(shí)戰(zhàn)，并且結(jié)合搜索引擎的充分使用，才得以將其靈活運(yùn)用。
本系列我會(huì)將每次制作原型都會(huì)使用到的功能點(diǎn)，結(jié)合小案例進(jìn)行說明和介紹，即可在實(shí)際操作中快速理解并使用相應(yīng)的功能。只要學(xué)會(huì)應(yīng)用這20%的功能，就可以快速地制作一個(gè)屬于自己的原型了。
當(dāng)然了，由于體會(huì)到了Axure帶來的便捷，我還利用Axure來制作流程圖、進(jìn)行p圖（快捷且簡易地...）等操作。
1.3 介紹
當(dāng)前我了解到的網(wǎng)絡(luò)上對Axure8的介紹會(huì)比較多，而 Axure rp 9 的界面及功能位置都與Axure8不太一樣，而后期對于Axure的介紹及分享，是基于 Axure rp 9，所以還沒下載的胖友們要注意看看版本。
官網(wǎng)：Axure.com
破解/漢化的渠道就度娘吧。
1.3.1 主界面
1.3.1.1 整體界面介紹
下圖為 Axure RP 9 的工作界面截圖：
將其劃分為6個(gè)區(qū)域：
- 區(qū)域1: 工具欄
- 區(qū)域2: 頁面及元件的明細(xì)
- 區(qū)域3: 元件庫及母版管理
- 區(qū)域4: 樣式、交互設(shè)計(jì)及備注管理
- 區(qū)域5: 預(yù)覽、分享管理
- 區(qū)域6: 畫布
1.3.1.2 區(qū)域1：工具欄區(qū)域
工具欄里展示的是該軟件的一些工具和命令，一些常用的命令展示在外面，如：
- cut、copy、paste：剪切、復(fù)制、拷貝
- selection mode：選擇模式（Select Intersected 和Select Contained）
- select intersected：當(dāng)你按住鼠標(biāo)左鍵拖動(dòng)選擇時(shí)，只要元件任意一個(gè)部位在選擇范圍內(nèi)的元件都會(huì)被選中
- select contained：當(dāng)你按住鼠標(biāo)左鍵拖動(dòng)選擇時(shí)，只有元件所有部位都在選擇范圍內(nèi)的元件都會(huì)被選中
- insert：插入（畫筆、形狀、線條、文本等）
- 置頂、置底、組合、對齊
- 底部-文本的樣式設(shè)置：字體、大小、粗細(xì)、居中、顏色、邊線、坐標(biāo)、像素等
以上操作都較為普遍，稍微看一下混個(gè)眼熟即可。
1.3.1.3 區(qū)域2：頁面及元件的明細(xì)區(qū)域
區(qū)域2是展示你的當(dāng)前文件的頁面情況及你每個(gè)頁面使用的元件情況。
- PAGES：
默認(rèn)打開就是一個(gè)頁面，可以按需新增頁面以及新增文件夾來歸置頁面。初期使用一個(gè)頁面足矣。
- OUTLINE:
outline展示的是你當(dāng)前頁面使用的元件列表。如果你有兩個(gè)頁面，當(dāng)你雙擊進(jìn)入了page2，則outline展示的是page2的元件列表。
下圖我使用了一個(gè)矩形元件和一個(gè)橢圓元件，則outline展示了這兩個(gè)元件列表，并且體現(xiàn)了這兩個(gè)元件的前后順序。這個(gè)和powerpoint同理，若兩個(gè)元件有重疊，則在上方的元件會(huì)對下方的元件進(jìn)行遮蓋。
1.3.1.4 區(qū)域3：元件庫及母版管理區(qū)域
- 元件庫
軟件自帶的可使用的元件列表，類似powerpoint中的【形狀】。自帶的元件基本滿足日常使用，另外網(wǎng)上也有許多的元件包給可以下載，并且通過右上角的【+】添加進(jìn)元件庫中使用（但是沒有特殊情況的話，不太需要去擴(kuò)充，因?yàn)樵谇捌趯W(xué)習(xí)過程中，自帶元件庫的元件已經(jīng)足夠使用）。
這里還推薦阿里巴巴的矢量圖庫，里面有大量的矢量小icon可以提供查詢和下載，平時(shí)需要小圖標(biāo)制作ppt的時(shí)候也可以去這里下載：Iconfont
- 母版管理
- 定義一個(gè)母版，就是在母版中設(shè)計(jì)元素和元件
- 使用一個(gè)母版，就是通過拖動(dòng)母版進(jìn)入一至多個(gè)頁面中，進(jìn)行重復(fù)使用。
如果需要修改母版中的元素/元件，可以直接在MASTERS中修改，那么使用了該母版的一至多個(gè)頁面就會(huì)與已修改的母版同步被修改，而不需要一個(gè)頁面一個(gè)頁面地去修改元素/元件。
母版主要就是用來降低頁面的修改成本和制作成本的。一般用于網(wǎng)頁的頂部title、App的邊框等重復(fù)性較高的元素。
1.3.1.5 區(qū)域4：樣式、交互設(shè)計(jì)及備注管理區(qū)域
- STYLE：樣式
用來設(shè)計(jì)元件、字體等屬性的區(qū)域?；陧撁娴腟TYLE與基于元件的STYLE設(shè)置略有不同。
- 基于頁面的STYLE如下，用來設(shè)置頁面的長寬高及背景顏色。
- 基于元件的STYLE如下，用來設(shè)置：
a. LOCATION AND SIZE:元件的位置、大小、透明度
b. TYPOGRAPHY: 元件中文字的字體、粗細(xì)、顏色、大小、行間距、字間距、下劃線陰影、排列方式
c. FILL: 元件的填充
d. BORDER: 元件的邊框、粗細(xì)、顏色
e. SHADOW: 元件的陰影、粗細(xì)、顏色
f. CORNER: 元件邊角的弧度、可見情況（數(shù)字越大，邊角的弧度越大）
g. PADDING: 元件中的文字距離元件邊框的距離
- INTERACTIONS：交互
設(shè)計(jì)元件交互的區(qū)域?？梢哉f這里是Axure的靈魂所在吧。你設(shè)計(jì)的界面讓用戶可以用眼睛來感受，但是交互可以讓你的產(chǎn)品和用戶進(jìn)行直接交流。
- NOTES：備注
備注區(qū)域。這和寫代碼、寫ppt一樣，備注可以讓別人更好地理解你在產(chǎn)品中的用意（如果它無法簡單地通過界面/交互展現(xiàn)出來）。
1.3.1.6 區(qū)域5：預(yù)覽、分享管理區(qū)域
點(diǎn)擊預(yù)覽，可以將你設(shè)計(jì)的線框圖通過本地的瀏覽器來查看效果。
點(diǎn)擊分享，可以將你的成果發(fā)布到云端，生成一個(gè)鏈接，來分享給其他用戶查看。
下圖為點(diǎn)擊分享后的彈出框：你可以選擇發(fā)布到云端生成鏈接分享給別人，也可以生成本地文件，將文件打包分享給他人。
1.3.1.7 區(qū)域6：畫布區(qū)域
最后就是畫布區(qū)域了。
界面設(shè)計(jì)的主要方法就是：通過拖動(dòng)元件（1.3.1.4）至畫布即可。
下圖中，我拖動(dòng)一個(gè)矩形和一個(gè)橢圓形到畫布。
1.4 一些你需要記住的好習(xí)慣
為了提高原型設(shè)計(jì)的效率，以及便于為原型設(shè)計(jì)交互，希望在進(jìn)行原型設(shè)計(jì)的時(shí)候能做到：
- 為你的元件命名
- 善用【組合】功能（想一想powerpoint）
那么了解了Axure的主要工作界面，接下來就可以原型設(shè)計(jì)了！下篇再見~
趕緊先把軟件下載安裝了吧！
