使用axure rp8 制作一个iphonex手机框架

使用axure制作手机框架

  • 1 完成示例
  • 2 设置背景色
  • 3 创建矩形
  • 4 创建垂直线
  • 5 设置4个顶点
  • 6 创建顶部矩形
  • 7 设置小程序样式

1 完成示例

使用axure rp8 制作一个iphonex手机框架_第1张图片

2 设置背景色

设置背景颜色为 #000000

3 创建矩形

  • 创建一个iphonex尺寸的矩形 393x836,设置背景透明,边框#797979,设置圆角30
  • 创建一个375x812的无边框矩形,设置圆角20

4 创建垂直线

  • 创建一个高110的垂直线,放置左侧
  • 创建一个高63的垂直线,放置右侧

5 设置4个顶点

分别将下图4个图片填入对应顶点
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

6 创建顶部矩形

  • 创建375x20矩形
  • 创建文本,时间为10:00,大小为13px
  • 使用axure自带图标,“信号”,大小为13x11
  • 使用图标“电池” , 大小为20x11
  • 设置上下居中,完成。

7 设置小程序样式

  • 制作一个101x34矩形,圆角170
  • 制作3个小圆点
  • 制作一个矩形,2x21 实现竖线
  1. 3x3 5x5 3x3 填充颜色#333333,无边
  2. 制作两个圆形17x17 5x5 边框颜色#333333,
  • 效果
  • 小程序样式

你可能感兴趣的:(axure)