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

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

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

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

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

下面的截圖分別展示了兩種風(fēng)格的對(duì)比?？梢渣c(diǎn)擊圖片看更加清晰地大圖。

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)該使用哪種皮膚風(fēng)格

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

我們添加 wireframe 皮膚風(fēng)格的意圖主要是給你的 Mockups 添加更多的邏輯性，這有利于展示給客戶或是利益共享者，人們也許會(huì)不經(jīng)意間對(duì)你努力相處的創(chuàng)意有所打折，僅僅因?yàn)槟愕恼故揪拖袷钱嬙诓徒砩系乃孛?。我們不愿意你的努力工作被輕視，僅僅因?yàn)樗瓷先ゲ粔驅(qū)I(yè)。

然而，當(dāng)你在進(jìn)行設(shè)計(jì)時(shí)，原始的 sketch 皮膚風(fēng)格仍然提供它已經(jīng)含有的所有優(yōu)點(diǎn)。它故意的做成看上去非常粗糙，這是因?yàn)橄胍ㄟ^這樣來鼓勵(lì)設(shè)計(jì)者去嘗試更多的創(chuàng)意去不斷實(shí)驗(yàn)和修改來完成最好的設(shè)計(jì)。wireframe 皮膚風(fēng)格能夠很快的讓你去完成一個(gè)特定的設(shè)計(jì)，因?yàn)樗雌饋砭秃孟袷且呀?jīng)完成的了，或者當(dāng)你在考慮工作細(xì)節(jié)時(shí)，它會(huì)提示你調(diào)整對(duì)齊，字體顏色等。

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

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

來源：Bill Buxton，Sketching User Experiences

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

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