中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

我們如果想在不同的需求分析，不同的產品設計時，能夠隨心所欲地使用axure來設計原型，而不必擔心如何實現，那么我們必須遵循這樣一句話——工欲善其事，必先利其器。就像一個設計師對PS的掌握一樣，要成為原型設計的一把瑞士軍刀。

那是不是要使用到axure一些高深的技巧才能滿足我們的需要呢，其實也并不是這樣，我們只需要把工具的常用功能使用好，就足以應付日常的原型設計了，我們從實際的例子來看看如何更好地使用axure。

這不是一篇專門介紹技巧的帖子，而是在使用工具的過程中學習如何思考，如何能使用系統的基本功能來完成我們的原型設計，看看哪些基礎的東西需要我們來掌握。

第一個例子：按鈕——交互樣式的設置

axure本身自帶了按鈕的組件，包括Button Shape和Submit，其中Submit的樣式不可以設置邊框、半徑、背景等樣式，因此不是很方便。而Button Shape即是通過普通的矩形框，設置一定的屬性而成的，將寬帶和高度設置成按鈕大小，并設置好圓角風格。而通常情況下，扁平化風格的流行，一般是直接拖一個矩形后直接改樣式，通過設置它的屬性后作為按鈕使用。

大小我們通過直接選擇圖形然后調整，設置默認背景色，然后選擇右鍵“交互樣式”：

在彈出的對話框里，可以看到設置鼠標操作的四種樣式：

為了響應樣式變化，我們一般要設置的屬性值有字體顏色、線條顏色、線寬（例如無邊框）、和填充顏色，這四個屬性基本滿足了一個按鈕的幾個狀態，最簡單的情況下，只設置鼠標經過狀態，就能表現一個按鈕的樣子了。

除了按鈕，矩形框要以作為背景、標題欄等，用途很廣泛。

點擊查看在線演示

第二個例子：關于TAB屬性頁的樣式——開動腦筋

當我們拖幾個矩形框來模擬TAB屬性頁的樣子時，發現矩形框的排列因為邊框的原因，因各自邊框的原因，會發現邊框接觸處有兩條線：

處理的方式有幾種：一是將組件之間相互再靠近一個像素，讓它們邊框重疊，這樣只會出現一條線，二是將矩形框的形狀換成另外一個形狀，看看有其它什么形狀：

我們可以看到各種圖形樣式，看看上面的第二個樣式，沒有下邊框的矩形，這個恰好可以作為TAB屬性頁的上邊按鈕：

但是發現上面的三個TAB之間的豎線比較粗，可以使用上面說的第一種方式，水平向左移動它們的位置，讓它們重疊一個像素，做成下面的樣式

但我們發現這樣的TAB屬性框還是有問題，第一個TAB按鈕下方不應該顯示邊框，因為我們要體現當前選中的屬性頁，但因為是后來添加的帶邊框的矩形，這個如何處理呢？——每個組件都可以設置它在界面上的顯示順序，好了，可以利用這個屬性，將TAB第一個按鈕的順序調整到最上層：

在一開始我們剛接觸時，不知道這些屬性時，我們甚至可以用一條白色的線來遮住它，只要能達到效果，都是有效的方法，雖然它不是最好的方法。

點擊查看在線演示

第三個例子：如何在輸入框獲得焦點時改變邊框顏色——組合方法

前兩天有同學問如何實現在輸入框獲得焦點時改變輸入框的顏色？因為他發現axure的邊框是不能改變顏色的，沒有這樣的屬性。

我們可以分析一下這種效果：

1. 輸入框獲得焦點時，改變邊框顏色：輸入框的獲得焦點事件
2. 失去焦點時，顏色還原：輸入框的失去焦點事件

既然輸入框沒有邊框設置，我們是否可以用其它組件代替呢？然后通過輸入框的獲得焦點和失去焦點的事件來改變邊框的顏色，而改變顏色根據上面的第一個例子，我們可以通過改變組件【選中】的樣式來實現，最后將輸入框自身的邊框隱藏掉，這樣就達到最終我們想要的效果

第四個例子：聊天氣泡圖標——自定義圖標，形狀的巧用

聊天氣泡圖標，像微信的圖標，它是一個橢圓形+三角形的組件。那么我們利用axure的圖形是否可以實現呢——答案顯然可以。

我們添加個形狀，修改形狀為橢圓形，然后再添加再添加個形狀，設置為三角形，但我們如何達到第二個圖形的效果呢？

我們發現圖形是可以旋轉的，先將三角形高度調小一點，然后按住ctrl鍵，移動鼠標到上面的紅色箭頭指向的選中狀態的8個矩形框的四個中間矩形框處，會出現旋轉的鼠標形狀，這時就可以旋轉了（也可以在屬性設置框里設置旋轉角度，但這時你不知道設置的角度值應該是多少）

點擊查看在線演示

本文由 @Axure原型設計工場 原創發布于人人都是產品經理?，未經許可，禁止轉載。