1. 程式人生 > >原型設計工具—Axure

原型設計工具—Axure

原型設計工具 包含 自己 alt 做了 簡單 可用 key 一定的

作為軟件設計的一員,需要在軟件開發初期確保軟件的具體內容,防止後期大幅度的修改。 在這樣的情況下,原型設計軟件就起到了關鍵的作用。

摘要:

原型設計為什麽這麽重要呢?

因為它幫助我們搭建了低保真或高保真的用戶界面,並加入了一定的交互功能,原型設計工具就像是演草紙一樣,我們可以寫在原型設計工具上設計出我們想象的界面,然後更改,講編碼放在最後一部分,這樣就可以減少不必要的浪費。

博主個人使用原型設計工具的經歷:

Keynote:雖然它屬於PPT範圍類的軟件,但很多時候人們也用它來做原型設計,因為它在演講時起到非常好的效果,但畢竟它不是真正的原型設計,還有很多不如其他軟件操作簡單。但比較適合初學者。

sketch:這款軟件是IOS系統下的原型設計軟件。現在非常多的人使用,但因為需要付費,博主作為一名窮學生還沒有使用過。

Axure:非常簡潔、方便的軟件,博主在上學期的一堂課程上正式學習了這款軟件,也是我正式使用的第一款原型設計軟件。接下來會重點地介紹它。

一、原型設計工具

1.什麽是原型設計?

原型設計是交互設計師與PD、PM、網站開發工程師溝通的最好工具。而該塊的設計在原則上必須是交互設計師的產物,交互設計以用戶為中心的理念會貫穿整個產品。利用交互設計師專業的眼光與經驗直接導致該產品的可用性。

2.什麽是原型設計工具

POP、Pencil Project、Axure、墨刀、sketch等生成低保真或高保真的用戶界面設計的工具。

二、Axure介紹

1.Axure的界面

技術分享圖片

1.1工具欄

技術分享圖片

紅圈裏包含了Axure中的所有工具,下方是快捷鍵,可以自定義改動。

1.2頁面

技術分享圖片

可以從這部分選擇自己要制作或修改的頁面。

1.3原件窗口

技術分享圖片

這部分是非常重要的部分。

同過元件窗口可視化需要的元件,可以直接拖動到操作面板中,需要的元件也可以在搜索框搜索。

1.4操作窗口

技術分享圖片

操作窗口占據了大部分,可以從這部分看到自己制作出的成品,還可以看到用戶看不到的內容。

1.5屬性界面

技術分享圖片

在屬性界面可以更改元件的屬性

2.事例展示

1.以前和同學一起做過一個關於家具的APP原型設計

技術分享圖片

一共做了11個界面,主要包括了滾動,圖片覆蓋,界面之間轉換等。

原型設計工具—Axure