我們知道一些人需要從內(nèi)部團隊中聚集想法，并且將最好的創(chuàng)意展現(xiàn)給客戶或者是利益共享者，在這種情況下默認的 "sketch" 外表風格很難滿足要求。應(yīng)對這種需求，我們創(chuàng)建了一個 "wireframe" 外表風格，能夠告別粗糙的手繪風格，取而代之的是更加鮮活，干凈的線框元素。

從 sketch 轉(zhuǎn)換為 wireframe 皮膚風格

想要轉(zhuǎn)換外表風格，要到項目信息面板并且將外表設(shè)置為 "Wireframe"。

http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/skin-switcher.png" alt="image" />

這個特性允許你使用粗糙的外表風格來顯示你的想法，然后再通過菜單選擇外表風格，來將你所有的控件轉(zhuǎn)換為干凈的風格。其中包括圖標的所有元素都會被轉(zhuǎn)換。

下面的截圖分別展示了兩種風格的對比?？梢渣c擊圖片看更加清晰地大圖。

http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/search-sketchy.png" alt="image" /> http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/search-wireframe.png" alt="image" />

應(yīng)該使用哪種皮膚風格

很高興你能夠問這個問題;-) 簡單的說，我們?nèi)匀徽J為在使用 mockup 時 sketch 皮膚風格在大多數(shù)時候更加合適。

我們添加 wireframe 皮膚風格的意圖主要是給你的 Mockups 添加更多的邏輯性，這有利于展示給客戶或是利益共享者，人們也許會不經(jīng)意間對你努力相處的創(chuàng)意有所打折，僅僅因為你的展示就像是畫在餐巾上的素描。我們不愿意你的努力工作被輕視，僅僅因為他看上去不夠?qū)I(yè)。

然而，當你在進行設(shè)計時，原始的 sketch 皮膚風格仍然提供它已經(jīng)含有的所有優(yōu)點。它故意的做成看上去非常粗糙，這是因為想要通過這樣來鼓勵設(shè)計者去嘗試更多的創(chuàng)意去不斷實驗和修改來完成最好的設(shè)計。wireframe 皮膚風格能夠很快的讓你去完成一個特定的設(shè)計，因為他看起來就好像是已經(jīng)完成的了，或者當你在考慮工作細節(jié)時，它會提示你調(diào)整對齊，字體顏色等。

wireframe 皮膚風格讓你的設(shè)計看上去感覺已經(jīng)完成，而 sketch 皮膚風格則讓你的設(shè)計看上去還是不完美的，這將指引你繼續(xù)提出問題并進行探索。下面對草圖和原型的不同的描述同樣可以應(yīng)用到 sketch 和 wireframe 皮膚風格的不同。

http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/buxton_small.jpg" alt="image" />

來源：Bill Buxton，Sketching User Experiences

因此，雖然你可以在設(shè)計過程中的任何階段使用 wireframe 皮膚風格，但是我們不推薦用它代替 sketch 皮膚，而是將它作為 sketch 的一個后續(xù)。它擴展了 Mockups 的功能，使他更適合在產(chǎn)品開發(fā)過程中的演示或是推銷，而不是構(gòu)思和設(shè)計階段。

在一開始，Balsamiq Mockups 就被優(yōu)化成為產(chǎn)品設(shè)計階段的新穎點，并且在未來會繼續(xù)如此。我們仍然沒有任何計劃去為我們的產(chǎn)品添加花哨的交互行為，我們非常滿意我們現(xiàn)在做的事。

上一篇：Mockups 應(yīng)用概述下一篇：如何找到你的本地數(shù)據(jù)存儲文件夾？