素材吗冤，就是原始材料又厉，作者寫(xiě)文章需要配圖或小故事，設(shè)計(jì)師設(shè)計(jì)一張圖片需要配色參考和畫(huà)面內(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涯贞，常見(jiàn)的布局都是固定在底部枪狂，你不可能把菜單欄放在左側(cè)危喉，所以只需改文字或圖標(biāo)。再如web端州疾，常見(jiàn)布局是頂部導(dǎo)航辜限，交互效果是鼠標(biāo)移上后展示更多菜單，菜單可能橫向也可縱向严蓖，內(nèi)容布局也離不開(kāi)左中右薄嫡。
既然復(fù)制，那么關(guān)鍵點(diǎn)在于如何找到適合你的類(lèi)似設(shè)計(jì)颗胡，這也是素材積累過(guò)程毫深。需要平日有意識(shí)的收集，比較推薦的方式有二毒姨。
1）QQ群：
一個(gè)高質(zhì)量的QQ群费什，力量不可小覷。有問(wèn)題會(huì)幫你答疑手素，需要資源有人給你分享，群文件里常年更新文件瘩蚪，注意甄別和收集泉懦。當(dāng)然，同時(shí)你也要回饋群友疹瘦，幫人答疑或分享交流崩哩，來(lái)而不往非禮也。
2）網(wǎng)站類(lèi)：
網(wǎng)站在精不在多言沐，同類(lèi)型有2-3個(gè)做參考已經(jīng)足夠邓嘹。這些都是支持直接下載原型源文件的網(wǎng)站，平時(shí)多搜索關(guān)注即可
如果無(wú)法獲取源文件险胰，只能拿到HTML文件汹押，那么打開(kāi)images就可以看到所有該文件使用過(guò)的圖片。復(fù)制使用即可起便。
二棚贾、替代大法：用圖片替代
我們做原型的目的是體現(xiàn)產(chǎn)品的功能與交互設(shè)計(jì)，給團(tuán)隊(duì)成員或客戶(hù)爸爸演示榆综。所以你只需保證實(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)了绽淘！
這些下載素材只能作為圖片涵防，如果你想編輯，又不想打開(kāi)PS或Adobe那些大型軟件沪铭，這里有個(gè)大招壮池。
在Axure導(dǎo)入SVG圖片后，右鍵可以【轉(zhuǎn)換SVG圖片為形狀】杀怠。
形狀椰憋，意思是你現(xiàn)在可以隨意編輯，比如下面兩種不同的復(fù)制方式赔退，形狀編輯的優(yōu)勢(shì)顯而易見(jiàn)橙依，更清晰更靈活。
轉(zhuǎn)換成形狀以后硕旗，你真的可以對(duì)他們?yōu)樗麨榱恕?/p>
三窗骑、自制大法
第三種方法更適用于熟練玩家，你已經(jīng)對(duì)軟件很熟練漆枚，你能快速畫(huà)出想要的效果创译，那么你可以用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è)的菜單展開(kāi)可查看到凤藏，可以新建奸忽、導(dǎo)入，甚至可以修改軟件自帶元件揖庄。
— — — — 系 列 目 錄 — — — —
這不是Axure教程＠醪恕（一）初步認(rèn)識(shí)
這不是Axure教程８沓铩（四）元件六要素與用例
這不是Axure教程！（五）變量與函數(shù)
這不是Axure教程＝础（六）動(dòng)態(tài)面板之一:屬性和動(dòng)效
這不是Axure教程６亍（六）動(dòng)態(tài)面板之二:經(jīng)典實(shí)踐
這不是Axure教程！（七）強(qiáng)大的中繼器__1
— — — — 目? 錄? 完 — — — —
