自行設定 Balsamiq Mockups 的字體(支援中文)

Written by Simon Asika on

p2013-10-12-3.jpg

Balsamiq Mockups 是一套非常好用的 UI Wireframe 繪製工具,不過過去許多時間來,字體一直是大家煩惱的問題之一。

Balsamiq 預設使用了一種類似 Comic Sans 的字體,叫做 Balsamiq Sans,搭配 UI 元件的手繪畫風,別有一番味道。但是這個字體其實不支援中文,在過去比較早期的版本中,必須要自行設定「Use System Fonts」才能夠讓中文顯現。

p2013-10-12-4.jpg

缺點是,這樣會讓字體變成難看的新細明體。

p2013-10-12-5.jpg

因此,Balsamiq 提供了 Config 功能讓我們以 XML 設定想要的字體。首先打開 Balsamiq 的 data 資料夾。

1395388_10201353737637431_1167763356_n.jpg

在裡面建立一個 BalsamiqMockups.cfg 檔案,並用純文字編輯器打開,如下圖輸入字體名稱即可。

1390621_10201353738557454_1572597501_n.jpg

也可以由此複製:

<config>

  <fontFace>微軟正黑體</fontFace> 

</config>

然後我們重開程式並關掉「Use System Fonts」選項,就會發現預設改用微軟正黑體了。

p2013-10-12-6.jpg

這樣做的缺點是連之前別有風格的 Balsamiq Sans 也不見了,不過至少比細明體來的漂亮一些。當然,如果想保留 Comic Sans 的話,不如就製作全英文的 Wireframe 吧。(我在 Mac 上是用儷黑Pro啦,中英文都還算可接受)

另外,如果你用預設的 Balsamiq Sans ,還內建有許多特殊符號可以使用喔~

p2013-10-12-7_1.jpg

完整的 Config 範例:

<config>

  <fontFace>Architect Small Block</fontFace> 

  <rememberWindowSize>false</rememberWindowSize> 

  <useCookies>false</useCookies> 

  <documentsPath>C:\Documents And Settings\Administrator\Desktop</documentsPath> 

  <snappingEnabled>false</snappingEnabled> 

  <selectionColor>FF0000</selectionColor> 

  <transparentBackground>true</transparentBackground> 

</config>

每一項 Confg 的說明請看: The BalsamiqMockups.cfg Configuration File

Control Tools

WS-logo