一套出自設(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)始做我們的原型圖圖吧!拖拖拖,改改改,連線(xiàn)。所有的部件都是可以編輯的哦??梢酝ㄟ^(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)載。
求~sherrie0227@163.com ??
你的尺寸是怎么規(guī)定的呀,546X970是適配哪一類(lèi)型的?
由于是低保真組件庫(kù),1:1還原編輯區(qū)太大,不容易看到全貌,2:1還原又太小,有的細(xì)節(jié)不能展示清楚,就折中了一下,保持屏幕長(zhǎng)寬比仍然是1:1.67,這樣編輯能看到整個(gè)界面,縮小能看到全貌,放大仍然有細(xì)節(jié),就選擇了這個(gè)大小。
大神,太牛了。給我發(fā)一份吧,學(xué)習(xí)一下,感謝感謝! ??
郵箱:271741646@qq.com
下載不了 1170532331@qq.com 謝謝分享
Axure用的是最新版本的嗎?介意發(fā)下嗎? ?? 2198775271@qq.com
收到組件了,多謝
給我分享一份吧,huangcobin@163.com 謝謝了
win上還沒(méi)更新,mac上已經(jīng)更8了
好的,那我自己去下載 ??
820091284@qq.com 謝謝
不能下載。493048070@qq.com,謝謝!
已經(jīng)發(fā)送,郵箱里
超級(jí)感謝!
超級(jí)不用謝,有好的想法可以反饋給我噠
連接失效了,求分享~謝謝 763230834@qq.com
求樓主也發(fā)給我一份好嘛~~zhangyuxiaorouwan@qq.com,蠻煩親啦~ ??
鏈接失效了,求樓主發(fā)送一份1054600117@qq.com,謝謝。
ajeifu@163.com, 無(wú)意間看到文章,追了好幾個(gè)網(wǎng)站過(guò)來(lái)的。希望作者能發(fā)一份到郵箱中,謝謝。
您好,能分享我一份嗎~ 763230834@qq.com
493048070@qq.com 謝謝啦! ??
不能下載。78290301@qq.com,謝謝
不能下載,a1010259954@qq.com,謝謝
已發(fā)送請(qǐng)查收
不能下載,麻煩發(fā)給我一份吧,599077110@qq.com,謝謝
麻煩發(fā)給我一份吧,583010629@qq.com,謝謝啦
提取不了,麻煩發(fā)郵箱2974778438@qq.com,十分感謝
下載有誤,請(qǐng)發(fā)送至172313881@qq.com,謝謝
大大求發(fā)郵箱394218731@qq.com
下載不了!936262243@qq.com 謝謝
894098224@qq.com-求發(fā)送
歲歲好棒!
求發(fā)郵箱!
380312011@qq.com
?? ??
大哥好手段,點(diǎn)個(gè)贊!
你好,下載不了,麻煩分享一份到 1063823251@qq.com
謝謝! ??
好貨?。。】上螺d不了 ? 麻煩發(fā)郵箱:297476712@qq.com 謝謝哇~
已經(jīng)發(fā)送,查收哦
非常感謝!!
不錯(cuò)啊,對(duì)于我們這些不懂設(shè)計(jì)的,這就是干貨啊
謝謝,之前看知乎上有人問(wèn)原型圖太丑咋辦,大家說(shuō)你一個(gè)原型圖要那么漂亮干嘛,但是想想至少規(guī)整還是能辦得到的,就出了這么一套。
83368065@qq.com
非常感謝,希望能分享
OK 請(qǐng)查收
已收到,好人一生平安 ?
1099486707@qq.com 辛苦 好人一生平安 哈哈哈
看上去不錯(cuò),希望分享一份,謝謝,619337276@qq.com
已發(fā)送
972483479@qq.com 謝謝 ??
不能下載,z_j_p6294@sina.cn
已經(jīng)發(fā)送,請(qǐng)查收
郵箱地址有誤,發(fā)送不了,請(qǐng)無(wú)視下面這條“已經(jīng)發(fā)送”
不能下載。348548674@qq.com
?? OK
不能下載,,165332460@qq.com
郵箱已經(jīng)發(fā)送,請(qǐng)查收
謝謝,已收到!
看上去挺好用的