在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ 產(chǎn)品經(jīng)理/ 使用符號(hào)
我可以在不同的 mockups 之間重用已有的元素嗎?
Balsamiq Mockups 延伸內(nèi)容
導(dǎo)出Mockups
使用圖標(biāo)
將 Mockups 鏈接起來(lái)
使用站點(diǎn)地圖
Mockups 是否可以將我的原型圖分享給客戶端?
我可以在微軟 Sharepoint 服務(wù)器上保存 Mockups 文件嗎?
Balsamiq Mockups 3 簡(jiǎn)介
使用標(biāo)記
我可以使用命令行安裝 Mockups 嗎?
對(duì)于某一個(gè)Mockup,最大的畫布大小是多少?
快捷鍵
Mockups 是否自動(dòng)保存已打開的文件?
我可以跨項(xiàng)目使用符號(hào)和資源嗎?
我能導(dǎo)出 Mockup 筆記嗎?
Mockups 能導(dǎo)出為 HTML/CSS/JS,XAML,Ruby等格式嗎?
Mockups 有比較正式的皮膚嗎?
使用文本控件
項(xiàng)目信息面板
導(dǎo)入 Mockups 和符號(hào)
使用 UI 視圖
使用圖像
屬性檢視視圖
使用數(shù)據(jù)網(wǎng)格/表格
如何找到你的本地?cái)?shù)據(jù)存儲(chǔ)文件夾?
什么是自定義屬性?
使用符號(hào)
版本過(guò)渡指南
使用皮膚(sketch vs. wireframe)
我可以添加自定義控件或圖標(biāo)嗎?
使用Alternates分支
全屏演示模式
我的屏幕較小,如何能夠看到更大的畫布?
Mockups 應(yīng)用概述

使用符號(hào)

最近已經(jīng)上傳完畢!

這篇網(wǎng)頁(yè)是為了 Balsamiq Mockups 3 而上傳的。原來(lái)的文件您可以點(diǎn)擊這里來(lái)觀看。

Balsamiq Mockups 支持符號(hào)的概念。一個(gè)符號(hào)是一組只有單一功能的控件。它通常用于部分用戶的界面,并出現(xiàn)在多個(gè)屏幕上。有的其他軟件稱這個(gè)特性為模板,母版頁(yè),自定義組件或部件。

從本質(zhì)上來(lái)說(shuō),符號(hào)讓你創(chuàng)建可重用元素,你可以在不同的 Mockups 上使用這些元素。

創(chuàng)建符號(hào)

這有兩種方法來(lái)創(chuàng)建符號(hào),描述如下。

1.在模型視圖創(chuàng)建符號(hào)

在 Mockups 視圖創(chuàng)建一個(gè)符號(hào)時(shí)要給你的符號(hào)組件進(jìn)行分組。你可以創(chuàng)建一個(gè)新的分組或使用已經(jīng)存在的分組。下面的步驟為創(chuàng)建一個(gè)新的分組。

1.選擇你想要的組件。

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

2.分組你選擇的組件(選擇 Edit > Group,單擊工具欄中的組圖標(biāo),或者使用 CTRL/CMD + G)。注意控件將變成藍(lán)色,以顯示他們是一組。
3.給組命名
4.在屬性面板中單擊“轉(zhuǎn)換為符號(hào)”按鈕

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

你將會(huì)注意到選擇組會(huì)成為淺綠色。這意味著現(xiàn)在選中的是一個(gè)符號(hào)的實(shí)例,并且你可以在你的工程中重用它。

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

這個(gè)新的符號(hào)將顯示在 UI 庫(kù)的符號(hào)集合中,可以用在你項(xiàng)目中的所有模型中,這樣你可以非常容易地將它添加到任何模型當(dāng)中。

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

提示:一旦創(chuàng)建了一個(gè)符號(hào),就像其他控件一樣,你也可以通過(guò)使用快速添加,利用其名稱的前幾個(gè)字母來(lái)進(jìn)行添加。

2.使用符號(hào)視圖

Balsamiq Mockups 3 是一個(gè)專用的視圖創(chuàng)建和管理的符號(hào)。使用 mockups 視圖創(chuàng)建的符號(hào)將在這里顯示,并且你也可以在這個(gè)視圖中創(chuàng)建符號(hào)。

你可以使用導(dǎo)航圖標(biāo)并選擇符號(hào)來(lái)得到符號(hào)視圖。你會(huì)在左側(cè)的面板列表中看到任何活動(dòng)的符號(hào)。

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

工具欄包括兩個(gè)圖標(biāo)可以用來(lái)創(chuàng)建符號(hào):一個(gè)用于創(chuàng)建一個(gè)空白畫布,另一個(gè)則用于導(dǎo)入。

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

單擊新符號(hào)庫(kù)圖標(biāo)可以創(chuàng)建一個(gè)新的符號(hào)庫(kù)。符號(hào)視圖顯示符號(hào)的同時(shí),也會(huì)顯示符號(hào)庫(kù)容器。在符號(hào)視圖中你可以在創(chuàng)建之前得知他們的區(qū)別。閱讀它們的解釋。

