品牌型号：联想Yoga 14Sitl

系统：Windows 10 64位专业版

软件版本：Axure rp 9

渐变色是让界面设计更好看的一个小技巧。用上渐变色，界面会显得更生动、更有层次感。Axure支持线性渐变和径向渐变两种填充方式。下面就为大家介绍Axure如何做径向渐变填充，Axure渐变色块如何添加的相关内容。

一、Axure如何做径向渐变填充

径向渐变是从中心点往外扩散的渐变效果，特别适合用来做圆形背景、按钮或者其他需要突出中心点的元素。在Axure中实现径向渐变填充的过程非常简单。我们可以通过下面这三个步骤来实现。

1、创建形状元件

我们往画布中拖拽一个矩形，作为用来填充的载体。为了练习，我们可以尽量让矩形的尺寸大一些，这样在设置渐变时会看得更清楚。

2、设置径向渐变填充

选中矩形后，在右侧样式面板中，找到【填充】类目，选择左边的【颜色】。在弹出的窗口中，切换到第三个标签栏【径向】，在这个标签中，我们可以具体设置径向渐变的颜色、方向等。

3、调整渐变效果

默认情况下，Axure会帮我们填充渐变为黑色。我们一般需要根据具体设计需求重新设置。

首先可以调整颜色，通过点击渐变条上的色标，重新选择颜色。默认情况下时有左右两个色标点。我们也可以点击色标轴上的任一位置，增加新的色标点，色标点位越多颜色过渡会更自然。其次，可以改变渐变的中心点、方向和范围。我们可以在矩形上拖动绿色的标点，这个标点标识径向渐变的中心点。延伸出来的轴标识的是径向渐变的方向，我们可以拖拽它重新设定方向。这个轴可以延长或缩短，标识径向渐变的辐射范围。通过调整这些设定，可以让我们的渐变更加自然。

二、Axure渐变色块如何添加

渐变色块就是用渐变色填充形状，经常用在背景、按钮或者装饰元素上。在Axure中添加渐变色块的过程与径向渐变填充类似。下面是具体操作的步骤。

1、创建形状元件

我们往画布中拖拽一个圆形，作为渐变的载体图形。

2、设置线性渐变填充

选中形状元件，在右侧样式面板中，找到填充选项。在渐变设置中，选择【线性渐变】。

点击渐变条上的色标，可以选择颜色。我们可以根据需要添加更多的色标，让颜色的过渡更自然。通过拖动圆形上的绿色标点，可以控制渐变的开始位置。拖拽圆上的轴线，可以改变渐变的角度。轴的长度也可以改变，标识的是渐变的作用范围。

3、渐变复用

对于常用的渐变，我们可以点击【收藏的线性渐变】位置的加号，将设置好的渐变加入收藏中，下次遇到类似的设计效果直接复用，就不用每次都重新调整渐变的各个数值了。

以上就是Axure如何做径向渐变填充，Axure渐变色块如何添加的相关内容。径向渐变填充能给设计增加深度和立体感，模拟出自然光的效果，让页面元素看起来更生动。渐变色块通过颜色的平滑过渡，能让界面看起来更美观，避免单一颜色的单调感。