Axure RP官方教程翻譯(2):文本鏈接

4 評論 11227 瀏覽 40 收藏 3 分鐘

文章分享了給部件中的部分文字添加鏈接的實(shí)現(xiàn)過程,具體來看看~

這篇教程要達(dá)到的目的是為了一個(gè)部件中部分文字添加鏈接,在該案例中我將其打開方式修改成“Popup Window”,實(shí)現(xiàn)的效果如下:

STEP 0:下載練習(xí)文件

如果你還沒有練習(xí)文件,下載AxureTraining.rp文件并且在Axure RP打開它。這個(gè)文件包含了Axure培訓(xùn)網(wǎng)站上每個(gè)教程用到的相關(guān)頁面。我們建議一直都用我們準(zhǔn)備的這個(gè)文件來完成教程,但是如果你不能,那也是ok的——即使你沒有使用我們的培訓(xùn)文件,我們總是會告訴你為了完成每一個(gè)教程需要在新文件中創(chuàng)建什么。

AxureTraining.rp文件打開后如下:

STEP 1:選擇文本

打開培訓(xùn)文件中的“Text link”頁面。它包含了一個(gè)帶有一些文本段落的部件。

雙擊這個(gè)部件進(jìn)行編輯文本,僅僅選擇一部分文本。

STEP 2:配置鏈接

  • 在右側(cè)Inspector面板的Properties標(biāo)簽欄下,點(diǎn)擊“Text Link”icon。
  • 出現(xiàn)對話窗“Link Properties”(鏈接屬性),在對話框頂部的“Open in”下拉框中選擇“New Window/Tab”(新窗口/標(biāo)簽)。
  • 或者,你也可以使用(對話框底部的)選項(xiàng)“Link to external url or file”來鏈接到外面的網(wǎng)站。
  • 點(diǎn)擊確定關(guān)閉對話框。

你選擇的文本現(xiàn)在有了一個(gè)可交互的覆蓋和鏈接樣式。

STEP 3:預(yù)覽

點(diǎn)擊預(yù)覽。在生成的原型中,點(diǎn)擊鏈接文本測試你的鏈接。

相關(guān)閱讀

Axure RP官方教程翻譯(1):交互式按鈕

譯者:Eugene

原文鏈接:?https://www.axure.com/support/training/text-link-tutorial

本文由 @Eugene 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 哈哈,感謝。
    翻譯官方參考手冊的事情,我翻譯了一篇,但是沒堅(jiān)持下去。
    希望樓主堅(jiān)持下去,是一件有意義有價(jià)值的事兒。
    希望

    來自江蘇 回復(fù)
    1. 真是很高興得到你的認(rèn)可,我之前就關(guān)注你的微信公眾號了

      來自福建 回復(fù)
    2. 感謝支持。
      個(gè)人感覺Axure官方的這些參考手冊文章里面,包含了他們對于Axure的設(shè)計(jì)之道,不僅僅是功能本身。更主要是如何設(shè)計(jì)原型,定義產(chǎn)品的思想。
      真的期待你把其他幾個(gè)系列也能堅(jiān)持下去翻譯。。。真心期待。

      來自上海 回復(fù)
    3. 是,看來我還有很多要學(xué)習(xí)的。其他幾個(gè)系列,我量力而行。^_^

      來自福建 回復(fù)