1. 程式人生 > >【Axure教程】註釋說明功能使用

【Axure教程】註釋說明功能使用

AxureRP將互動與註釋說明功能放在了一個面版上,同時又針對整個頁面有一個互動與註釋說明。互動功能設定的是使用者通過不同方式觸發頁面中元素或者載入頁面時,發生的互動動作。而註釋說明則用文字詳細說明對應元素的細節或頁面的說明。由於針對整個頁面的說明和互動,與針對頁面中某個元素的說明與互動在文件表現和生成的不同,而被分開,但是他們的實際功能是一致的,可以一起來說。這裡主要講述annotations,即註釋說明,這個部分主要應用於後期的產品規格說明書的生成,詳細可參見《AxureRP教程–生成規格說明書》。

Annotations:註釋說明,用以對頁面或頁面中的特定物件進行說明註釋。可以根據實際情況分類編寫說明內容。比如優先順序、功能型別、互動效果、說明等。讓程式在開發的時清楚瞭解該物件或該頁面的程式實現詳情與細節。

1、自定義註釋與說明

也許第一次看到註釋面板中specification、status、benefit、effect等一連串的英文單詞會腦袋發暈,不過你完全可以不用在意這些單詞和選項的意義,因為也許它們根本就不適合你,而你可以自定義一套自己的說明選項。之所以說不必去理解,出於兩個理由,一是因為這些定義,是AxureRP根據一些歐美公司文件中常見的欄位歸納出來的,不適合我們的國情和我們自己公司的實際情況,二是一個文件中該向開發人員、設計師表達什麼,並沒有一個完全的框架,可以根據要說明的事情,以及你們往常的溝通方式來定義。

如果是定義物件的註釋,選擇註釋和互動面板annotations & interactions >註釋annotations >自定義customize fields and viwe

如果是定義頁面的註釋,選擇頁面註釋和頁面互動面板>頁面註釋 page notes – default > 管理註釋manage notes

這樣會彈出自定義視窗,由於功能類似,這裡選擇複雜的物件註釋來說明。

如圖所示,我們看到了兩個區域:

區域一:欄位Fields:這是管理系統所有的說明欄位的,這裡定義了針對物件你要說明它的哪些屬性,這些屬性,用什麼型別type的文字進行表述。

A)新增欄位add new

先在前面的下拉選擇框中定義該欄位的type型別,有四種類型:

Text:文字文字。說明欄位中用大段的文字進行說明。

Number:數字。說明欄位中只包含數字說明。

Date:日期。說明欄位只有日期

Selectlist:選擇列表。通過設定特定的選擇條件,以供選擇。

然後在後面的填空框中輸入欄位的名稱,比如想設定一個對頁面中物件的開發優先順序的說明欄位,就可以給這個欄位命名為“優先順序”。然後點選新增按鈕,所設定的說明欄位就被新增到下面的欄位列表了。

B)管理欄位

管理欄位,首選必須選中你要管理的欄位,然後可以通過選擇右側的功能按鈕,對欄位進行管理:

Remove:刪除此欄位。

Rename:對欄位重新命名。

Move up:將欄位排列順序上移一格。

Move down:將欄位排列順序下移一格。

Edit selectlist:編輯選擇列表中的專案,該功能只有當所選擇的說明欄位的型別是selectlist時才能選擇。選擇後會彈出編輯視窗,可以根據自己的需求,填寫不同的選擇項,每一行為一個選擇項,功能與下拉列表框元件類似。

區域二:自定義檢視Custom views:這裡是定義了我們自定義檔案的版本。我們可以選擇幾個常用的說明欄位,歸納起來生成一個自定義版本。

A)新增使用者自定義說明

新增說明很簡單,只要在輸入框中輸入一個名稱,點選add,就會彈出一個選擇框

可以通過新增欄位下拉列表選擇自定義說明中要包含的說明欄位,都選擇完成後,點完成,就建立了一個自定義說明。

B)管理自定義說明

管理自定說明,和管理說明欄位一樣,在管理前,你必須選中你要管理的自定義說明。

Rename:對欄位重新命名。

Edit:重新定義此自定義說明中所包含的fields說明欄位。彈出選擇框,供你重新選擇。

Remove:刪除此自定義說明。

