tft每日頭條

 > 生活

 > axure設置界面顔色

axure設置界面顔色

生活 更新时间:2024-07-22 21:14:37

axure設置界面顔色(AxureRP9基礎教程)1

在Axure RP中,部件顔色的設置是其中的一個重要的功能。在Axure9的版本中,關于顔色的設置,有了不小的變化,添加了更加實用的設置方法。

下面我們一起來一一看看,有興趣的朋友也可以打開舊的版本進行比較。

我們以矩形的填充顔色為例。先在編輯窗口中拖入一個矩形。


axure設置界面顔色(AxureRP9基礎教程)2


選中矩形,我們就能夠對矩形進行顔色設置了。有以下幾個入口可以修改這個矩形的顔色。



1、工具欄選擇“填充顔色”快捷圖标



axure設置界面顔色(AxureRP9基礎教程)3

axure設置界面顔色(AxureRP9基礎教程)4






2、檢查窗口中樣式标簽下的“填充顔色”




axure設置界面顔色(AxureRP9基礎教程)5



3、默認部件樣式管理



axure設置界面顔色(AxureRP9基礎教程)6


要注意的是,前兩種設置是針對單個部件,也就是我們正在使用的矩形進行設置,而部件樣式管理的設置,可以快速應用于其他部件。

比如将此時的Box1的設置進行修改,我們将填充顔色設置為藍色。


axure設置界面顔色(AxureRP9基礎教程)7


點擊确定,保存這個設置。

拖入另外一個部件,比如圓形部件。看到拖入的圓形的填充顔色是白色的


axure設置界面顔色(AxureRP9基礎教程)8


要想應用Box1的部件樣式,隻需要選中圓形部件,在樣式标簽下打開部件樣式的列表。選擇已經統一設置好的Box1樣式即可。


axure設置界面顔色(AxureRP9基礎教程)9


需要統一修改樣式,隻需修改Box1的樣式,将設置前的選擇去掉即可清楚該項設置,就能将所有使用了這個樣式的部件的設置進行修改。


axure設置界面顔色(AxureRP9基礎教程)10

axure設置界面顔色(AxureRP9基礎教程)11




知道了從什麼地方進行設置,就來看看設置顔色。還是以矩形為例。

1、單色


單色有幾種設置方法:


(1)輸入顔色代碼






axure設置界面顔色(AxureRP9基礎教程)12




axure設置界面顔色(AxureRP9基礎教程)13



比如要将顔色設置為黑色,隻需要将代碼設置為:#000000;紅色設置為:#FF0000。


(2)輸入RGB參數。

axure設置界面顔色(AxureRP9基礎教程)14



(3)取色器


通過吸管狀的取色器,來吸取需要的顔色,改變部件原有的顔色。


axure設置界面顔色(AxureRP9基礎教程)15

(4)調色闆直接選取顔色


axure設置界面顔色(AxureRP9基礎教程)16

axure設置界面顔色(AxureRP9基礎教程)17

(5)通過透明度調整顔色


axure設置界面顔色(AxureRP9基礎教程)18

(6)将當前顔色添加為喜歡的顔色,下次可以在“喜歡”的地方直接選擇該顔色


axure設置界面顔色(AxureRP9基礎教程)19

(7)從最近使用的顔色和建議的顔色中直接選取需要的顔色。

2、線性


使用線性我們能可以設置出一些漸變色,将同一個顔色為設置不同的顔色的組合。


axure設置界面顔色(AxureRP9基礎教程)20

這代表這顔色的是從1變化到2,從這個示意圖我們可以看到顔色是如何變化的。如果需要再加一些顔色,隻要在示意圖中增加色塊,設置顔色即可。拖動色塊還可調整位置。向下推拽色塊至示意圖外即可删除。


axure設置界面顔色(AxureRP9基礎教程)21


在圖中拖拽相應的端點即可改變位置和方向。


axure設置界面顔色(AxureRP9基礎教程)22

axure設置界面顔色(AxureRP9基礎教程)23

3、徑向

這是Axure9 做出的關于顔色設置的一個重大的改善。在顔色的設置上更加靈活,能夠更加方便的進行一些顔色設置,如由内及外的顔色變化。這個在以前的版本中是做不到的。

axure設置界面顔色(AxureRP9基礎教程)24

這個顔色設置界面跟線性的設置有點像。在操作原理上基本也是一緻的。可以直接通過拖拽改變顔色的方向、變化半徑等。

axure設置界面顔色(AxureRP9基礎教程)25

axure設置界面顔色(AxureRP9基礎教程)26

Axure RP9對于部件的顔色設置在原來舊版本的基礎上進行了進一步的改善,增加了徑向顔色的設置,給我們在進行原型設計時顔色的設計上提供了方便,再遇到類型的需求就不需要再到其他圖片處理軟件中設置,可以直接一個軟件就搞定。


,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved