我們進行軟件開發的時候首先需要做的就是制作界面原型圖, 然后開發人員根據原型圖進行代碼的編寫 。 那么如何制作界面原型圖呢?下面小編就給大家分享一下用balsamiq mockups制作原型圖的方法 。 東西/材料 balsamiq mockups
操作方式 01 【如何用balsamiq mockups制作軟件的界面原型】起首設計原型圖之前我們需要先更新一下AIR, 因為balsamiq mockups依靠AIR的情況, 所以要確保AIR情況是最新的, 如下圖所示, 一般打開軟件的時辰會主動提醒更新
02 接下來打開balsamiq mockups軟件, 我們會看到如下圖所示的界面, 設計原型圖的時辰直接從原型組件里面拖拽即可
03 大師在選擇原型組件的時辰可以按照組件頂部的分類進行篩選, 如下圖所示
04 然后我們拖動幾個組件到畫布上, 你會發現很簡單的幾步就能繪制出一個軟件的根基界面, 如下圖所示
05 若是你想更改某一個組件的屬性, 好比更改左側菜單的選中狀況, 只需要選中組件, 在右側屬性界面點竄即可, 如下圖所示
06 最后設計完了原型圖必然要保留文件, balsamiq mockups設計的原型文件的后綴名同一都是bmpr, 如下圖所示
07 別的良多的公司要求將設計好的原型圖直接導出圖片, 在balsamiq mockups中只需要點擊Project菜單下面的Export選項即可, 如下圖所示
以上內容就是如何用balsamiq mockups制作軟件的界面原型的內容啦, 希望對你有所幫助哦!
猜你喜歡
- 如何在電腦上查詢個人學位信息
- 如何制作及使用氣泡圖?
- Excel如何去除重復值?
- 秋季老年人如何健康出游?秋季旅游謹記八要素!
- 睡著了流眼淚是怎么回事?如何保護眼睛?
- 如何趕走秋困呢?
- 如何預防孩子模仿電視節目中的危險鏡頭?
- 習慣性流產再次懷孕該如何保胎?
- 如何遠離貓抓綜合征?被貓抓傷如何快速處理?
- 如何看懂汽車機油標號