符號(hào)與符號(hào)庫(kù)

一個(gè)符號(hào)庫(kù)是符號(hào)的集合。它能夠用來(lái)將具有類似特性的符號(hào)進(jìn)行分組。當(dāng)符號(hào)過(guò)多的情況時(shí),符號(hào)庫(kù)是用來(lái)管理和組織符號(hào)的。如果你不是一個(gè)符號(hào)的專業(yè)用戶,你可以將符號(hào)保持在一個(gè)符號(hào)庫(kù)中(然后你可以添加更多的符號(hào)庫(kù))。

符號(hào)視圖在他們符號(hào)庫(kù)中以嵌套列表的形式顯示,如下所示。

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

你能選擇符號(hào)庫(kù)名稱來(lái)查看其中所有的符號(hào),或者你可以選擇某個(gè)符號(hào)的名稱來(lái)僅查看該符號(hào)。

當(dāng)瀏覽一個(gè)符號(hào)時(shí),你將會(huì)看到一個(gè)小浮動(dòng)欄,其顯示鏈接到符號(hào)庫(kù)的路徑。如果你在符號(hào)里有分組,這個(gè)浮動(dòng)欄將會(huì)幫你導(dǎo)航分組。

符號(hào)列表的頂部的圖標(biāo)允許你選擇除了你選擇的符號(hào)外你是否希望看到在符號(hào)庫(kù)中的其他的符號(hào)。

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

注意:一個(gè)符號(hào)所屬的符號(hào)庫(kù)會(huì)被 UI 庫(kù)和快速添加中被忽略。無(wú)論符號(hào)屬于哪個(gè)符號(hào)庫(kù),你都將看到你的符號(hào)列表。

在符號(hào)視圖中創(chuàng)建符號(hào)

在符號(hào)視圖中創(chuàng)建符號(hào),和在模型視圖中創(chuàng)建符號(hào)類似,只不過(guò)你不需要對(duì)它們分組。任何控件添加到符號(hào)中都會(huì)立即成為其中的一部分。

如上所述,你可以添加一個(gè)新的符號(hào)到現(xiàn)有的符號(hào)庫(kù)或一個(gè)新的庫(kù)。要?jiǎng)?chuàng)建一個(gè)新的符號(hào),點(diǎn)擊符號(hào)庫(kù)右邊的 '+' 圖標(biāo)。這將在那個(gè)符號(hào)庫(kù)中創(chuàng)建一個(gè)新的符號(hào)(比如,叫做 "New Symbol")。

當(dāng)你創(chuàng)建一個(gè)新的符號(hào)庫(kù),兩個(gè)示例符號(hào)會(huì)自動(dòng)被創(chuàng)建來(lái)幫助你理解符號(hào)是怎么工作的。你可以隨時(shí)修改或刪除它們。

提示:你可以給符號(hào)庫(kù)本身添加控件,但是這些控件當(dāng)符號(hào)在你的模型中被使用時(shí)將不會(huì)被顯示。像便簽一樣控件在添加到符號(hào)庫(kù)時(shí)能夠用于記錄符號(hào),不需要在 UI 中顯示出來(lái)。

導(dǎo)入符號(hào)

除了在視圖中創(chuàng)建符號(hào),你也可以導(dǎo)入在先前版本的 Balsamiq 模型創(chuàng)建的符號(hào)。點(diǎn)擊導(dǎo)入符號(hào)庫(kù)按鈕來(lái)打開一個(gè)對(duì)話框,導(dǎo)入 BMML 格式的文件(模型中使用的格式,比如,Mockups To Go)。

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

導(dǎo)入的符號(hào)將被創(chuàng)建在一個(gè)新的符號(hào)庫(kù)。

在你的模型中使用符號(hào)

你可以像使用其他控件一樣在模型中使用符號(hào)。你能夠從 UI 庫(kù)中添加它們,或使用快速添加在你的模型中安置符號(hào)和其他控件。

這樣的創(chuàng)建方法與先前的方法的主要的區(qū)別在于,類似于其他分組控件,符號(hào)的屬性本身是有限的。

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

當(dāng)然,最大的優(yōu)勢(shì)是您所做的任何改變?cè)谀闶褂梅?hào)時(shí)都會(huì)被更新。請(qǐng)繼續(xù)閱讀,來(lái)學(xué)習(xí)如何編輯符號(hào)。

編輯符號(hào)

當(dāng)你在模型畫布中選中一個(gè)符號(hào),你將看到兩個(gè)符號(hào)屬性出現(xiàn)在屬性檢視視圖中: Break Apart 和 Edit Source。

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

"Break Apart" 將把符號(hào)中的空間和選中的符號(hào)本身的連接打斷,意味著它不再是一個(gè)符號(hào)(盡管原始符號(hào)完好)。你對(duì)分解后的符號(hào)的任何改變都不會(huì)在其他地方更新,你對(duì)一個(gè)符號(hào)的任何改變?cè)谒姆纸馓幰捕疾粫?huì)被更新。

