使用 Axure 繪制交互文檔時尤其是對已有版本進行迭代更新時黎棠,文檔制作者常常遇到的問題是如何幫助文檔閱讀者快速找到此次版本修訂的內(nèi)容
除了在自制的修訂記錄中放置可跳轉(zhuǎn)的修訂描述、錨鏈接;還可以通過修改 Axure 站點地圖的樣式來達到幫助閱讀者快速定位到修訂內(nèi)容
修改步驟
- 在 Axure 中將需要改變樣式的站點地圖條目加上標(biāo)記(例如在名稱前面加上"[new]")
- 生成 HTML 文件
- 在生成的目錄中找到 sitemap.js 文件
路徑為:生成 HTML 文件的指定目錄 / plugins / sitemap / sitemap.js
- 打開 sitemap.js ,將以下代碼
returnVal += "'></span><span class='sitemapPageName'>";
修改為
if(node.pageName.substring(0,5)=="[new]"){
returnVal += "'></span><span class='sitemapPageName' style='color:red'>";
}else {
returnVal += "'></span><span class='sitemapPageName'>";
}
- 保存 sitemap.js 的修改重新刷新交互文檔的 html 即可查看到效果
修改后的代碼中
style='color:red'
此處的 'red' 可以修改為其他你喜歡的 16 進制色值如 #f2f2f2
如果具備一些 JS、CSS 知識的話,還可以在文字大小、字體缕溉、標(biāo)記符號等地方進行自定義,這次就分享這么多
以上吃型。