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

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

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

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

02333b57383b906ac72580ed05c8a3

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

第一步:

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

 

第二步:

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

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

第三步:

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

2

第四步:

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

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),中夢科技設計總監(jiān),4年互聯(lián)網(wǎng)產(chǎn)品設計經(jīng)驗。

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

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 謝謝樓主,
    郵箱:1353146841@qq.com

    來自北京 回復
  2. 謝謝樓主!
    chenyu@bjnangle.com

    來自北京 回復
  3. 感謝樓主~
    email:1075808560@qq.com

    來自廣東 回復
  4. 好人一生平安! 617046108@qq.com ??

    來自重慶 回復
  5. 求樓主好人再發(fā)一遍,476089566@qq.com

    來自江蘇 回復
  6. 謝謝lz, jinnhan@126.com

    來自北京 回復
  7. 辛苦樓主!郵箱是yxk404@163.com,幫忙發(fā)一份,對我工作很有幫助! ??

    來自北京 回復
  8. 求分享,謝謝樓主
    郵箱:317087507@qq.com

    來自廣東 回復
  9. 來自湖北 回復
  10. 541231316@qq.com 樓主好人,樓主辛苦,謝謝樓主,坐等郵件!

    來自北京 回復
  11. 好人一生平安
    623228384@qq.com

    來自北京 回復
  12. 感謝樓主! wuma.tv@gmail.com

    來自浙江 回復
  13. 謝謝樓主,
    郵箱:djq4088@126.com

    來自北京 回復
  14. 121370529@qq.com 發(fā)送郵箱謝謝了 :mrgreen: :mrgreen: :mrgreen:

    來自上海 回復
  15. 735627103@qq.com,作者你還是更新一下云盤吧

    來自北京 回復
  16. 求大神分享,謝謝,萬分感謝,429233068@qq.com

    來自北京 回復
  17. 謝謝樓主!郵箱是tianqing591@163.com,幫忙發(fā)一份,對我工作很有幫助! ??

    來自北京 回復
  18. 云盤鏈接已經(jīng)失效了,希望再發(fā)一個

    來自上海 回復
  19. 356130461@qq.com,跪求 謝謝

    來自上海 回復
  20. 18840831747@163.com謝謝樓主~~~~

    來自遼寧 回復
  21. 郵箱249043949@qq.com,謝謝樓主~

    來自北京 回復
  22. 謝謝樓主,辛苦!

    來自北京 回復
  23. 感謝樓主分享,謝謝
    jandyrei@foxmail.com

    來自重慶 回復
  24. 求資源,樓主好人…
    756663987@qq.com

    來自四川 回復
  25. ?? ?? ?? ?? 真心喜歡,可是不能下載了,求作者發(fā)一套。。好人一生平安。。 ?? ??
    535133792@qq.com

    來自重慶 回復
  26. 好人一生平安,謝謝樓主
    郵箱:287767151@qq.com

    來自山東 回復
  27. 樓主求發(fā)
    794179068@qq.com

    來自福建 回復
  28. 謝謝樓主 molion0723@gmail.com

    來自廣東 回復
  29. 剛在學習axure,這組件很贊,求分享,謝謝樓主! 郵箱: z55672399@163.com

    來自廣東 回復
  30. 感謝樓主,郵箱:1051046923@qq.com

    來自北京 回復