Axure RP 8怎么模拟手机界面显示应用图标的效果?

手机界面会显示微信、电话、电子书、日历、闹钟等等应用程序的图标,该怎么使用Axure 自带的元件库图标模拟一部手机界面,下面我们就来看看详细的教程。

软件名称:
原型设计工具Axure RP Pro 8.1破解版 中文汉化破解版(附汉化包+注册码+安装教程)
软件大小:
90.5MB
更新时间:
2018-05-24

Axure RP 8怎么模拟手机界面显示应用图标的效果?_第1张图片

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

Axure RP 8怎么模拟手机界面显示应用图标的效果?_第2张图片

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

Axure RP 8怎么模拟手机界面显示应用图标的效果?_第3张图片

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

Axure RP 8怎么模拟手机界面显示应用图标的效果?_第4张图片

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

Axure RP 8怎么模拟手机界面显示应用图标的效果?_第5张图片

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

Axure RP 8怎么模拟手机界面显示应用图标的效果?_第6张图片

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

Axure RP 8怎么模拟手机界面显示应用图标的效果?_第7张图片

以上就是Axure RP 8模拟手机界面的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Axure怎么设计手机短信倒计时效果?

Axure 8.0中怎么制作手机上下滑动效果?

axure怎么做滑动效果? axure做手机触摸屏幕滑动效果的方法

你可能感兴趣的:(Axure RP 8怎么模拟手机界面显示应用图标的效果?)