一套出自設(shè)計(jì)師之手的Axure組件庫(kù),讓你的原型不再LOW

2017-2-17    用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

 來(lái)源:圖冀網(wǎng)

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

一套出自設(shè)計(jì)師之手的Axure組件庫(kù),讓你的原型不再LOW

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

第一步:

先下載這套組件庫(kù)

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

密碼: 78sa


第二步:

打開Axure,新建一個(gè)Axure文件。

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

第三步:

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

一套出自設(shè)計(jì)師之手的Axure組件庫(kù),讓你的原型不再LOW

第四步:

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

一套出自設(shè)計(jì)師之手的Axure組件庫(kù),讓你的原型不再LOW

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

一套出自設(shè)計(jì)師之手的Axure組件庫(kù),讓你的原型不再LOW

一套出自設(shè)計(jì)師之手的Axure組件庫(kù),讓你的原型不再LOW

第五步:

開始做我們的原型圖圖吧!拖拖拖,改改改,連線。所有的部件都是可以編輯的哦。可以通過(guò)(ctrl+減號(hào))和(ctrl+加號(hào))查看整體效果

一套出自設(shè)計(jì)師之手的Axure組件庫(kù),讓你的原型不再LOW

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

四種背景效果都很合適

一套出自設(shè)計(jì)師之手的Axure組件庫(kù),讓你的原型不再LOW

OK,大功告成,是不是很簡(jiǎn)單,無(wú)論是在屏幕上展示,還是打印出來(lái)交流,效果都是杠杠的。

一套出自設(shè)計(jì)師之手的Axure組件庫(kù),讓你的原型不再LOW

一套出自設(shè)計(jì)師之手的Axure組件庫(kù),讓你的原型不再LOW

一套出自設(shè)計(jì)師之手的Axure組件庫(kù),讓你的原型不再LOW

一套出自設(shè)計(jì)師之手的Axure組件庫(kù),讓你的原型不再LOW

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

一套出自設(shè)計(jì)師之手的Axure組件庫(kù),讓你的原型不再LOW

藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