养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-11-08 08:57:23

手机现在成为了人们不可或侃奋眈唁缺的工具,其中常用的功能有:微信、电话、电子书、日历、闹钟等等。AxureRP8元件库中自带了这些功能的图标,可以利用这些掬研疔缎图标模拟一部手机,手机上的功能可以使用AxureRP8设计出来。具体操作如下:

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

工具/原料

AxureRP8

截图工具

浏览器

图片工具

方法/步骤

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设计手机模型图标以及显示

© 一点知识