|
很久沒(méi)有發(fā)表文章了，最近一直在研究產(chǎn)品設(shè)計(jì)標(biāo)準(zhǔn)的問(wèn)題，之前有發(fā)過(guò)一篇關(guān)于 Axure的教程 ，相信很多人已經(jīng)學(xué)會(huì)如何使用，這次我給大家介紹一下如何利用Axure將視覺(jué)標(biāo)準(zhǔn)封裝并使用。
交互設(shè)計(jì)師一般都是出線框圖為最終產(chǎn)物，但是往往很多產(chǎn)品只需要利用現(xiàn)成的視覺(jué)標(biāo)準(zhǔn)就可以畫(huà)出原型。為了減少流程、降低溝通成本，所以我建議交互設(shè)計(jì)師在做類似產(chǎn)品的時(shí)候能夠直接利用現(xiàn)有視覺(jué)標(biāo)準(zhǔn)進(jìn)行原型的搭建，一般很多交互設(shè)計(jì)師會(huì)用Photoshop來(lái)實(shí)現(xiàn)視覺(jué)原型，但是效率和不可交互性還是存在很多問(wèn)題，所以需要有一套完成的封裝來(lái)執(zhí)行視覺(jué)標(biāo)準(zhǔn)并且產(chǎn)生可交互的高保真原型。
背景就不多說(shuō)了，來(lái)講講Axure怎么使用視覺(jué)標(biāo)準(zhǔn)。這里用到最多的就是Axure里面的Masters的功能，（如果你還不清楚Axure如何使用，請(qǐng) 點(diǎn)此查看教程 ）。
一、創(chuàng)建視覺(jué)零件庫(kù)
1、把視覺(jué)標(biāo)準(zhǔn)中的元素進(jìn)行提取。一般視覺(jué)標(biāo)準(zhǔn)的形式是以PSD、JPG、WORD等，你所要做的就是把每個(gè)元素單獨(dú)保存成gif文件，最好背景是透明的，而且把元件上的文字都去掉保持可擴(kuò)展性。分類可以按照自己需要來(lái)分，我是分為：Logo、icon、button、tab、table、flow。
圖1-1 按鈕的視覺(jué)標(biāo)準(zhǔn)
圖1-2 視覺(jué)零件分類
2、在Axure里面的Masters功能區(qū)中新建一個(gè)文件夾，命名為“視覺(jué)零件”，在文件夾下面新建一個(gè)Master。
圖1-3 新建Master
出處：折折熊de交互論
責(zé)任編輯：bluehearts
上一頁(yè) 下一頁(yè) 利用Axure封裝視覺(jué)標(biāo)準(zhǔn) [2]
|
第 1 頁(yè) 利用Axure封裝視覺(jué)標(biāo)準(zhǔn) [1]
第 2 頁(yè) 
