Axure中如何设计手机充值界面原型

 时间:2024-10-26 14:02:08

1、首先搭好一个大致框架,我这里用的是一个浅色底。

Axure中如何设计手机充值界面原型

2、拖入矩形框,开始设置每一个按钮。在按钮里输入“5元”,大小自定,设置外部阴影,不选择偏移,模糊5,增加按钮的美观度。圆角半径设置为5。

Axure中如何设计手机充值界面原型

3、开始对拖入的按钮进行交互样式设置,设定选中时字体颜色为白色(FFFFFF),填充颜色为橙色(FE624E)。

Axure中如何设计手机充值界面原型

4、设置交互,鼠标单击时,选中当前原件的状态为“TURE”。至此一个按钮的设置完毕。

Axure中如何设计手机充值界面原型

5、选中设置完成的按钮,点击辅助,然后粘贴处一个一模一样的按钮,拖动到合适的位置,把里面的文字“5元”改为适当的文字。

Axure中如何设计手机充值界面原型

6、按照步骤5完成所有充值界面的按钮设置,每一个按钮的所有交互如图所示。为首个按钮,我这里是“5元”在属性界面为选中打上勾,确保第一个按钮为默认选中状态。为每一个按钮设置选项组名称,假设都为“金额”。这一设置是为了确保选中不同按钮时,按钮的选中状态发生变化。

Axure中如何设计手机充值界面原型

7、效果如图所示。

Axure中如何设计手机充值界面原型
Axure中如何设计手机充值界面原型
  • 用3dmax来做一盏异形吊灯
  • 3Dmax柱头模型制作教程
  • CAD样条曲线工具使用教程
  • 效果图中怎样制作纱窗材质?
  • 3dsMax怎样使用弯曲
  • 热门搜索
    安全知识手抄报 垃圾分类手抄报内容 手抄报小学生 中国传统文化手抄报 节约用水手抄报一等奖 数学手抄报图片 清明节手抄报简单又漂亮 英语手抄报内容 英语手抄报图片 世界水日手抄报