"Edit Source" ,它會(huì)去做你期望它做的事情,它提供給你可以編輯符號(hào)的符號(hào)視圖??芍貜?fù)使用的符號(hào)的主要好處是,如果你需要作出更改,你只需要在一個(gè)地方進(jìn)行更改即可,它會(huì)傳播到所有的符號(hào)實(shí)例(使用中的)中去。當(dāng)你完成編輯符號(hào)時(shí),你可以點(diǎn)擊畫布上的 "Back to Mockups" 按鈕。對(duì)符號(hào)的編輯將會(huì)立即顯示在你使用的模型中。

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

提示 你同樣可以通過(guò)在 UI 庫(kù)中右擊并選擇 "Edit Symbol Source" 來(lái)進(jìn)行編輯符號(hào)。

重寫符號(hào)屬性

一旦你已經(jīng)創(chuàng)建了一個(gè)符號(hào),你每次使用它的時(shí)候可能都會(huì)想要做一些小小的更改。

例如想象一個(gè)你創(chuàng)建主頁(yè)或模板時(shí)的樣本,包含一個(gè) Web 頁(yè)面的標(biāo)題和導(dǎo)航。

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

你的所有網(wǎng)站頁(yè)面的標(biāo)題將含有相同的字體大小和位置,但是標(biāo)題文本是不同的。同樣的,你可以在導(dǎo)航欄中選擇哪一個(gè)頁(yè)面會(huì)被顯示。

符號(hào)通過(guò)允許你在每一次使用符號(hào)時(shí)覆蓋特定的符號(hào)屬性來(lái)實(shí)現(xiàn)這一效果。為此,首先雙擊符號(hào)的 "enter it"。雖然這個(gè)過(guò)程非常類似于編輯一個(gè)分組的內(nèi)容,但你會(huì)發(fā)現(xiàn) Mockups for Desktop 會(huì)提醒你,你所做的是正在重寫一個(gè)符號(hào)的某些屬性。

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

此時(shí),你可以操控在符號(hào)中的每一個(gè)控件,就好像你在編輯一個(gè)分組。當(dāng)你在重寫符號(hào)屬性時(shí),一些操作是不能進(jìn)行的,比如添加,刪除或是控件分組。如果你想要編輯所有的實(shí)例化符號(hào),單擊 "Edit" 按鈕。

如果你的操作出現(xiàn)錯(cuò)誤,你可以通過(guò)撤銷來(lái)回到上一步操作。如果你想要移除一個(gè)屬性更改的操作,并且恢復(fù)符號(hào)的默認(rèn)屬性,你可以單擊在屬性視圖中的綠色的小 "x" 圖標(biāo)。

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

你同樣可以立即撤銷你對(duì)一個(gè)實(shí)例化符號(hào)的所有操作,只要當(dāng)你選擇整個(gè)符號(hào)時(shí),在通過(guò)屬性視圖中的 "x" 圖標(biāo)來(lái)完成。

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

在項(xiàng)目中使用符號(hào)

如果你想要在多個(gè)項(xiàng)目中使用相同的符號(hào),你可以將模型代碼導(dǎo)出到另一個(gè)項(xiàng)目。你同樣可以創(chuàng)建一個(gè)模板項(xiàng)目,該操作在 Using Symbols and Assets across Projects 中涉及到。

管理符號(hào)

在符號(hào)視圖中除了可以創(chuàng)建符號(hào)和符號(hào)庫(kù)之外,它也是一個(gè)可以管理和組織你的符號(hào)的好工具。

你可以通過(guò)右側(cè)的屬性面板來(lái)給你的符號(hào)和符號(hào)庫(kù)添加標(biāo)記。

當(dāng)一個(gè)符號(hào)被選中時(shí),較低部分的面板會(huì)顯示符號(hào)在使用的模型(如果有的話)。這可以用來(lái)查看你是否可以刪除你沒有在使用的符號(hào)。單擊模型名稱將會(huì)鏈接到模型視圖中的模型中。

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

重命名符號(hào)

重命名符號(hào)或是符號(hào)庫(kù)時(shí),你可以在左側(cè)的導(dǎo)航欄面板中雙擊它的名稱,或使用文本菜單

刪除符號(hào)

你同樣可以使用文本菜單從你的項(xiàng)目中刪除符號(hào)或是符號(hào)庫(kù)。當(dāng)你刪除符號(hào)庫(kù)時(shí),就像是模型或是圖像,刪除會(huì)將它們已送至垃圾箱,在垃圾箱中你可以永久的刪除它們,或者是恢復(fù)它們。而從符號(hào)庫(kù)中刪除一個(gè)符號(hào)時(shí),刪除意味著永久性的刪除。

從模型中刪除一個(gè)符號(hào),就像是圖片一樣,并不意味著刪除符號(hào),而僅僅是一個(gè)符號(hào)的實(shí)例被刪除。

克隆符號(hào)

克隆符號(hào)(同樣可以通過(guò)文本菜單)可以在你創(chuàng)建類似的符號(hào)或是符號(hào)庫(kù)時(shí)為你節(jié)約寶貴的時(shí)間。