1. 程式人生 > >學習筆記:axure 高階教程 6 使用技巧集錦

學習筆記:axure 高階教程 6 使用技巧集錦

技巧一.畫面移動。當設計畫面很大時,為了選取不同位置的元件,需使用垂直與水平的滾動條來定位,這使得選取元件的動作變慢,操作起來也不方便。可以試試這樣,滑鼠游標聚焦在主操作區,按住鍵盤的空格鍵,此時滑鼠游標會切換成手狀,就可以像在PDF檔案裡那樣抓著畫面任意滑動,而且不會打亂任何元件的位置,方便操作。

技巧二. 元件重疊時選取下層的元件。當多個元件重疊時,選取下層元件會很不方便,此時可以先選取最頂層元件,隔一會後以左鍵按一下頂層元件,再放開滑鼠左鍵時,就可以穿透上層元件,選取到位於下層的元件了 。不過這種方法只適用於兩層的情況,超過兩層的時,這樣是沒法選擇到第三層或者更下層的元件的。

技巧三. 引用其它軟體的內容。可以用複製/貼上將其他軟體中的內容,例如:Word,PowerPoint, Excel, Visio, Photoshop等直接貼到Axure RP中。一般來說,文字類得資訊會變成文字塊,其他型別的內容會變成圖片。例如AxureRP當中的表格功能是比較弱得,就可以先在Word當中先將表格樣式設計好,然後再截圖插入AxureRP中。當然也可以複製Axure RP中的元件或畫面,貼到其它軟體。

技巧四. 單選按鈕組效果。一般一組單選按鈕是隻能選擇一項的,但AxureRP中預設是每項之間相互獨立,也即每項都可以點選,此時可以一次選取多個單選按鈕,按下滑鼠右鍵,並選擇編輯單選按鈕->分配單元組來設定單選按鈕的組關係。這樣當這些單選按鈕輸出到原型時,就會形成真正的單選功能。

技巧五.重用類似的互動設計程式碼。如果要進行一連串類似的互動設定,可以在互動窗格上,對著某個Case按滑鼠右鍵選擇複製,然後在想加上互動設定的另一個Case上右鍵選擇貼上,然後再修改這個新的互動設定即可,這樣可以更快速的完成物件的互動設定。互動窗格上還有一個快速連結的功能,這個是當選擇元件後,直接按快速連結按鈕可直接選擇目標頁面,快速地在元件上新增一個連結。

技巧六.在剛開始設計的時候就注意模板的設定。如果一開始可以整理出哪些介面區塊未來將是共享區塊,比如頁首,頁尾,導航條等,就開始建立模板,就可以節省其它頁面設計的重複工作。之前我也說過,模板選擇面板要是善加利用的話,能大大減少工作量,不亞於一個元件庫。在設計過程當中經常需要複製貼上的部分就是要留意的物件,而且多用模板可以加快生成的原型的頁面開啟速度。模板的管理也很方便,拖拽即可使用,“新增到頁面”可以一次新增很多頁面,“從頁面中刪除”也可以一次從多個頁面中移除,如果要更改,如ICON圖表這種,只要在模板裡面改了,所有頁面就都改了。且有資料夾管理功能,可以方便的進行分門別類整理。

技巧七. 只更新當前頁面到原型。當設計專案很大時,生成原型的速度會下降很多,這時如果只是調整了其中的某一頁,只要重新該頁的原型即可,不用全部重新生成,在生成選單,選擇將當前頁面重新生成為原型,或者直接按下CTRL+F5,Axure RP不會產生任何對話視窗,只會感覺到滑鼠指標閃了一下,此時,再回到原型上去重新載入這一頁就會看到已經更新的頁面了,注意,重新載入的時候不要重新整理,有時候重新整理會載入不成功,可以先點到其他頁面再點回來即可。

    技巧八. 關閉IE中的Active X 警告提示。使用IE瀏覽器執行原型時,瀏覽器中可能會出現Active X 警告訊息,想要永久解除IE中的警告訊息,請點選「工具」選單中的「Internet選項」,切換到「高階」標籤頁中,找到「安全」分類,勾選「允許活動內容在我的計算機上的檔案中執行*」選項即可。

