如何利用Axure RP 8设计出立体感的按钮图形

 时间:2024-10-12 12:50:22

1、第一步,双击打开Axure RP设计软件工具,在基本元件中拖曳一个按钮到空白页,修改默认的文字内容,如下图所示:

如何利用Axure RP 8设计出立体感的按钮图形

2、第二步,将按钮的宽度和高度分别调成200*60,调整坐标位置,如下图所示:

如何利用Axure RP 8设计出立体感的按钮图形

3、第三步,选中按钮元件,设置填充的颜色为蓝色,并保存原型图,如下图所示:

如何利用Axure RP 8设计出立体感的按钮图形

4、第四步,调整按钮上显示内容字体大小,将按钮角度半径调成10,如下图所示:

如何利用Axure RP 8设计出立体感的按钮图形

5、第五步,设置按钮的阴影模糊角色、颜色和范围,不透明度调成80%,如下图所示:

如何利用Axure RP 8设计出立体感的按钮图形

6、第六步,选中按钮元件,去掉按钮元件的边框;再次保存之后,预览该页面模型,如下图所示:

如何利用Axure RP 8设计出立体感的按钮图形
  • An如何复制与预设滤镜效果
  • An如何对时间轴的图层进行整理和隐藏
  • Animate如何插入关键帧
  • Animate如何嵌入字体
  • Animate/Flash如何实现动态椭圆半径(AS3)
  • 热门搜索
    防震手抄报图片大全集 防震减灾手抄报资料 清明手抄报资料 国庆手抄报简单 感恩老师手抄报句子 有关环保的手抄报 小学数学手抄报内容 三节三爱手抄报 清明手抄报 简单 五水共治手抄报内容