最後,當你即完成了對欄位的處理,又完成了自定義說明的生成後,就定義完成了你自己的註釋與說明。這個時候,你再選擇annotations & interactions,你將會看到你自己的自定義說明,選擇後,右側的註釋與說明的欄位就都是你自己的了。

2、自定義註釋與說明的現實意義

生成演示文件:當設計頁面生成html原型之後,加過註釋 的元件右上角都會有提示符,點選提示符可以檢視到相應的提示資訊。

生成word文件:AxureRP可以生成word文件的說明檔案,可以當作PRD文件使用,詳細可參見《AxureRP教程–生成規格說明書》。

頁面註釋更加簡單,因為針對頁面的說明只能有一段文字,不存在特殊說明欄位的編輯。

綜上所述,運用好了註釋功能,就可以解決好PRD文件中最重要的功能說明,至於設定怎樣的註釋,完全就靠你自己來掌控了。

示例基於AxureRP 5.6版本,6.0版本的介面上稍有差異,基本是一樣的


相關推薦

Axure教程註釋說明功能使用

AxureRP將互動與註釋說明功能放在了一個面版上,同時又針對整個頁面有一個互動與註釋說明。互動功能設定的是使用者通過不同方式觸發頁面中元素或者載入頁面時,發生的互動動作。而註釋說明則用文字詳細說明對應元素的細節或頁面的說明。由於針對整個頁面的說明和互動,與針對頁面中

Axure教程製作高保真登入介面

在使用Axure製作網頁的原型圖時,經常會有註冊、登入頁面需要設計,這樣的頁面時常作為一個產品的首頁出現在人們面前而且往往會被一點而過,如果我們能在這樣的頁面上加入一些細節的設計,一定會給我們的原型圖加分不少!是的,今天我們探討的中心就是:如何製作一個高保真的登入介面!下

axure教程下拉框選擇動態顯示結果

說實話,這個案例我是在UCD大社群看到的,不過都是英文,愣是硬著頭皮學習的,幸好英文底子+google。 1、案例效果圖 這個例子的效果是,使用者切換左邊的下拉框選項,右邊的提示文字會隨之變化。當選中的是圖書時,文字框中的文字是“請輸入圖書名稱或作者”;當選中音樂時

Axure教程動態面板製作彈出框效果

作為一名網際網路產品設計人員,相信很多同行每天上班電腦上都會執行著一個軟體——Axure,她能幫助網站需求設計者,快捷而簡便的建立基於網站構架圖的帶註釋頁面示意圖、操作流程圖、以及互動設計,並可自動生成用於演示的網頁檔案和規格檔案,以提供演示與開發。 隨著網際網路展品的發

轉:實用教程阿裏雲服務器的配置和使用

-a 文件 4.4 創建 site 租用服務器 網頁 html F12 【實用教程】阿裏雲服務器的配置和使用 隨著網絡應用的日常化,網絡資源的使用已經不是專業人士或機構的專利。通過簡單的學習,每個人都可以在無需硬件的情況下擁有一個甚至多個服務器,並配置屬於自己的網頁

Source教程VTFEdit安裝與使用方法

協議 gre 方式 installer tar 有意 menu get 也會 返回【Source教程】文章目錄 一、下載與安裝 下載地址在這裏。 首先打開VTFEdit的下載地址。 找到網頁上的Download,點擊Installer,下載VTFEdit安裝版。

Source教程遊戲SDK工具的安裝與使用

不常用 steam 如同 參數 ace 是什麽 依靠 ref 切換 返回【Source教程】文章目錄 一、下載與安裝 SDK,全稱為Software Development Kit,翻譯過來就是軟件開發工具包。那麽既然我們是做Source引擎的開發,那麽SDK顯然是必不

Source教程3DsMax SMD Plugin的下載安裝與使用方法

.cn mage 路徑 tools 當前 ima 其他 images 方便 返回【Source教程】文章目錄 一、下載與安裝 下載地址在這裏。 1.Cannonfodder的插件。(3DsMax5~2012、32位64位系統可以參考此部分) 先打開下載頁面,選擇左邊的"3D

入門教程初級使用

open 字號 confirm 初級 快速定位 struct 錯誤 小寫 支持 上個月,idea的使用量超越eclipse的消息席卷了整個IT界,idea到底好在哪裏呢? 最智能的IDE IDEA相對於eclipse來說最大的優點就是它比eclipse聰明。聰明到

