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

742 評(píng)論 298989 瀏覽 683 收藏 6 分鐘

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

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

02333b57383b906ac72580ed05c8a3

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

第一步:

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

 

第二步:

打開(kāi)Axure,新建一個(gè)Axure文件。

(注意,這里不是雙擊打開(kāi)這個(gè)組件庫(kù),不是雙擊打開(kāi)這個(gè)組件庫(kù),不是雙擊打開(kāi)這個(gè)組件庫(kù))

第三步:

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

2

第四步:

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

2.2

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

3

4

第五步:

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

02333b57383b906ac72580ed05c8a3 2

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

四種背景效果都很合適

025c1b57383c126ac72580edc9b951

OK,大功告成,是不是很簡(jiǎn)單,無(wú)論是在屏幕上展示,還是打印出來(lái)交流,效果都是杠杠的。

A1

A2

A3

A4

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

home

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

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

密碼:56wx

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

 

作者:姚歲歲(站酷號(hào)Stwo_S2),中夢(mèng)科技設(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)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 求大神發(fā)一份給我,萬(wàn)分感謝了 。 409285527@qq.com

    來(lái)自本機(jī)地址 回復(fù)
  2. 求發(fā)郵箱,十分感謝! 406639632@qq.com

    來(lái)自本機(jī)地址 回復(fù)
  3. 求大神分享,liutansun@sina.com,不勝感激 ?? ??

    來(lái)自本機(jī)地址 回復(fù)
  4. 來(lái)自本機(jī)地址 回復(fù)
  5. 大神,您好!鏈接打不開(kāi),辛苦您給我發(fā)一份吧! 謝謝分享! 417046047@qq.com,謝謝!

    來(lái)自本機(jī)地址 回復(fù)
  6. 大神,求分享 kanggan@163.com

    來(lái)自本機(jī)地址 回復(fù)
  7. 過(guò)期了, 2655654538@qq.com 求大神分享,萬(wàn)分感謝! ??

    來(lái)自本機(jī)地址 回復(fù)
  8. 謝謝大神,官方的鏈接還有用哦??!

    來(lái)自本機(jī)地址 回復(fù)
  9. ?? ?? 鏈接已經(jīng)過(guò)期了 我的郵箱是928944692@qq.com

    來(lái)自本機(jī)地址 回復(fù)
  10. 求大神分享,謝謝?。?!yuuly@163.com

    來(lái)自本機(jī)地址 回復(fù)
  11. 大神求分享,258962718@qq.com。謝謝謝謝~~

    來(lái)自本機(jī)地址 回復(fù)
  12. 鏈接打不開(kāi),給我發(fā)一份吧!謝謝樓主分享 791569022@qq.com,謝謝!

    來(lái)自本機(jī)地址 回復(fù)
  13. 大神,求分享!?。∪f(wàn)分感謝?。?78650851@qq.com,期待?。。?/p>

    來(lái)自本機(jī)地址 回復(fù)
  14. 已經(jīng)過(guò)期了, 13183681@qq.com 求分享,萬(wàn)分感謝!

    來(lái)自本機(jī)地址 回復(fù)
  15. 大神求發(fā)一份到郵箱,好人一生好運(yùn)raisema@126.com

    來(lái)自本機(jī)地址 回復(fù)
  16. 大神!鏈接打不開(kāi),給我發(fā)一份吧!謝謝分享! 422095656@qq.com,謝謝!

    來(lái)自本機(jī)地址 回復(fù)
  17. 990357462@qq.com,謝謝樓主,辛苦了~~

    來(lái)自本機(jī)地址 回復(fù)
  18. yjl541447863@sina.cn 超級(jí)謝謝!

    來(lái)自本機(jī)地址 回復(fù)
  19. 求大神分享,謝謝。1152210225@qq.com

    來(lái)自本機(jī)地址 回復(fù)
  20. 已經(jīng)過(guò)期了,453393118@qq.com,求分享,萬(wàn)分感謝!

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

    來(lái)自本機(jī)地址 回復(fù)
  22. 1170808059@qq.com 樓主 能發(fā)給我一份嗎

    來(lái)自本機(jī)地址 回復(fù)
  23. 大神 求分享 1192635711@qq.com

    來(lái)自本機(jī)地址 回復(fù)
  24. 求大神分享,謝謝!?。?!郵箱:178042205@qq.com 非常感謝?。。?!

    來(lái)自本機(jī)地址 回復(fù)
  25. 下載不了 ??

    來(lái)自本機(jī)地址 回復(fù)
  26. 求大神分享,謝謝?。。?!郵箱:453966621@qq.com 非常感謝!?。?!

    來(lái)自本機(jī)地址 回復(fù)
  27. 感謝樓主分享:18997890405@163..com 樓主都可以建個(gè)QQ群了。

    來(lái)自本機(jī)地址 回復(fù)
  28. 大神,求分享 ?? 594051894@qq.com

    來(lái)自本機(jī)地址 回復(fù)
  29. 求分享 ?? 865515980@qq.com 謝謝!

    來(lái)自本機(jī)地址 回復(fù)
  30. 求大神分享,謝謝。1031304552@qq.com

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