素材，就是原始材料，作者寫文章需要配圖或小故事，設(shè)計(jì)師設(shè)計(jì)一張圖片需要配色參考和畫面內(nèi)容，產(chǎn)品經(jīng)理繪制原型也需要很多素材，本文匯總幾種常用的獲取方式。
為了更好的舉例，先隨便找一個(gè)網(wǎng)站，觀察其頁(yè)面涉及的素材，如下圖某網(wǎng)站首頁(yè)截圖，網(wǎng)頁(yè)及其對(duì)應(yīng)原型里的元件會(huì)是：圖標(biāo)素材（圖片）、文案素材（文本標(biāo)簽、矩形框）、圖片素材（圖片）、視頻素材（圖片、鏈接）。
所以我們知道，一個(gè)頁(yè)面不會(huì)脫離這些元件。而元件的素材有下面這些方式可以獲取。
一、復(fù)制大法：用別人做好的
復(fù)制大法涉及兩種，一是整個(gè)復(fù)制別人的原型文件，二是復(fù)制別人原型中某個(gè)設(shè)計(jì)點(diǎn)。就像復(fù)制別人的文檔或PPT一樣。
比如APP，常見的布局都是固定在底部，你不可能把菜單欄放在左側(cè)，所以只需改文字或圖標(biāo)。再如web端，常見布局是頂部導(dǎo)航，交互效果是鼠標(biāo)移上后展示更多菜單，菜單可能橫向也可縱向，內(nèi)容布局也離不開左中右。
既然復(fù)制，那么關(guān)鍵點(diǎn)在于如何找到適合你的類似設(shè)計(jì)，這也是素材積累過(guò)程。需要平日有意識(shí)的收集，比較推薦的方式有二。
1）QQ群：
一個(gè)高質(zhì)量的QQ群，力量不可小覷。有問(wèn)題會(huì)幫你答疑，需要資源有人給你分享，群文件里常年更新文件，注意甄別和收集。當(dāng)然，同時(shí)你也要回饋群友，幫人答疑或分享交流，來(lái)而不往非禮也。
2）網(wǎng)站類：
網(wǎng)站在精不在多，同類型有2-3個(gè)做參考已經(jīng)足夠。這些都是支持直接下載原型源文件的網(wǎng)站，平時(shí)多搜索關(guān)注即可
如果無(wú)法獲取源文件，只能拿到HTML文件，那么打開images就可以看到所有該文件使用過(guò)的圖片。復(fù)制使用即可。
二、替代大法：用圖片替代
我們做原型的目的是體現(xiàn)產(chǎn)品的功能與交互設(shè)計(jì)，給團(tuán)隊(duì)成員或客戶爸爸演示。所以你只需保證實(shí)現(xiàn)這兩個(gè)目的，你要知道別人并不關(guān)心你的原型用什么做的。因?yàn)槠渌瞬回?fù)責(zé)這件事，他們都是結(jié)果導(dǎo)向，通常并不會(huì)關(guān)心過(guò)程。
當(dāng)然，原型里本就有大量圖片，我此處說(shuō)的圖片替代，是指本來(lái)需要逐步繪制的復(fù)雜元件，可以找圖片替代，為你節(jié)省大量時(shí)間。
就一個(gè)素材庫(kù)網(wǎng)站就夠了，————阿里巴巴素材庫(kù)————，感覺(jué)沒(méi)有什么搜索不到。
根據(jù)需要可選擇 SVG、AI、PNG三種格式，可自定義顏色和大小。
那么重點(diǎn)來(lái)了！
這些下載素材只能作為圖片，如果你想編輯，又不想打開PS或Adobe那些大型軟件，這里有個(gè)大招。
在Axure導(dǎo)入SVG圖片后，右鍵可以【轉(zhuǎn)換SVG圖片為形狀】。
形狀，意思是你現(xiàn)在可以隨意編輯，比如下面兩種不同的復(fù)制方式，形狀編輯的優(yōu)勢(shì)顯而易見，更清晰更靈活。
轉(zhuǎn)換成形狀以后，你真的可以對(duì)他們?yōu)樗麨榱恕?/p>
三、自制大法
第三種方法更適用于熟練玩家，你已經(jīng)對(duì)軟件很熟練，你能快速畫出想要的效果，那么你可以用Axure的形狀繪制出你想要的任意效果。并不推薦新手這樣做，因?yàn)榈拇_很浪費(fèi)時(shí)間，可能還會(huì)消耗你學(xué)軟件的信心耐心。
如下，上面是網(wǎng)站原圖，下面是自制圖標(biāo)
除了元件自制，還有兩個(gè)關(guān)鍵是元件庫(kù)和母版。
自制元件庫(kù)的好處，一是為了統(tǒng)一頁(yè)面交互效果，二是為了提高效率。
如果沒(méi)有元件庫(kù)，每一個(gè)有交互的元件都需要單獨(dú)設(shè)置，浪費(fèi)時(shí)間，而且可能會(huì)遺漏，后期檢查也會(huì)非常麻煩。
元件庫(kù)，在元件庫(kù)區(qū)域標(biāo)題右側(cè)的菜單展開可查看到，可以新建、導(dǎo)入，甚至可以修改軟件自帶元件。
— — — — 系 列 目 錄 — — — —
這不是Axure教程?。ㄋ模┰嘏c用例
這不是Axure教程?。ㄎ澹┳兞颗c函數(shù)
這不是Axure教程！（六）動(dòng)態(tài)面板之一:屬性和動(dòng)效
這不是Axure教程?。﹦?dòng)態(tài)面板之二:經(jīng)典實(shí)踐
這不是Axure教程！（七）強(qiáng)大的中繼器__1
— — — — 目? 錄? 完 — — — —