使用教程CMDer,Window下CMD的替代者

command window下 stat git gis cut 管理員權限 view 而且 cmder是什麽 Windows發展了這麽年,UI啊、性能啊做了若幹的變化,無奈命令行還是一如既往的差。 這個超級醜陋的界面,我是不能忍的。 而且還不支持Ctrl + c這樣的快

董天一IPFS: pubsub功能的使用

IPFS作者簡介:董天一 ,IPFS/Filecoin中國區技術布道人 ,《IPFS指南》作者畢業於北京大學軟件與微電子學院,資深區塊鏈技術開發者,現致力於IPFS/Filecoin在中國的技術推廣,本文原載微信公眾號:IPFS指南(ipfs_guide)什麽是 pubsub?發布訂閱模式(Publish–s

EasyNetQ 教程- 使用SSL連接

設置 操作 指南 log 調用 tco 獲取 錯誤 light EasyNetQ可以通過SSL連接。戈登·庫爾特(Gordon Coulter)撰寫的這本指南最初是針對一個提出的問題而寫的。 首先,您必須仔細按照https://www.rabbitmq.co

EasyNetQ 教程- 訂閱

_id code rec actor 競爭 路由 easy get def EasyNetQ訂閱者訂閱消息類型(消息類的.NET類型)。一旦通過調用Subscribe方法設置了對類型的訂閱,就會在RabbitMQ代理上創建一個持久隊列,並且該類型的任何消息都將被放置在隊列中

EasyNetQ 教程- 發布

模式 配置 訂閱 ssa 位置 rdquo 其他 hello 現在 EasyNetQ支持的最簡單的消息傳遞模式是發布/ 訂閱。這種模式是消除消費者信息提供者的絕佳方式。出版商簡單地向全世界說,“這已經發生了”或“我現在有了這些信息&rdq

如何做出毛筆字效果?毛筆字素材制作教程Ai教程

ctrl yun 註意 shadow 拆分 ges 減少 bec sha 手寫和在線毛筆字生成毛筆字的方法這裏就不細講了,百度一下就能搜到生成毛筆字的網站。 需要註意的是,生成的毛筆字如果是商用的話要註意版權哦~ 步驟1:打開AI,用文字工具打出需要做效果的字,選取一

C4D教程卡通風小電池3D建模教程

col EDA 圖文教程 bee 燈光 jpg 窗口 圓角 deb 小電池圖文教程 第一步打開群裏提供的預設文件(材質燈光已經設置好,素材與更多教程點這裏) 在菜單欄找到對象,按住對象按鈕,出現下拉菜單,選擇圓柱,點擊。 使用選擇工具選中圓柱,鼠標綠色箭頭,拖動到上方。 選

Docker 教程- Docker 架構

倉庫 對象 通過命令 架構 進程 架構模式 docker api 命令 1、Docker 使用客戶端-服務器 (C/S) 架構模式,使用遠程API來管理和創建Docker容器。 2、Docker 容器通過 Docker 鏡像來創建。 3、容器與鏡像的關系類似於面向對象編

FastReport教程將數據字段添加到矩陣行的方法

例子 target while rod 運行 插入數據 records 數據集 row 下載FastReport.Net最新版本 在本文中,我們將介紹創建從報表的腳本代碼填充的動態矩陣的方法。該矩陣的特點是,除了從腳本添加的數據外,我們還將使用文本對象在報表單元格中插入數據

Photoshop教程你必須掌握的10個PS技術表現技巧

作者:Architecture Inspirations 整理:活力網Caigle 點選本行文字觀看視訊 【教程重點】 Photoshop是建築視覺化中不可缺少的工具,視訊將為你演示10個核心技術要點。 要點一:圖層蒙版的應用; 要點二:如何正確合成草地; 要點三:如何新增人物陰影

PL/SQL developer+sqlplus相關軟體安裝教程+漢化教程

#想要使用PL/SQL developer操作ORACLE資料庫時必備的工具: #1. PL/SQL developer #2. sqlplus【此軟體是oracle客戶端黑視窗,一般不用,但是必須安裝才可以使用,因為需要配置PL/SQL developer的引數】 ##安裝流程 #1、