Axure RP 9基礎(chǔ)教程(十)-顏色設(shè)置與其改進(jìn)之處
在Axure RP中,部件顏色的設(shè)置是其中的一個(gè)重要的功能。在Axure9的版本中,關(guān)于顏色的設(shè)置,有了不小的變化,添加了更加實(shí)用的設(shè)置方法。
?
下面我們一起來(lái)一一看看,有興趣的朋友也可以打開舊的版本進(jìn)行比較。
?
我們以矩形的填充顏色為例。先在編輯窗口中拖入一個(gè)矩形。
選中矩形,我們就能夠?qū)匦芜M(jìn)行顏色設(shè)置了。有以下幾個(gè)入口可以修改這個(gè)矩形的顏色。
1、工具欄選擇“填充顏色”快捷圖標(biāo)
?
2、檢查窗口中樣式標(biāo)簽下的“填充顏色”
?
3、默認(rèn)部件樣式管理
?
要注意的是,前兩種設(shè)置是針對(duì)單個(gè)部件,也就是我們正在使用的矩形進(jìn)行設(shè)置,而部件樣式管理的設(shè)置,可以快速應(yīng)用于其他部件。
?
比如將此時(shí)的Box1的設(shè)置進(jìn)行修改,我們將填充顏色設(shè)置為藍(lán)色。
點(diǎn)擊確定,保存這個(gè)設(shè)置。
?
拖入另外一個(gè)部件,比如圓形部件??吹酵先氲膱A形的填充顏色是白色的
要想應(yīng)用Box1的部件樣式,只需要選中圓形部件,在樣式標(biāo)簽下打開部件樣式的列表。選擇已經(jīng)統(tǒng)一設(shè)置好的Box1樣式即可。
?
需要統(tǒng)一修改樣式,只需修改Box1的樣式,將設(shè)置前的選擇去掉即可清楚該項(xiàng)設(shè)置,就能將所有使用了這個(gè)樣式的部件的設(shè)置進(jìn)行修改。
知道了從什么地方進(jìn)行設(shè)置,就來(lái)看看設(shè)置顏色。還是以矩形為例。
?
1、單色
單色有幾種設(shè)置方法:
(1)輸入顏色代碼
比如要將顏色設(shè)置為黑色,只需要將代碼設(shè)置為:#000000;紅色設(shè)置為:#FF0000。
?
(2)輸入RGB參數(shù)。
?
?
(3)取色器
通過(guò)吸管狀的取色器,來(lái)吸取需要的顏色,改變部件原有的顏色。
?
(4)調(diào)色板直接選取顏色
?
(5)通過(guò)透明度調(diào)整顏色
?
(6)將當(dāng)前顏色添加為喜歡的顏色,下次可以在“喜歡”的地方直接選擇該顏色
?
(7)從最近使用的顏色和建議的顏色中直接選取需要的顏色。
?
?
2、線性
使用線性我們能可以設(shè)置出一些漸變色,將同一個(gè)顏色為設(shè)置不同的顏色的組合。
?
這代表這顏色的是從1變化到2,從這個(gè)示意圖我們可以看到顏色是如何變化的。如果需要再加一些顏色,只要在示意圖中增加色塊,設(shè)置顏色即可。拖動(dòng)色塊還可調(diào)整位置。向下推拽色塊至示意圖外即可刪除。
?
在圖中拖拽相應(yīng)的端點(diǎn)即可改變位置和方向。
?
3、徑向
?
這是Axure9 做出的關(guān)于顏色設(shè)置的一個(gè)重大的改善。在顏色的設(shè)置上更加靈活,能夠更加方便的進(jìn)行一些顏色設(shè)置,如由內(nèi)及外的顏色變化。這個(gè)在以前的版本中是做不到的。
?
?
這個(gè)顏色設(shè)置界面跟線性的設(shè)置有點(diǎn)像。在操作原理上基本也是一致的??梢灾苯油ㄟ^(guò)拖拽改變顏色的方向、變化半徑等。
?
?
Axure RP9對(duì)于部件的顏色設(shè)置在原來(lái)舊版本的基礎(chǔ)上進(jìn)行了進(jìn)一步的改善,增加了徑向顏色的設(shè)置,給我們?cè)谶M(jìn)行原型設(shè)計(jì)時(shí)顏色的設(shè)計(jì)上提供了方便,再遇到類型的需求就不需要再到其他圖片處理軟件中設(shè)置,可以直接一個(gè)軟件就搞定。
?