技巧九. 用內部框架來嵌入Flash。內部框架元件可用來加入Axure RP 目前不支援的內容,例如:Flash;只要在內部框架元件上連續滑鼠左鍵兩下就可以選擇想要載入到框架的網頁,如果要建立一個包含Flash物件的HTML 檔案,就可以將物件的頁面地址嵌入到內部框架,這樣就可以在原型中呈現了。

技巧十. 流程圖固定連線線,取消自動繞圖。預設連線線會自動繞過中間阻礙的元件來連線兩個連線點,為了避免連線線或元件移動時連線線不斷的自動改變路徑,可以按滑鼠右鍵並選擇編輯連線線->不自動排列連線線來停止這個功能。

技巧十一.原型中元件上文字的複製。在Axure RP的中,在元件上輸入文字內容生成原型之後,無法直接利用滑鼠左鍵來選取文字進行復制,除文字塊元件外,文字塊元件上的還是可以複製的。這個沒有什麼好的解決辦法,一種變通的作法是,在原型頁面上全選整個畫面,然後貼到Notepad或Word,這樣能將整個畫面的文字都選取出來,就可以把那些元件上的文字全部複製出來了。

技巧十二.在AxureRP輸入特殊中文字及符號。在AxureRP中,因為中文計算機環境的關係,某些特殊中文字或符號可以在設計的時候輸入,但生成原型後確無法顯示,比如:陶喆的“喆”,表示Copyright的 (c),Trademark的(tm),Registered Trademark的(R)等。在HTML語法中:如果要呈現出 TM (trademark)符號™,要使用“& #0153;” (中間無空格,下同),或Unicode “& #8482;”。要呈現出 Copyright符號©,要使用“& #0169;”; 要呈現 Registered Trademark符號®,則要使用“& #0174;”。直接在Axure RP輸入“& #0153;”,輸出成原型時,並不會呈現出正確的trademark符號。

此時可以藉助於word,先將要呈現的特殊中文字及符號在Word裡頭打好,再在AxureRP中放置一個文字塊元件,然後直接從Word複製貼上中文字或符號輸入到剛才選取文字塊元件,如果將中文字組織貼上到空白處,而不是輸入到文字塊元件中,就還是沒有效果。然後輸出成原型,這些特殊中文字或符號就可以順利呈現在原型上。需要注意的是Copyright的符號(c)必須是字串中的起頭,才能在原型上呈現符號(c);如果(c)放在文字的中間,雖然在AxureRP上看得到符號,但輸出成原型時,可能還是看不到。

技巧十三.在外部連結增加變數當引數傳遞。Axure RP可以指定外部連結為某個URL+變數。但是這個指定方式是固定的,無法隨著Axure RP的內部變數來變化。指定外部連結的方式是,在連結屬性對話方塊,選擇第二種連結方式–連結到外部網址或檔案,輸入網址,比如http://www.url.com?keyword=variable 。

另外一種實現方式是通過多事件互動設計來完成。比如要模擬連結到不同的 url1, url2, url3 (或者同一個url但是帶不同引數),就分別設定 OnClick 事件的 case 1 , case 2, case 3來實現不同的條件連結到不同頁面 。

技巧十四. AxureRP生成原型放到網站上讀取中文名稱頁面的訣竅。AxureRP生成原型時,如果左側站點頁面列表是用中文命名的,在本地計算機上是可以正常點選連結,但是放到網站上就會發生無法讀取的情況,點了左側選單,但右側無法出現對應的資料。這個問題出在上傳到網站上的方法以及網站所在伺服器作業系統是否支援中文。以作業系統來區分,把原型上傳到網站上的方法:

1. Web放在Windows作業系統(已經支援中文),可以直接把原型複製到網站可讀取的目錄之下,這樣不會有問題。

