最近已經(jīng)上傳完畢!
這篇網(wǎng)頁是為了 Balsamiq Mockups 3 而上傳的。原來的文件您可以點(diǎn)擊這里來觀看。
您可以將 mockups 鏈接起來,為你的網(wǎng)站或是軟件應(yīng)用創(chuàng)建一個(gè)簡單的原型。當(dāng)你以全屏顯示模式或是導(dǎo)出 PDF 方式展示你的項(xiàng)目時(shí),采用將 mockups 鏈接起來的方法,對展示點(diǎn)擊原型或是可用性測試非常有效。
鏈接 mockups 就像在下拉菜單中選擇 mockup 一樣簡單。簡單的點(diǎn)擊一個(gè)支持鏈接的控件(這是通常的做法,如果不這樣做的話,這里也有一個(gè)解決方案)并且你將在屬性視圖 中看見一個(gè) "Link" 下拉菜單(如果你沒有看到,請點(diǎn)擊 “查看鏈接視圖”)。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/link_inspector.png" alt="image" />
項(xiàng)目中的列表已經(jīng)預(yù)先填充了其他 mockups 的名稱。選擇其中一個(gè)并且鏈接到它。如果你想要鏈接到一個(gè)還沒有創(chuàng)建的 mockup,點(diǎn)擊 "Link to a new mockup",然后一個(gè)新的 mockup 將會(huì)被創(chuàng)建,并且選中的控件會(huì)鏈接到該 mockup。這個(gè)新 mockup 的名字會(huì)以一個(gè)通知的形式來顯示。點(diǎn)擊該通知,將會(huì)轉(zhuǎn)到這個(gè) mockup 中。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/linktonewmockup.png" alt="image" />
你同樣可以鏈接到網(wǎng)絡(luò) URLs 而不是其他 mockups,來展示鏈接到外部網(wǎng)站或是產(chǎn)品頁面的鏈接。為了這么做,選擇 "Link to web address..." 選項(xiàng),并且在彈出的對話框中輸入你要鏈接到的 URL。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/linktourl.png" alt="image" />
對于有多個(gè)鏈接目標(biāo)的組件,你將看到如下情況:
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/link_inspector_multi.png" alt="image" />
注意:想要學(xué)習(xí)如何在其他控件中的文本字符串創(chuàng)建鏈接,請查看我們的文章 making links in text actually work。
一旦你已經(jīng)在下拉菜單中選擇了一個(gè) mockup 或是網(wǎng)絡(luò)頁面來進(jìn)行鏈接,組件將會(huì)在右下角顯示一個(gè)小箭頭。到 mockup 的鏈接會(huì)被現(xiàn)實(shí)為一個(gè)空白的箭頭,而到網(wǎng)絡(luò)頁面的鏈接將是一個(gè)箭頭周圍有一個(gè)小盒子包圍著它。如下所示:
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/bracket_links.png" alt="image" />
當(dāng)你鏈接至你的 mockups 時(shí),你能夠進(jìn)入全屏顯示模式,并且你可以點(diǎn)擊你的鏈接來測試原型。
在全屏顯示模型中,含有鏈接的組件將會(huì)有一個(gè)紅色的疊加,并且當(dāng)指針在其上經(jīng)過時(shí),將會(huì)出現(xiàn)一個(gè)大指針,并且伴隨著鏈接到的目標(biāo)文件或是網(wǎng)絡(luò)頁。(這個(gè)功能也可以在全屏顯示模式設(shè)置面板中關(guān)閉)。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/bighand.png" alt="image" />
點(diǎn)擊這個(gè)鏈接會(huì)直接到鏈接到的 mockup 文件或是網(wǎng)絡(luò)頁面。網(wǎng)絡(luò)鏈接將會(huì)在瀏覽器中的打開。
這里有一個(gè)短視頻來展示將 mockups 鏈接起來的過程。