題圖

記錄這些內(nèi)容，只是覺(jué)得有趣，盡管可能看起來(lái)沒(méi)什么用，但很多事情換個(gè)視角總會(huì)有些不同。

步驟1

1、

拖入一個(gè)矩形，寬高自定，設(shè)置圓角值、投影（方法可參考前一篇）；

填充類型選擇為漸變，然后設(shè)置漸變開(kāi)始和結(jié)束的顏色（選中顏色指示浮標(biāo)就可以更換對(duì)應(yīng)位置的顏色），設(shè)置漸變角為90（即垂直方向的漸變）。

步驟2

2、

再拖入一個(gè)矩形，點(diǎn)擊右上角的灰色小圓點(diǎn)，選擇圓形模式（或設(shè)置比較大的圓角值直到矩形變?yōu)閳A形）；

填充類型選擇為單色，#F2F2F2；

投影設(shè)置見(jiàn)右側(cè)示意，投影顏色為#000000，不透明值為15;

到樣式面板設(shè)置內(nèi)陰影，參數(shù)見(jiàn)右側(cè)示意，內(nèi)陰影顏色為#FFFFFF，不透明值為100。

步驟3

3、

復(fù)制兩個(gè)圓形，根據(jù)比例調(diào)整大寫(xiě)，并分別填充#536383、#293448；

步驟4

4、

再繪制一個(gè)圓形，設(shè)置漸變填充，顏色依次為#FFFFFF（不透明值100）、#0099FF（不透明值11）、#00CCFF（不透明值0），位置距離及角度值見(jiàn)右側(cè)示意；

步驟5

5、

復(fù)制一個(gè)前面的圓形圓形，更改漸變填充，顏色依次為#0099FF（不透明值100）、#0099FF（不透明值11）、#00CCFF（不透明值0），位置距離及角度值見(jiàn)右側(cè)示意；

步驟6

6、

再拖入一個(gè)矩形，點(diǎn)擊右上角的灰色小圓點(diǎn)，選擇任意一個(gè)半開(kāi)口的矩形模式，設(shè)置圓角值得到一個(gè)半圓；

然后到樣式面板設(shè)置旋轉(zhuǎn)角度，為了方便，可以將其與步驟三繪制的矩形群組再旋轉(zhuǎn)。

對(duì)以上原色的大小位置進(jìn)行組合就可以得到一個(gè)簡(jiǎn)單相機(jī)圖標(biāo)了，也可以嘗試加一些其他元素進(jìn)行練習(xí)，比如紅色心形的提示燈……

相機(jī)圖標(biāo)

最后，Axure可以不僅僅只是用來(lái)進(jìn)行交互原型設(shè)計(jì)，也可以在你需要的時(shí)候增加一點(diǎn)點(diǎn)趣味性，比如，這種扁平風(fēng)格的小插畫(huà)（這時(shí)候，工具已經(jīng)不是工具了^-^）：

工位插畫(huà)

工位插畫(huà)圖形節(jié)點(diǎn)

相機(jī)圖標(biāo)源文件地址：

http://pan.baidu.com/s/1qXFMLsS