我們進行軟件開發(fā)的時候首先需要做的就是制作界面原型圖，然后開發(fā)人員根據(jù)原型圖進行代碼的編寫 。那么如何制作界面原型圖呢？下面小編就給大家分享一下用balsamiq mockups制作原型圖的方法 。
工具/材料【如何用balsamiq mockups制作軟件的界面原型】balsamiq mockups
操作方法01、首先設(shè)計原型圖之前我們需要先更新一下AIR，因為balsamiq mockups依賴AIR的環(huán)境 ， 所以要確保AIR環(huán)境是最新的 ， 如下圖所示，一般打開軟件的時候會自動提示更新
02、接下來打開balsamiq mockups軟件 ， 我們會看到如下圖所示的界面，設(shè)計原型圖的時候直接從原型組件里面拖拽即可
03、大家在選擇原型組件的時候可以根據(jù)組件頂部的分類進行篩??，瓤z巒妓?
04、然后我們拖動幾個組件到畫布上，你會發(fā)現(xiàn)很簡單的幾步就能繪制出一個軟件的基本界面，如下圖所示
05、如果你想更改某一個組件的屬性，比如更改左側(cè)菜單的選中狀態(tài)，只需要選中組件 ， 在右側(cè)屬性界面修改即可，如下圖所示
06、最后設(shè)計完了原型圖一定要保存文件，balsamiq mockups設(shè)計的原型文件的后綴名統(tǒng)一都是bmpr ， 如下圖所示
07、另外很多的公司要求將設(shè)計好的原型圖直接導出圖片，在balsamiq mockups中只需要點擊Project菜單下面的Export選項即可，如下圖所示
推薦閱讀
- 如何在ps中制作一張印刷折頁？
- 固機片是如何把機芯卡住的
- 我國肉用家禽是如何構(gòu)成的
- 如何在PS中做藥盒包裝？
- 如何設(shè)計地毯效果圖？
- 如何在京準通里刪除京任務(wù)
- Firefox瀏覽器如何剪輯保存到OneNote？
- 如何設(shè)置Access數(shù)據(jù)表之間的關(guān)系
- 在Access中如何合并兩個數(shù)據(jù)表中的數(shù)據(jù)
- 如何啟用BitLocker 驅(qū)動器加密服務(wù)