起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門(mén)專(zhuān)項(xiàng)技能課
1300+專(zhuān)題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專(zhuān)業(yè)技能直播
會(huì)員專(zhuān)屬社群
榮耀標(biāo)識(shí)一套出自設(shè)計(jì)師之手的Axure組件庫(kù)，讓你的原型不再LOW
很多小伙伴常常抱怨沒(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)可。
所以，作為一名目標(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ù)文件。
第四步：
載入這套組件庫(kù)后，我們可以看到里面分了幾個(gè)大類(lèi)，先拖第一個(gè)背景色到編輯區(qū)
選擇合適的背景色，在底部的“頁(yè)面樣式”面板中改變底色
第五步：
開(kāi)始做我們的原型圖圖吧！拖拖拖，改改改，連線。所有的部件都是可以編輯的哦?？梢酝ㄟ^(guò)（ctrl+減號(hào)）和（ctrl+加號(hào)）查看整體效果
最后：”文件”->”導(dǎo)出為圖片”，在ps中稍微補(bǔ)修改一下頁(yè)面的大小，即可獲得如下下效果。（PS中“圖像”->“修改畫(huà)布大小”，向右下方延伸）
四種背景效果都很合適
OK，大功告成，是不是很簡(jiǎn)單，無(wú)論是在屏幕上展示，還是打印出來(lái)交流，效果都是杠杠的。
這套組件庫(kù)里到底包涵了哪些東西，也分享給大家看看
就分享到這吧，再次標(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)載。
資料下載，盡在公眾號(hào)：原型不再low
評(píng)論
辛苦 大牛 麻煩發(fā)我郵箱一份 627747590@qq.com
辛苦樓主~求分享~miaoliqian@126.com ?? ??
下載不了，求發(fā)郵箱2186815429@qq.com ??
下載不了，求發(fā)送 1203113073@qq.com ,跪謝 ??
7.0不能用。。。。下了兩遍。。。哎。。。 ?
求發(fā)送wuke123666@163.com
感謝樓主分享 ?? ??
非常感謝！215229451@qq.com
郵箱370644245@qq.com，感謝樓主發(fā)送
謝謝樓主發(fā)送，郵箱：544086310@qq.com
弱弱的問(wèn)一下，最后連線是怎么連的？謝謝
Axure自帶工具，手工連線的
??
請(qǐng)教下元件的尺寸是根據(jù)什么定的呀？
?? 謝謝樓主發(fā)送 郵箱287494883@qq.com
下載之后無(wú)法導(dǎo)入，7.0和8.0都不行。大神能給我發(fā)一份嗎？先獻(xiàn)上我的半月板。673382039@qq.com。
446014298@qq.com 跪求一份～～
請(qǐng)問(wèn)無(wú)法導(dǎo)入的話是什么原因
下載不了，跪求樓主512123404@qq.com，謝謝么么噠
謝謝樓主發(fā)送，郵箱1719717686@qq.com
您好，部件庫(kù)很棒，煩請(qǐng)百忙當(dāng)中發(fā)到我的信箱，14410951@qq.com，急用啊，感謝，感謝。
能發(fā)我郵箱一份嗎 ，十分感謝 251252909@qq.com
我的是8.0 可以發(fā)一份給我嗎 郵箱是824432996@qq.com
剛下載了 都沒(méi)有后綴，也導(dǎo)不進(jìn)去，是我打開(kāi)的方式有問(wèn)題么，請(qǐng)大神 發(fā)送個(gè)到我郵箱試試吧 謝謝了 391585130@qq.com
謝謝分享啦。作者在中夢(mèng)科技??？ 有個(gè)叫金莉的同事嗎
非常感謝，下載后做了一些個(gè)性化的修改，讓這個(gè)原型素材模版更加適合我使用。
總之謝謝啦，期待您下次的干活分享
? 下載不了，求發(fā)送 444749207@qq.com ,跪謝 ??
164859493@qq.com 樓主好人一生平安 ??
很好用。但是因?yàn)楣卷?xiàng)目有時(shí)比較急，會(huì)直接省了美工那一步。想知道最后畫(huà)的的結(jié)果能轉(zhuǎn)化為psd?這樣前端開(kāi)發(fā)就可以直接用了。 ?
然而并不能直接轉(zhuǎn)化為psd，不過(guò)前端有一些簡(jiǎn)單已經(jīng)實(shí)現(xiàn)好的框架，經(jīng)驗(yàn)豐富的前端可以對(duì)著原型圖直接實(shí)現(xiàn)一部分效果，但并不推薦這樣做。（叫設(shè)計(jì)師“美工”話，容易被他們?cè){咒死）
大俠 那個(gè)線是怎么連的
收藏看看，謝謝！
我下載了，但是我的axure是8.0 的，您的是7.0的，似乎不能兼容不能用，嗚嗚嗚嗚嗚，親愛(ài)的該咋辦呢？ ? ?
我這邊已經(jīng)測(cè)試過(guò)了，導(dǎo)入8.0完全可以，MAC和WIN都行，你那邊可以再試試。
你好，能不能把a(bǔ)xure的安裝包給一份，我這邊無(wú)法導(dǎo)入，提示出錯(cuò) ? 郵箱：1678590579@qq.com 急用，謝謝
我的也是，提示出錯(cuò)。能不能發(fā)個(gè)Axure8的mac 安裝包呢？
我用了8 和 7 都不行呢 ?
謝謝樓主發(fā)送，郵箱：1040594585@qq.com