首先聲明這不是教程。只是大概梳理了下產品經理常用的工具和自己積累的一些資源，重點講下如何高效的繪制原型乱豆，希望大家都能把更多的時間放在思考用戶需求、設計方案吊趾、用戶體驗上咙鞍，而不是被畫原型耽誤時間。

產品經理常用的軟件工具

主要有：

• 原型：Axure
  備選Mockplus趾徽、墨刀
  備選的這兩個擅長移動端续滋，素材庫比較豐富，繪制效率高孵奶。

• 流程圖：viso
  備選ProcessOn疲酌、OmniGraffle、億圖圖示 Edraw Max 了袁。
  viso尷尬的地方是沒有Mac版朗恳，所以在Mac上只能用備選方案。
  ProcessOn是線上繪圖工具载绿，上面還可以看到很多別人共享的流程圖粥诫，可以用來參考借鑒，扒一扒說不定有驚喜崭庸。

• 思維導圖：xmind
  備選百度腦圖怀浆、億圖mindmaster、mindmanager怕享、有道云筆記思維導圖模板
  像百度腦圖和有道這種在線思維導圖工具执赡，有個不好的地方就是當你導圖特別大的時候，瀏覽卡頓感會非常明顯函筋，還是比較推薦xmind沙合。

• 神器推薦：https://uzer.me/
  UZER.ME將多款常用軟件放在了云端，可直接通過瀏覽器使用跌帐，這里面就有viso和xmind首懈，整體體驗還不錯。

uzer.me

工具很多谨敛，但是用哪個一般出于協(xié)作方便的考慮究履，都是整個團隊用同樣的工具。

如何高效的使用Axure畫原型

xmind和viso就不詳細說了佣盒，使用比較簡單挎袜，主要重點說下axure。

1、axure的重點與難點

axure的基礎使用網上有很多教程盯仪，隔壁的Eddie是用下面這本書入門的紊搪，據(jù)說還不錯，滿滿的都是案例全景，書比較早（所以某度有pdf版耀石，你懂的），但操作不會過時爸黄。
那種從安裝軟件到一個按鈕一個按鈕的教使用方法的書就等于從入門到放棄滞伟，案例實操才是學軟件的正道。

網站藍圖——Axure RP高保真網頁原型制作

• 動態(tài)面板
  是畫原型最基礎称开、最常用的高階工具亩钟，比較簡單，網上找兩個案例學一下就懂了鳖轰。
• 函數(shù)
  函數(shù)有很多清酥，不用全都記下來，初步了解下蕴侣，用到的時候去查就好了焰轻。函數(shù)用法說明推薦→
• 變量
  變量分為系統(tǒng)變量和自定義變量，自定義變量又分為局部變量和全局變量昆雀。變量介紹→
• 中繼器
  如果你對數(shù)據(jù)庫有了解辱志，中繼器其實理解起來就很簡單了，中繼器repeater忆肾，字面意思重復的東西荸频，就是一個可重復的容器+數(shù)據(jù)表，按照設定的規(guī)則將數(shù)據(jù)填入容器中客冈。
  推薦一個案例，筆者根據(jù)教程做的連連看游戲稳强，歡迎試玩场仲。
  這是大神的教程，感興趣的同學可以研究下退疫。文章結尾提供了“阿里巴巴連連看”原型源文件下載地址渠缕，便于大家對照教程理解。
  
  阿里巴巴連連看

搞懂這個案例褒繁，基本理解中繼器就沒啥問題亦鳞，如果還不夠，推薦筆者當年入門數(shù)據(jù)庫一個小冊子“SQL必知必會”，很薄燕差，但講解的非常清晰透徹遭笋。人民郵電出版社的“圖靈程序設計叢書”，編程屆的良心叢書徒探，你值得擁有瓦呼。

SQL必知必會

其實，除了動態(tài)面板测暗，其他這些高級功能并不常用央串，實際在工作中如果僅僅是面向技術的需求原型，而不是面向客戶展示碗啄，基本都是用平鋪的方式畫原型质和，交互動效極少，因為這樣的原型文檔更方便技術去閱讀稚字。

2饲宿、提高繪圖效率的方法

方法的核心就三個字：素材庫。

如果非要多說點的話尉共，那就是盡可能減少交互動效褒傅，互聯(lián)網普及這么多年了，技術兄弟們不需要你花大把時間用Axure實現(xiàn)一個日常很常見的交互效果袄友。
如果再要多說一點的話殿托，就是多用母版。

素材庫分三部分
一是整理的自己曾經畫過的剧蚣、日常會比較常用的組件做成組件庫支竹，比如你平常是負責app產品的，那么你負責的app的常用組件（底部菜單欄鸠按、列表頁礼搁、搜索框等）應該已經納入你的組件庫；

二是網上收集的組件庫目尖，有很多大神提供個人組件庫馒吴，不過阿里Ant Design提供的web和app的標準組件庫，絕對是最強大瑟曲，最好用的饮戳，傳送門在這里；

三是icon素材庫洞拨，分享一個阿里媽媽官方提供的iconfont扯罐，可按需下載PNG、AI烦衣、SVG格式的歹河，只有你想不到的掩浙，沒有你在上面搜不到的，再來個傳送門秸歧。

有了組件庫厨姚，每次畫原型大部分東西只要拖拽出來稍微改改就能用；有了icon素材庫寥茫，需要什么圖標只要下載貼上去就好了遣蚀，不用自己動手畫。大大提高了畫原型的效率纱耻。

為了每次新建原型都能自動加載自己的組件庫芭梯，建議將組件庫文件放在Axure的Libraries文件中，路徑如下圖弄喘，里面放了 Ant Design的web和app組件庫玖喘，以及筆者自己的組件庫MYlib。

Axure組件庫的路徑

筆者自己的組件庫包括4部分蘑志，web類累奈、流程圖類、小程序類急但、app類澎媒。

筆者的個人組件庫

每個組件分組中包含了一些常用的簡單控件，以及一些因為所做業(yè)務特征波桩，在日常產品需求設計常用的完整頁面戒努，比如權限頁面、小票樣式镐躲、個人中心等储玫。
因為組件庫中有些內容涉及公司業(yè)務，所以就不分享給大家了萤皂，大家可以參考這個分類建立自己的組件庫撒穷。

個人組件庫內容

原型分享
原型做好之后，要分享給技術裆熙、設計等團隊成員端礼，一般可以生成HTML文件傳到團隊規(guī)定的共享服務器上，或者利用Axure官方免費提供的原型分享功能入录，將原型發(fā)布到axshare上齐媒。具體axshare怎么使用比較簡單，大家可以自行必應（好想黑某度&窮纷跛！買不起梯子google）。

上面阿里巴巴連連看的游戲就是上傳到axshare上邀杏，其實有點卡贫奠，但不影響正常瀏覽原型唬血。如果你比較喜歡鉆研，可以自己買個域名和服務器唤崭，或者用樹莓派搭建一個服務器拷恨。

福利
阿里巴巴連連看游戲rp原型, 提取碼: suc4
規(guī)范原型參考，提取碼: i84y
原型庫1
原型庫2

這么多年谢肾，總算找機會把Axure總結了一下腕侄。

夏天要來了，該動起來運動和繼續(xù)寫文章了芦疏。

Captain Marvel冕杠，一個徒手撕宇宙戰(zhàn)艦的女人。