很好用的介面設計工具 Balsamiq

2022-07-18 15:57:32 字數 1743 閱讀 2285

感覺一下還不錯吧。

balsamiq mockups出自加利福尼亞州的balsamiq工作室,創始人peldi在2023年6月推出了這款手繪風格的產品原型設計工具,並廣受好評。2年多來,balsamiq工作作為乙個微型獨立軟體開發商,專注於mockups的開發設計,僅3週便實現了盈利,18個月內銷售額達到200萬美元,使用者端數量超過10萬個,這與balsamiq mockups的市場使用者細分的成功以及產品特性是分不開的。

在web產品設計中,balsamiq mockups是產品設計師繪製線框圖或產品原型介面的利器。在產品設計的需求階段,低保真的線框圖或者草圖設計介於產品流程設計與高保真demo設計之間,在balsamiq mockups出現之前,流程圖可以使用visio,高保真demo可以使用axure,但我們並沒有好用的草圖設計工具;在產品設計管理中,我們通常在產品的業務流程和資料流轉已經相當明確時才開始進一步考慮產品的結構層和框架層,雖然此時紙、筆、白板都是非常簡單方便的交流工具,但是他們的最大劣勢就是——很難將有價值的原型儲存下來。balsamiq mockups的出現完美的解決了這個問題。

可存:告別那一堆堆的紙質線框圖吧…

易用:ui控制項支援自動拖拽,並且可以實現自動對齊;

美觀:

應用範圍:就像之前提到的,balsamiq mockups最好用於商用web產品設計中的低保真線框圖或者草圖設計,相對於紙和筆,它不夠靈活;相對於axure,它不夠精確;

使用語言:暫時沒有英文版的balsamiq mockups,雖然相對於用慣國外軟體的產品設計師/前端互動設計師來說,這並不是什麼大問題,但畢竟這提到了使用門檻,童鞋們還是要學好英語;(關於中文漢化版balsamiq mockups下面會提到)

**不菲:79美元的**並不適合喜歡的朋友嘗鮮;而對於國內公司而言,在產品設計領域的理念和意識,遠達不到花錢去買乙個細分的專業軟體的程度。即便不使用balsamiq mockups,地球照樣轉。(關於balsamiq mockups的免費方法下面會提到)

<<

點選圖示直接安裝即可,安裝內容包括adobe air環境以及mockups主體桌面程式:

>> 點選進入 adobe air 的最新版本安裝頁

<<

<<

選擇選單欄 view >> 將 use system fonts 勾上,就能完美支援中文輸入。

目前balsamiq沒有發布中文版的mockups,同時由於balsamiq mockups是基於flash的應用程式,所以無法安裝漢化補丁或漢化包。值得慶幸的是,balsamiq mockups的操作非常簡單和人性化,你不需要專門的balsamiq mockups教程,因為你甚至不需要看文字提示就可以快速上手繪製自己的產品原型了。最後,為需要的朋友提供乙個balsamiq mockups的山寨中文漢化版:balsamiq mockups中英文對照圖,順便做乙個balsamiq mockups的介面demo:

分享10個好用的介面設計工具

webflow可以讓你直接在瀏覽器上建立互動式布局和畫素完美的設計元素,並且不用編寫一行 這是乙個完全基於web的介面設計工具,jetstrap號稱不僅僅是乙個模型工具,它是針對bootstrap 3中最頂尖的介面開發工具。這個圖示庫是著名介面控制項開發商infragistics提供的,它分類齊全 ...

很好用的工具類

package com.pgworld.util public static function gettextfilter bitmapfilter public static function getdropshadowfilter color number 0x000000,angle numb...

App介面原型設計工具

首先,一款優秀的 支援移動端演示 隨時隨地演示給boss,廁所 食堂 電梯 以體現我是那麼的敬業 長點工資必備 元件庫 高效復用,誰用誰知道 可以快速生成全域性流程 程式猿看不懂拆解的,給丫的看這個 手勢操作 轉場動畫 互動特效 這些都不需要,留給專業的互動 視覺,搞那麼虛的不如多想想產品流程邏輯做...