2. Web放在Linux之類的作業系統(必須支援中文):採用 FTP上傳時,必須將 FTP傳輸模式改成“UTF8”,否則當FTP以其它編碼傳輸到 Linux的上,Apache是無法辨認出這種編碼的檔案的。

技巧十五.AxureRP中文輸入問題的解決辦法

AxureRP在中文環境的相容性上並沒有問題,可以輸入中文,也可以顯示中文,唯一會跟中文環境有不相容的情況是,有些元件無法正常輸入中文,如複選框/單選框/表格/矩形/形狀按鈕等。此時可以嘗試以下幾種方式:

一.按下〈CTRL+S〉儲存一下,很多時候儲存之後,在元件上就可以輸入中文了。

二.再單擊一次文字輸入位置。確認切換到正確的輸入法之後,再單擊一次該元件的輸入位置,然後再繼續輸入。

三.以文字塊元件來代替。有時候多加一個文字塊元件雖然會增加選擇元件的難度,卻會省事不少,提高效率。

四.在記事本或者word中先輸入好,然後再複製貼上,這個是最傻的辦法了。

技巧十六.降低原型檔案大小提升載入效率。設計的頁面原型大到某個程度時,會感覺Axure RP的操作速度變慢,計算機資源消耗大,使得操作起來不太順手。

以下技巧可以降低這個問題:
    1. 儘量重用物件,用好模板的功能,增加頁面元素重複使用率,降低物件的數量,這個是最能提升效率的。

2. 儘量減少使用表格和選單元件,因為它們的共同特性是每一個小格就是一個實體頁面物件,在AxureRP或輸出的原型都是比較耗資源的。

3. 對嵌入AxureRP的圖片做優化。圖片元件上點右鍵選擇編輯圖片> 優化圖片來優化圖片,稍微犧牲圖片質量來減少原型檔案大小。

4. 切割原型。如果網站的框架定好了,便可以將網站原型切割成幾個RP 檔案,單獨進行設計。等到各自單元設計完成後,再以匯入的方式合併所有的RP檔案,匯入的方式是檔案選單 > 從RP檔案匯入。

技巧十六.Axure RP檔案損壞恢復

毀損的原因可能是計算機硬碟造成,或者Axure RP軟體本身的問題,避免這個問題最好的辦法是經常備份檔案,或者使用AxureRP的“恢復檔案”功能來取回過去自動備份的RP檔案。通過檔案> 恢復檔案的功能 (前提是開啟了自動儲存功能,檔案選單>自動儲存),回滾先前的設計版本,可以選擇要回復幾天前的版本,選擇之後再另存為即可。


相關推薦

學習筆記axure 高階教程 6 使用技巧集錦

技巧一.畫面移動。當設計畫面很大時,為了選取不同位置的元件,需使用垂直與水平的滾動條來定位,這使得選取元件的動作變慢,操作起來也不方便。可以試試這樣,滑鼠游標聚焦在主操作區,按住鍵盤的空格鍵,此時滑鼠游標會切換成手狀,就可以像在PDF檔案裡那樣抓著畫面任意滑動,而且不會打

學習筆記axure 高階教程 1 動態面板製作tab切換效果

1. 例項截圖分析     淘寶的登入框主要分為了2個頁面標籤,淘寶會員和支付寶會員,登入者在這2個不同的標籤頁進行切換選擇自己的登入方式,並且未選中狀態層呈突出顯示。其他都是一些文字面板加文字框、複選框、按鈕元件可以製作的。重點是如何實現這2個標籤在點選下自動切換。

Python學習筆記Python高階特性

Python學習筆記:Python高階特性 學自廖雪峰巨佬的Python3教程:https://www.liaoxuefeng.com/wiki/0014316089557264a6b348958f449949df42a6d3a2e542c000/0014317568446245b3e1c883

學習筆記——CSS的高階特性複合、繼承、層疊

