axure如何用圖片交互出文字

『貳』 AXURE8.0 怎麼讓圖片或者文字能夠從右向左彈出

一、假設頁面上有一個按鈕與一個圖片。

『叄』 axure如何突出交互元素

通過討論在網頁設計中的視覺元素，描述了作為一種新的設計，採用傳統的平面設計和視覺元素構成，以達到視覺上的溝通和審美目的的根本途徑網頁設計。提出具體的動態網頁設計及互動元素是平的視覺元素結合起來的產品。組合構成

方式在平面設計，視覺通信主要依賴於視覺元素及這些元素的二維空間。使用基本視覺元素，網頁設計平面設計，實現信息傳輸和美觀的目的。這些視覺元素包括：文字，字體，圖形，圖像，布局，顏色。視覺元素以及它們的組合相互之間，是一個網頁設計和准確的信息傳遞，並符合視覺審美規律的基本要求。的圖案設計，任何元素和其他元素網頁設計

直接使用許多視覺元素可以組合構成合理符合布局的要求。例如，一條簡訊可以傳遞任何文字內容，字體，也可以組合成一個單獨的藝術形式。

『肆』 axure 如何選取圖片某區域進行交互

• 當使用者對網頁進行某些人機介面的操作時，就會對網頁觸發一個事件(Event)。例如，一個按鈕的OnClick 觸發事件，打開工具

  

『伍』 axure如何實現這種圖片的交互，具體一點謝謝！

可以實現。
1，全局變數N默認為0，當滑鼠移入區域時，為1。
2，做動態面板6個state，頁面載入時，if N=0，等待5s（左右），設置state到next。

1~6的按鈕分別設置選中時和滑鼠移入時的不同樣式。
滑鼠移入1時，設置state到state1，並且按鈕1為選中狀態，其他為非選中狀態。

觸發事件你可以參考以上這些自己先完成大部分邏輯。有問題再問。

『陸』 如何在 axure 流程圖的連接線上加文字，比如判斷的「是」或「否」

直接選中連接線，然後打字即可。如下圖：

『柒』 為什麼axure添加文字後圖片展示不出來

axure添加文字後圖片展示不出來是因為該圖片過大，不能顯示。提示該圖片過大，可能導致應用程序運行緩慢，您要優化它嗎中選擇否，如果你需要上傳圖片的話，就不要用文本框了，Axure7.0有處理圖片的框體。

axure添加文字的方法

打開axure軟體，進入到axure界面中，找到左下角元素倉庫，向下滑動滾動條，點擊選中Paragraph段落元素，這時向編輯區域拖動此元素，然後放下雙擊選中段落文字進行修改即可，選擇左邊的一個矩形框，拖到空白面，然後滑鼠雙擊。

首先我們打開軟體，在元件庫中選擇文本框，然後選擇文本框後，我們把文本框拖入到畫布中，並添加標題然後在屬性欄中找到提示文本在提示文本中輸入您的提示文件，之後保存並點擊預覽在瀏覽器中打開查看製作完成。

『捌』 如何用Axure快速製作APP交互原型

