一套出自設計師之手的Axure組件庫,讓你的原型不再LOW
很多小伙伴常常抱怨沒有好的組件庫,導致每次畫原型的時候自己一個按鈕一個按鈕繪制,效率低下。這個組件庫來自有著多年經(jīng)驗的中夢科技設計總監(jiān)@姚歲歲 ,從設計師的角度設計組件庫,相信能讓你的原型發(fā)揮出不一樣的光彩。
每次看到網(wǎng)絡上別人的原型圖,都覺得好高檔,好羨慕啊,但自己做的原型圖卻樣式很low。雖然有人會說,原型嘛,又不是做視覺設計,干嘛要看起來高大上,保證功能才是第一的。但是如果能很簡單的出一份高檔的原型圖,無疑會有利于展現(xiàn)自己的專業(yè)水準,在和甲方、BOSS、同事的溝通中占據(jù)更有利的優(yōu)勢,被大家所認可。
所以,作為一名目標是項目經(jīng)理的設計師,從視覺的角度規(guī)劃了一套組件庫,這里分享這套原創(chuàng)的組件庫,和使用方法,讓你簡單幾步便能輸出高端大氣上檔次的原型圖。
第一步:
先下載這套組件庫(文末有下載地址)。
第二步:
打開Axure,新建一個Axure文件。
(注意,這里不是雙擊打開這個組件庫,不是雙擊打開這個組件庫,不是雙擊打開這個組件庫)
第三步:
在左側(cè)“部件”的面板中,點擊按鈕彈出菜單,選擇菜單中的“載入部件庫”,選擇剛下載的這套組件庫文件。
第四步:
載入這套組件庫后,我們可以看到里面分了幾個大類,先拖第一個背景色到編輯區(qū)
選擇合適的背景色,在底部的“頁面樣式”面板中改變底色
第五步:
開始做我們的原型圖圖吧!拖拖拖,改改改,連線。所有的部件都是可以編輯的哦??梢酝ㄟ^(ctrl+減號)和(ctrl+加號)查看整體效果
最后:”文件”->”導出為圖片”,在ps中稍微補修改一下頁面的大小,即可獲得如下下效果。(PS中“圖像”->“修改畫布大小”,向右下方延伸)
四種背景效果都很合適
OK,大功告成,是不是很簡單,無論是在屏幕上展示,還是打印出來交流,效果都是杠杠的。
這套組件庫里到底包涵了哪些東西,也分享給大家看看
就分享到這吧,再次標注這套組件庫的下載地址:
鏈接: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)載。
鏈接下載不了,麻煩樓主發(fā)我一下~郵箱:1097489867@qq.com,謝謝 ??
下載不了了,麻煩樓主發(fā)我下~郵箱:3188334041@qq.com ??
鏈接下載不了,麻煩樓主發(fā)我下哦~郵箱:253284230@qq.com
好人一生平安。mtyx1226@qq,com
下載不了呢,只能麻煩樓主發(fā)我下哦~郵箱:18768118405@sina.cn
鏈接下載不了,麻煩樓主發(fā)我下哦~郵箱:luokaiblue@qq.com
下載不了額,麻煩樓主發(fā)我郵箱哦562301089@qq.com
鏈接下載不了,麻煩樓主發(fā)我下哦~郵箱:496218086@qq.com
求發(fā)到郵箱 263075270@qq.com,萬分感謝呢
鏈接下載不了,麻煩樓主發(fā)我下哦~郵箱:287643910@163.com ??
鏈接下載不了,麻煩樓主發(fā)我下哦~郵箱:yanze1118@163.com ??
zhengzhaojun824@163.com 感謝
835346127@QQ.COM, 萬分感謝·~~~~謝謝樓主分享
1217548231@qq.com,謝謝樓主分享,感謝~
595242684@qq.com , 謝謝樓主分享,萬萬分感謝~~
沒有安裝成功,請發(fā)我一下,謝謝!1594956804@qq.com
鏈接失效了,389822750@qq.com,謝謝樓主~
329617371@qq.com,辛苦樓主~
858244998@qq.com 麻煩樓主了~~
314405767@qq.com,謝謝樓主~
827868956@qq.com,感謝樓主1!
鏈接失效了,414285881@qq.com,謝謝樓主~
大愛
554899256@qq.com 辛苦樓主。感謝!
315182517@qq.com 謝謝樓主!
dongyiweiqq.com@qq.com 謝謝樓主
樓主幫忙發(fā)下吧~312878612@qq.com 萬分感謝 ??
鏈接失效了,求樓主好心qyh88580@sina,cn
望樓主發(fā)下,郵箱h405984199@qq.com
342459577@qq.com 謝謝分享