版權宣告:本文為博主原創文章,未經博主允許不得轉載。    https://blog.csdn.net/gaoce227/article/details/72784888 一、複合選擇器 css基本選擇器有標記選擇器、ID選擇器和類選擇器三種,由此三種組合又構成了複合選

php學習筆記第九節--高階--Date()

PHP 的 date() 函式用於格式化時間或日期。 PHP Date() 函式 PHP Date() 函式可把時間戳格式化為可讀性更好的日期和時間。 語法 date(format,timestamp) 引數 描述 for

JavaEE開發的顛覆者Spring Boot實戰 學習筆記4--Spring高階話題

SpringAware  可呼叫Spring所提供的資源  多執行緒 配置類 /** * 多執行緒和併發程式設計 */ @Configuration @ComponentScan("com.wisely.highlight_spring4_idea.ch3.t

學習筆記caffe2 教程記錄六

接著caffe2 教程記錄五,這個是第六篇 ##7.建立自己的資料集 如何建立自己的資料集? 因此Caffe2使用二進位制DB格式來儲存我們想要訓練模型的資料。 Caffe2 DB是鍵值儲存的美化名稱,其中鍵通常是隨機的,因此批次大約是i.i.d,但是這些值是真實的:它們包含您希望

學習筆記caffe2 教程記錄五

接著caffe2 教程記錄四,這個是第五篇 ##5.Brewing Models  brew是Caffe2用於構建模型的新API。 CNNModelHelper過去曾擔任過這個角色,但由於Caffe2的擴充套件遠遠超出了CNN的優勢,因此提供更通用的ModelHelper

學習筆記caffe2 教程記錄四

接著caffe2 教程記錄三,這個是第四篇 ##4.Caffe2的主要概念Blobs and Workspace, Tensors Caffe2中的資料被組織為blob。 blob只是記憶體中一個命名的資料塊。 大多數blob包含一個張量(想想多維陣列),在Python中它們被轉換為nu

學習筆記caffe2 教程記錄三

接著caffe2 教程記錄二,這個是第三篇 ##3.影象載入與預處理  影象載入和預處理: 在本教程中,我們將研究如何從本地檔案或URL載入影象,然後您可以在其他教程或示例中使用這些檔案。此外,我們將深入研究使用caffe2 和影象時所需的預處理型別。 mac o

學習筆記caffe2 教程記錄二

接著caffe2 教程記錄一,這個是第二篇 ##2.載入預訓練模型  github 上的 :https://github.com/caffe2/tutorials/blob/master/Loading_Pretrained_Models.ipynb 描述:在本教程中

學習筆記Python3菜鳥教程 Part2

                     學習筆記:Python3菜鳥教程  Part

學習筆記Python3菜鳥教程 Part6

                        &nbs

學習筆記Python3菜鳥教程 Part5

                        學習筆記:Pyth

學習筆記Python3菜鳥教程 Part4

                         學習筆

學習筆記Python3菜鳥教程 Part3

                        &nbs

學習筆記Python3菜鳥教程 Part1

                        &nbs

Python學習筆記高階特性

前言 最近在學習深度學習,已經跑出了幾個模型,但Pyhton的基礎不夠紮實,因此,開始補習Python了,大家都推薦廖雪峰的課程,因此,開始了學習,但光學有沒有用,還要和大家討論一下,因此,寫下這些帖子,廖雪峰的課程連線在這裡:廖雪峰 Python的相關介紹

Spark2.x學習筆記6、在Windows平臺下搭建Spark開發環境(Intellij IDEA)

Spark2.x學習筆記 6、 在Windows平臺下搭建Spark開發環境(Intellij IDEA+Maven) 6.1 整合開發環境IDE 為了方便應用程式開發與測試,提高開發效率,一般使用整合開發工具IDE。同樣,為了方便Spark應用程式編

ElasticSearch 6.x 學習筆記12.欄位型別

12.1 欄位型別概述 一級分類 二級分類 具體型別 核心型別 字串型別 string,text,keyword 整數型別 integer,long,