Axure怎麼使用視覺標準

來源:互聯網
上載者:User

很久沒有發表文章了,最近一直在研究產品設計標準的問題,之前有發過一篇關於 Axure的教程 ,相信很多人已經學會如何使用,這次我給大家介紹一下如何利用Axure將視覺標準封裝並使用。

互動設計師一般都是出線框圖為最終產物,但是往往很多產品只需要利用現成的視覺標準就可以畫出原型。為了減少流程、降低溝通成本,所以我建議互動設計師在做類似產品的時候能夠直接利用現有視覺標準進行原型的搭建,一般很多互動設計師會用Photoshop來實現視覺原型,但是效率和不可互動性還是存在很多問題,所以需要有一套完成的封裝來執行視覺標準並且產生可互動的高保真原型。

背景就不多說了,來講講Axure怎麼使用視覺標準。這裡用到最多的就是Axure裡面的Masters的功能,(如果你還不清楚Axure如何使用,請 點此查看教程 )。

一、建立視覺零件庫

1、把視覺標準中的元素進行提取。一般視覺標準的形式是以PSD、JPG、WORD等,你所要做的就是把每個元素單獨儲存成gif檔案,最好背景是透明的,而且把元件上的文字都去掉保持可擴充性。分類可以按照自己需要來分,我是分為:Logo、icon、button、tab、table、flow。


圖1-1 按鈕的視覺標準


圖1-2 視覺零件分類

2、在Axure裡面的Masters功能區中建立一個檔案夾,命名為“視覺零件”,在檔案夾下面建立一個Master。


圖1-3 建立Master



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。