一、創建元件庫「綠色文件」
打開Axure，在元件庫面板「三條橫線」按鈕下拉選項中找到「創建部件庫」功能，點擊會彈出一個另存為對話框，這里需要選擇元件庫文件的存儲位置，並需要輸入元件庫的名稱。
此時，我們可以看到，文件的後綴名為 .rplib，這個就是元件庫的格式，而不同於創作交互原型時正常Axure文件的.rp格式。
輸入文件名稱和存儲位置之後，點擊保存，Axure將重新打開一個新頁面進行元件的編輯。並且我們可以看到，新頁面跟我們平時創造.rp正常文件的頁面一模一樣，但不要混淆，此時頁面編輯的是我們在正常.rp文件中需要用的基本元件。並且我們回到元件庫存儲的位置可以看到，元件庫.rplib文件圖標為」綠色「，不同於.rp文件的藍色。
創建好元件庫得」綠色文件「後，基本准備工作已經做完，下邊就進入到製作過程。
二、元件庫分組
通過觀察Axure默認的元件庫，我們可以看到其元件庫是可以按照類別進行分組的。比如默認的分成了：common、forms、flow等等，這樣能更方便我們找到目標元件的位置。
同樣，我們在製作元件庫的時候，也可以進行分組，規則為：在頁面導航面板上，所有的文件夾都是一個分組，所有沒有在文件夾下的頁麵包括其所有子頁面，都隸屬與以元件庫為名的分組下。
分組的規則弄明白之後，我們可以先按照自己對元件庫的規劃進行一個合理的分組，比如要做APP的元件庫，那麼我們可以分成：圖標、控制項、框架 3個常用分組，接下來就進入到具體元件的製作過程。
三、編輯並製作元件
我們以製作一個」我的「頭像圖標為例，首先在圖標分組下，添加一個頁面並命名為」我的「，雙擊進入到元件編輯頁面，編輯操作就跟我們平時製作正常的.rp文件一模一樣。我們我們可以參考一些app中常常採用的」我的「圖標樣式，然後用Axure默認的基本形狀元件，比如矩形、橫線、圓形等，組合拼湊成最終比較理想的樣子。
首先我們要明確，Axure中沒有類似PS中的布爾運算（能夠自由的對多個形狀進行編輯，比如合並、相交、減去頂層等），所以會給我們製作元件，尤其是圖標帶來一定局限性，但好在交互原型並不要求苛刻的細節實現，只要我們能夠很清楚的表示出產品形態，有比較整體的風格就可以了。並且我們用Axure基本形狀自己勾畫出來的圖標，能很方便的調整顏色大小等，可以適用不同的交互文件，這就是從網上找現成的點陣圖圖標很難達到的便利性。
回到「我的」圖標製作，如圖所示，我一共用到了三個基本形狀來進行拼湊，最終組合成了我們經常能看到的一個圖標樣式，並且一眼就能明白它的含義。雖然沒有更多的細節實現，但對於交互原型稿來說已經完全夠用，關鍵是顏色大小等可以很靈活的進行修改。
按照這個思路，我們可以製作更多的圖標出來，當然還可以製作一些常用控制項比如按鈕、appbar、搜索欄、圖標佔位符等等。如下圖，是我在畫「讀讀日報」原型圖時製作的一個元件庫：
元件庫製作完成之後，然後就進入到最後一個步驟。
四、載入自製元件庫並使用
元件庫製作完成保存在自己常用的資源文件夾中。打開一個正常的.rp文件，同樣是在元件庫面板「三條橫線」按鈕下拉選項中找到「載入部件庫」功能，然後找到製作完成的元件庫文件「綠色圖標」載入。
載入之後，我們就可以在「選擇元件庫」下拉選項中，找到剛剛載入的元件庫並選中，然後我們就可以像使用軟體自帶的元件一樣使用我們自製的元件庫了。
怎麼樣，看到這里你應該學會了如何自製一個元件庫了吧，希望你會花時間動手做一個。當然除了創建部件庫，Axure有很多技巧都需要掌握，比如母版的功能。
學會善用母版
在產品的設計過程中，主導航往往出現在多個頁面，比如APP的底部tab欄。當然不僅僅是導航，當我們頻繁使用任何一組控制項的時候，希望你不是一直都在復制和粘貼，永遠記住，創建一個母版可能是更好的選擇。
使用母版的便利性不單單體現在能夠快速的使用一組控制項，尤其是在設計後期，當我們需要修改某些基本控制項的時候，母版帶來的修改效率一定會讓你深深的愛上這個功能，欲罷不能。
除了學會使用母版，更要學會善用母版。同樣有一點希望能記住，不要把太大的組合對象變成母版。因為越是大的組合對象，越是有可能需要在母版的很多地方做出修改。此時把一些母版和另外一個母版合並起來一般會是更好的辦法，這樣對母版的修改會更加的靈活，比如下圖，將產品基本信息和可能購買狀態分開成兩個母版，組合在一起成為產品的完整頁面
制定一套自己的交互風格
學會了創建自己的元件庫，也懂得了善用母版，當然還有其他很多Axure軟體的使用技巧。應該就可以很快速的完成一份交互原型稿了吧，可是又該如何保證交付稿有統一的風格，達到較高的目標水準呢？
首先，我們要熟悉APP的設計規范，符合Android或者iOS的設計理念，對於一些常規的控制項設計規則有一定的了解。這樣設計出來的產品才能符合這個平台的特性，並且基於大家對相關平台的一些固有認知，很容易能夠達成共識。這也是交互原型作為一個溝通交付物應該達成的目標。
基於對APP設計規范的熟悉，同時在製作過程中，要根據使用場景以及自己的習慣來制定一套自己的交互風格。比如可以定義好APP原型中，正文字體採用 微軟雅黑 顏色#333333 13字型大小、提示文字為微軟雅黑 顏色#999999 10字型大小、固定的appbar行高為40px，內容據左側屏幕邊緣10px距離......
當然某些規范，比如字體也可以當成一個字體元件，放到我們自製的元件庫中，總之要根據自己的情況靈活的運用。有了一套風格之後，加上創建的元件庫隨意修改顏色大小等，我相信製作出來的交互原型肯定是協調統一的整體。
讀讀日報原型製作
理論方法掌握了，需要實踐的鍛煉才能更好的吸收領悟。我參照「讀讀日報」iOS版，對主要的一些頁面畫了一些交互原型。基本過程和思路就是按照本文所提到的這些內容。
為了更有形象感，從網上找來一個iPhone手機的邊框，並且創建自己的部件庫，繪制了一些常用的圖標和控制項。然後設定了整體的風格，製作過程中也用到了幾個母版提高效率，同時可以使用輔助線幫助自己保證部件的對齊、平均分布等，進而提高布局的美感。