讓你的原型不再LOW-一套設計師傾情奉獻的組件庫

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

?

?

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

?

?

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

第一步：

先下載這套組件庫

下載鏈接：

在文末。

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

第二步：

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

?

（注意，這里不是雙擊打開這個組件庫，不是雙擊打開這個組件庫，不是雙擊打開這個組件庫）

第三步：

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

?

第四步：

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

?

?

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

?

?

第五步：

開始做我們的原型圖圖吧！拖拖拖，改改改，連線。所有的部件都是可以編輯的哦。可以通過（ctrl+減號）和（ctrl+加號）查看整體效果

?

?

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

?

四種背景效果都很合適

?

?

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

?

?

?

?

?

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

?

?

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

讓你的原型不再LOW-一套設計師傾情奉獻的組件庫免費下載
http://bbs.jiandaima.com/thread-814-1-1.html

轉載于:https://www.cnblogs.com/jiandaima/p/6437681.html

總結

以上是生活随笔為你收集整理的让你的原型不再LOW-一套设计师倾情奉献的组件库免费下载的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。