一套出自設(shè)計(jì)師之手的Axure組件庫,讓你的原型不再LOW

742 評論 298989 瀏覽 683 收藏 6 分鐘

很多小伙伴常常抱怨沒有好的組件庫,導(dǎo)致每次畫原型的時(shí)候自己一個按鈕一個按鈕繪制,效率低下。這個組件庫來自有著多年經(jīng)驗(yàn)的中夢科技設(shè)計(jì)總監(jiān)@姚歲歲 ,從設(shè)計(jì)師的角度設(shè)計(jì)組件庫,相信能讓你的原型發(fā)揮出不一樣的光彩。

每次看到網(wǎng)絡(luò)上別人的原型圖,都覺得好高檔,好羨慕啊,但自己做的原型圖卻樣式很low。雖然有人會說,原型嘛,又不是做視覺設(shè)計(jì),干嘛要看起來高大上,保證功能才是第一的。但是如果能很簡單的出一份高檔的原型圖,無疑會有利于展現(xiàn)自己的專業(yè)水準(zhǔn),在和甲方、BOSS、同事的溝通中占據(jù)更有利的優(yōu)勢,被大家所認(rèn)可。

02333b57383b906ac72580ed05c8a3

所以,作為一名目標(biāo)是項(xiàng)目經(jīng)理的設(shè)計(jì)師,從視覺的角度規(guī)劃了一套組件庫,這里分享這套原創(chuàng)的組件庫,和使用方法,讓你簡單幾步便能輸出高端大氣上檔次的原型圖。

第一步:

先下載這套組件庫(文末有下載地址)。

 

第二步:

打開Axure,新建一個Axure文件。

(注意,這里不是雙擊打開這個組件庫,不是雙擊打開這個組件庫,不是雙擊打開這個組件庫)

第三步:

在左側(cè)“部件”的面板中,點(diǎn)擊按鈕彈出菜單,選擇菜單中的“載入部件庫”,選擇剛下載的這套組件庫文件。

2

第四步:

載入這套組件庫后,我們可以看到里面分了幾個大類,先拖第一個背景色到編輯區(qū)

2.2

選擇合適的背景色,在底部的“頁面樣式”面板中改變底色

3

4

第五步:

開始做我們的原型圖圖吧!拖拖拖,改改改,連線。所有的部件都是可以編輯的哦??梢酝ㄟ^(ctrl+減號)和(ctrl+加號)查看整體效果

02333b57383b906ac72580ed05c8a3 2

最后:”文件”->”導(dǎo)出為圖片”,在ps中稍微補(bǔ)修改一下頁面的大小,即可獲得如下下效果。(PS中“圖像”->“修改畫布大小”,向右下方延伸)

四種背景效果都很合適

025c1b57383c126ac72580edc9b951

OK,大功告成,是不是很簡單,無論是在屏幕上展示,還是打印出來交流,效果都是杠杠的。

A1

A2

A3

A4

這套組件庫里到底包涵了哪些東西,也分享給大家看看

home

就分享到這吧,再次標(biāo)注這套組件庫的下載地址:

鏈接:https://pan.baidu.com/s/1E5dSruVP6oLzA_EdEN77Ig

密碼:56wx

不能下載的同學(xué)請?jiān)谶@篇文章下留言你的郵箱。

 

作者:姚歲歲(站酷號Stwo_S2),中夢科技設(shè)計(jì)總監(jiān),4年互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)經(jīng)驗(yàn)。

