如何用balsamiq mockups制作軟件的界面原型

我們進行軟件開發的時候首先需要做的就是制作界面原型圖, 然后開發人員根據原型圖進行代碼的編寫 。 那么如何制作界面原型圖呢?下面小編就給大家分享一下用balsamiq mockups制作原型圖的方法 。 東西/材料 balsamiq mockups
操作方式 01 【如何用balsamiq mockups制作軟件的界面原型】起首設計原型圖之前我們需要先更新一下AIR, 因為balsamiq mockups依靠AIR的情況, 所以要確保AIR情況是最新的, 如下圖所示, 一般打開軟件的時辰會主動提醒更新

如何用balsamiq mockups制作軟件的界面原型



02 接下來打開balsamiq mockups軟件, 我們會看到如下圖所示的界面, 設計原型圖的時辰直接從原型組件里面拖拽即可

如何用balsamiq mockups制作軟件的界面原型



03 大師在選擇原型組件的時辰可以按照組件頂部的分類進行篩選, 如下圖所示

如何用balsamiq mockups制作軟件的界面原型



04 然后我們拖動幾個組件到畫布上, 你會發現很簡單的幾步就能繪制出一個軟件的根基界面, 如下圖所示

如何用balsamiq mockups制作軟件的界面原型



05 若是你想更改某一個組件的屬性, 好比更改左側菜單的選中狀況, 只需要選中組件, 在右側屬性界面點竄即可, 如下圖所示

如何用balsamiq mockups制作軟件的界面原型



06 最后設計完了原型圖必然要保留文件, balsamiq mockups設計的原型文件的后綴名同一都是bmpr, 如下圖所示

如何用balsamiq mockups制作軟件的界面原型



07 別的良多的公司要求將設計好的原型圖直接導出圖片, 在balsamiq mockups中只需要點擊Project菜單下面的Export選項即可, 如下圖所示

如何用balsamiq mockups制作軟件的界面原型





以上內容就是如何用balsamiq mockups制作軟件的界面原型的內容啦, 希望對你有所幫助哦!

    猜你喜歡