Axure設計調整屏幕亮度效果具體操作方法
很多的小伙伴們都在使用Axure,那么你們了解使用Axure設計調整屏幕亮度效果的方法嗎?下文就呈現了Axure設計調整屏幕亮度效果的具體操作方法 。

1、打開Axure原型工具,創建一個空白頁面,在工作區域中拖入矩形、橢圓形及動態面板等元件元素 , 如下圖所示 。

2、元件素材準備完成后,將各處元件的樣式進行調整,并將橢圓形放入到動態面板中,同時需要對各個元件的名稱進行命名,后面在做交互的時候需要用到,如下圖所示 。

3、下面開始對前置的線條選中時的樣式進行設置,主要是填充顏色的變化,后面做交互事件的時候會應用到,如下圖所示 。

4、選中的樣式設置完成后,對動態頁面的拖動時的交互事件進行設置 , 如下圖所示 。

5、在設置動態面板拖動時的交互事件時,需要用到變量 , 主要用于判斷背景線條的長度和位置,這樣圓形只能在這條線上拖動,如下圖所示 。

6、下面一步,對頁面加載的交互事件進行設置,將對應的元件設置成選中狀態 , 如下圖所示 。

7、最后我們將元件拖放到一起,形成好看的效果,并加入另外一些圖標或元素做修飾,如下圖所示 。


8、好了,所有交互和樣式都設置完成了,f5預覽一下效果 , 拖動線上面的圓,是不是有調整屏幕亮度的效果 。


【Axure設計調整屏幕亮度效果具體操作方法】看完了以上為你們講述的Axure設計調整屏幕亮度效果的具體操作方法,你們是不是都學會啦!
