如何利用Axure RP 8设计手机模型图标以及显示

 时间:2024-10-15 10:55:51

1、第一步,在元件库里的基本元件找到“矩形1”,拖曳一个到“index”页面,作为手机边框,如下图所示:

如何利用Axure RP 8设计手机模型图标以及显示

2、第二步,合理找到手机图标元件,分别排列在矩形框中,注意顺序,如下图所示:

如何利用Axure RP 8设计手机模型图标以及显示

3、第三步,根据手机里功能图标的颜色,分别设置这些图标的填充色,如下图所示:

如何利用Axure RP 8设计手机模型图标以及显示

4、第四步,有时看到图标就知道该图标的功能,但是为了更好表示功能作用,可以在图标下方添加功能描啄醴荇侧述,如下图所示:

如何利用Axure RP 8设计手机模型图标以及显示

5、第五步,手机右上方有个电池显示图标,这里添加一个用于显示电池电量,跟手机上类似的,如下图所示:

如何利用Axure RP 8设计手机模型图标以及显示

6、第六步,手机右上方除了显示电池,还有信号强弱图标和wifi图标,显示网路情况,如下图所示:

如何利用Axure RP 8设计手机模型图标以及显示
  • Axure rp如何制作交互效果?
  • 教大家使用Axure制作手机模型并在模型中展示
  • Axure原型工具如何制作在手机模型中预览
  • Axure 8.0中怎么制作手机上下滑动效果
  • Axure如何制作点赞交互效果?
  • 热门搜索
    对联手抄报 四年级读书手抄报 手抄报装饰简单又漂亮 手抄报版面花边大全 手抄报图画大全 教师节英语手抄报内容 古诗手抄报版面设计 万圣节手抄报英语 关于孔子的手抄报 清明时节祭英烈手抄报