本文由 @姚歲歲 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 歲歲大神,您好!求好心分享,謝謝~yaojq@mail.ustc.edu.cn ?? ?? ??

    來自本機(jī)地址 回復(fù)
  2. 大俠能發(fā)我一份嗎 網(wǎng)盤不能下載了 我的郵箱是294057875@qq.com 我會及時(shí)給您反饋使用體驗(yàn)的

    來自本機(jī)地址 回復(fù)
  3. ??

    來自本機(jī)地址 回復(fù)
  4. 大神!鏈接打不開,給我發(fā)一份吧!謝謝樓主分享!1093825464@qq.com,謝謝!

    來自本機(jī)地址 回復(fù)
  5. 大神!給我發(fā)一份吧!謝謝樓主分享!1620880665@qq.com,謝謝!

    來自本機(jī)地址 回復(fù)
  6. ?? 樓主鏈接掛了求補(bǔ)發(fā)yuliuqinning@163.com 萬分感謝?。?!

    來自本機(jī)地址 回復(fù)
  7. 樓主好人,謝謝樓主!

    來自本機(jī)地址 回復(fù)
  8. 樓主好人,好人一生平安:ryo_wang@163.com

    來自本機(jī)地址 回復(fù)
  9. 973380074@qq.com.樓主好人

    來自本機(jī)地址 回復(fù)
  10. 真心好文~這么好的資源拿出來分享,樓主必成大器~不過試了很多次依然下載不了。。。勞煩發(fā)送至郵箱吧~萬分感謝?。?br /> yzx_1001@126.com

    來自本機(jī)地址 回復(fù)
  11. 樓主樓主,謝謝嘍~ 18997890405@163.com

    來自本機(jī)地址 回復(fù)
  12. 514983037@qq.com麻煩貼主發(fā)一份給我

    來自本機(jī)地址 回復(fù)
  13. 謝謝樓主分享,勞煩發(fā)我郵箱一份 huangcobin@163.com

    來自本機(jī)地址 回復(fù)
  14. 很喜歡,麻煩樓主發(fā)一份! 414601684@qq.com

    來自本機(jī)地址 回復(fù)
  15. 278316658@qq.com
    謝謝 !

    來自本機(jī)地址 回復(fù)
  16. 785137132@qq.com 多謝樓主

    來自本機(jī)地址 回復(fù)
  17. 那個鏈接提示已經(jīng)被刪除了,請樓主發(fā)我一份 郵箱 529535093@qq.com 非常感謝。

    來自本機(jī)地址 回復(fù)
  18. 樓主好人,javaisok@163.com 謝謝樓主了

    來自本機(jī)地址 回復(fù)
  19. 新手一枚,多多指教。麻煩樓主也發(fā)我一份879666025@qq.com

    來自本機(jī)地址 回復(fù)
  20. 給我發(fā)一份吧,謝謝樓主分享,1492321583@qq.com,謝謝!

    來自本機(jī)地址 回復(fù)
  21. 您走,樓主 請發(fā)到wenquanbao@126.com 郵箱里;然后留個微信號;給你發(fā)紅包。

    來自本機(jī)地址 回復(fù)
  22. ?? 樓主也發(fā)我一份吧,十分感謝~~553257242@qq.com

    來自本機(jī)地址 回復(fù)
  23. 同求 ,謝謝樓主 93329123@qq.com

    來自本機(jī)地址 回復(fù)
  24. 謝謝樓主分享,請幫忙發(fā)給我一份到我郵箱:414982034@qq.com,謝謝!

    來自本機(jī)地址 回復(fù)
  25. 不能下載給我發(fā)一份吧 1114706169@qq.com

    來自本機(jī)地址 回復(fù)
  26. 好心的樓主給發(fā)一份吧,981255505@qq.com~~

    來自本機(jī)地址 回復(fù)
  27. 求發(fā)送,19644170@qq.com,感謝~

    來自本機(jī)地址 回復(fù)
  28. 感謝樓主分享,下載鏈接不可用了,能幫忙發(fā)給我一份到我郵箱嗎,:236380230@qq.com,謝謝!

    來自本機(jī)地址 回復(fù)
  29. 謝謝樓主分享,請幫忙發(fā)給我一份到我郵箱:920380910@qq.com,謝謝!

    來自本機(jī)地址 回復(fù)
  30. 樓主好人,長命百歲,福如東海,壽比南山~~~ 604772787@qq.com 跪謝了~~!! ?? ?? ??

    來自本機(jī)地址 回復(fù)