一套出自設計師之手的Axure組件庫,讓你的原型不再LOW

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

很多小伙伴常常抱怨沒有好的組件庫,導致每次畫原型的時候自己一個按鈕一個按鈕繪制,效率低下。這個組件庫來自有著多年經驗的中夢科技設計總監@姚歲歲 ,從設計師的角度設計組件庫,相信能讓你的原型發揮出不一樣的光彩。

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

02333b57383b906ac72580ed05c8a3

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

第一步:

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

 

第二步:

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

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

第三步:

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

2

第四步:

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

2.2

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

3

4

第五步:

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

02333b57383b906ac72580ed05c8a3 2

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

四種背景效果都很合適

025c1b57383c126ac72580edc9b951

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

A1

A2

A3

A4

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

home

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

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

密碼:56wx

不能下載的同學請在這篇文章下留言你的郵箱。

 

作者:姚歲歲(站酷號Stwo_S2),中夢科技設計總監,4年互聯網產品設計經驗。

本文由 @姚歲歲 原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. ?? 感謝樓主~~~~1525175148@qq.com

    來自北京 回復
  2. 30069932@qq.com 非常感謝

    來自上海 回復
  3. 求份素材謝謝
    wd_1224@163.com

    來自北京 回復
  4. 1246591171@qq.com非常感謝

    來自北京 回復
  5. 求大牛給一份素材 guiguiwy@163.com

    來自北京 回復
  6. 14470630983@qq.com感謝樓主

    來自廣東 回復
  7. 2071889464@qq.com ,麻煩樓主發我一份,感謝!或其它友人看到有空發我一份哦!先謝謝大家了!

    來自廣東 回復
  8. 893992817@qq.com,謝謝樓主,一生平安!

    來自福建 回復
  9. 謝謝大神,麻煩發我一下,812379220@qq.com

    來自浙江 回復
  10. 多謝大神分享~ 郵箱15330099121@163.com

    來自北京 回復
  11. 麻煩樓主發一下給我,604040108@qq.com

    來自廣東 回復
  12. 謝謝樓主 316020880@qq.com

    來自上海 回復
  13. 605244002@qq.com 謝謝樓主!

    來自江蘇 回復
  14. chen_donggua@qq.com,感謝樓主

    來自浙江 回復
  15. 組件的鏈接無法打開,辛苦樓主發我郵箱:2869920618@qq.com,感謝!感謝!

    來自北京 回復
  16. 組件的鏈接無法打開,辛苦樓主發我郵箱:863955067@qq.com,感謝!感謝!

    來自北京 回復
  17. 1085006247@qq.com,謝謝樓主,麻煩發我一份吧!

    來自廣東 回復
  18. 組件的鏈接無法打開,辛苦樓主發我郵箱:873734154@qq.com,感謝!感謝!

    來自北京 回復
  19. 2871092189@qq.com,樓主謝謝~麻煩發我一份吧

    來自北京 回復
  20. 感謝樓主分享,鏈接無法打開,能否發送到我的郵箱:418006363@qq.com ,謝謝

    來自廣東 回復
  21. 樓主,hi_linsunny@163.com,多謝分享!感謝!

    來自福建 回復
  22. 組件的鏈接無法打開,辛苦樓主發我郵箱:623967168@qq.com,

    來自廣東 回復
  23. 辛苦大神給我發一下562900977@qq.com,體諒下我們初學者,謝謝了

    來自新疆 回復
  24. 組件的鏈接無法打開,辛苦樓主發我郵箱:865488076@qq.com,感謝感謝

    來自浙江 回復
  25. 鏈接失效,請大神分享,謝謝!郵箱:287220650@qq.com

    來自河北 回復
  26. 組件的鏈接無法打開,辛苦樓主發我郵箱:574866731@qq.com,感謝感謝

    來自湖北 回復
  27. 組件的鏈接無法打開,辛苦樓主發我郵箱:fanshuling_ok@126.com,謝謝啦?。。。。。?/p>

    來自上海 回復
  28. 組件的鏈接無法打開,辛苦樓主發我郵箱:547125024@qq.com,感謝感謝

    來自四川 回復
  29. 下載鏈接無法打開,辛苦樓主發我郵箱:120186780@qq.com.謝謝!

    來自福建 回復
  30. 組建鏈接無法打開,辛苦樓主發我郵箱:403258335@qq.com

    來自北京 回復