• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

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

    我們進行軟件開發的時候首先需要做的就是制作界面原型圖,然后開發人員根據原型圖進行代碼的編寫。那么如何制作界面原型圖呢?下面小編就給大家分享一下用balsamiq mockups制作原型圖的方法。

    東西/材料

    balsamiq mockups

    操作方式

    • 01

      起首設計原型圖之前我們需要先更新一下AIR,因為balsamiq mockups依靠AIR的情況,所以要確保AIR情況是最新的,如下圖所示,一般打開軟件的時辰會主動提醒更新

    • 02

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

    • 03

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

    • 04

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

    • 05

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

    • 06

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

    • 07

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

    • End
    • 發表于 2018-08-11 00:00
    • 閱讀 ( 612 )
    • 分類:電腦網絡

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