目录

  • 母板定义
  • 元件:形状
  • 苹果X母版制作
    • 边框制作
    • 刘海制作
    • 听筒制作
    • 前置摄像头制作
    • 转为母版

母板定义

母版:是指原型中共同模块的组成。当修改母版时,其他引用母版的地方会自动更新。非常适用现在多变的需求情形之下。我们可以将页面中一些共同之处提取成母版,例如:菜单、背景、导航。
今天我们以苹果X为例制作母版。

元件:形状

苹果X母版制作

边框制作

1,添加一个矩形设置如下图所示;

2,复制一个同样的图形,添充改为白色,大小各缩小40;

3,选择中两个矩形,点击“对齐”按钮中的“左右居中”和“上下居中”;

刘海制作

1,添加矩形框,填充和边框都设为“黑色”,“圆角半径”为20,取消上面两个圆角,只需要下面两个圆角,设置如下图所示;

2,将刘海移至上边框中间;

听筒制作

1,听筒制作,添加矩形,设置如下;

2,将听筒移至刘海中间;

前置摄像头制作

1,添加矩形,如下图所示;

2,将摄像头移至刘海右侧;


此至一个苹果X的边框已经制作完成。

转为母版

1,Ctrl+a,全选手机边框,右击,选择“转换为母版”

2,输入名称,点击“确定”;
3,在左侧母版栏中增加了一个“苹果X”的母版;页面中的图片变成粉色面罩,是母版的显示;
4,其他页面中需要使用苹果X时,只需要从母版栏中拖到页面合适位置即可。

Axure源文件下载地址:
链接:https://pan.baidu.com/s/1LAv0u_GVQSypAkwYRyu-TQ
提取码:1x3i

Axure教程-苹果X母版制作相关推荐

  1. 【Axure教程】用中继器制作树形表格

    树形表格在系统中是非常常用的表格类型,可以反映父级和子级关系,可以快速查看全局数据,也可以下钻查看详细的数据.因为Axure里只提供了基础的表格元件,没有提供树形表格的元件,所以今天作者就教大家如果用 ...

  2. Axure教程:用中继器制作调查问卷/考试试卷

    今天教大家用中继器制作调查问卷或考试试卷,包括了单选.多选和填空题. 制作完成后,以后使用方便,仅需简单填写中继器的内容,即可自动生成调查问卷或考试问卷,所以强烈推荐给各位使用. 原型预览及下载地址: ...

  3. 【Axure视频教程】用中继器制作调查问卷

    今天教大家在Axure里如何用中继器制作调查问卷的原型模板,问卷中包括单选题.多选题和填空题.这个模板是用中继器制作的,所以使用也非常方便,只需要在中继器表格里填写问题类型.内容.答案,即可自动生成对 ...

  4. Axure教程:如何使用动态面板?动态面板功能详解

    写了几个Axure教程之后发现,可能教程的起点有些高了,过分的去讲效果的实现,而忽略了axure功能以及基础元件的使用,那么从这个教程开始,把这些逐渐的展开讲解. 关于Axure动态面板 动态面板是a ...

  5. xbanner 动画特效设置android,Axure教程:如何实现爱彼迎App首页Banner的切换效果

    原标题:Axure教程:如何实现爱彼迎App首页Banner的切换效果 本文分享一个用Axure实现爱彼迎App首页Banner切换效果的方法,供大家参考,欢迎一起交流. 作者最近闲暇时间试着将爱彼迎 ...

  6. axure读取服务器文件,Axure教程|云盘案例原型:文件管理

    今天和大家分享一个后台文件管理demo,包括图片管理.视频管理.音乐管理.文档管理和其它文件管理.这个demo也可以看做云盘.网盘的demo. 该原型交互效果齐全,使用也简单,只需要填写中继器表格即可 ...

  7. 【Axure视频教程】用中继器制作排名图

    Hello,今天教大家用中继器制作排名图,可以在中继器表格里填写数据以及坐标轴最大值后,自动生成自动排名图的效果.该模板使用简单,复用性强.再次使用时,只需要在中继器表格里填写内容,自动生成高保真效果 ...

  8. 【Axure教程】能增删数据的柱状图

    柱状图是可视化视图里一个非常重要的工具,在画原型图时,我们也经常用到柱状图.今天作者就教大家如何在Axure里制作一个能增删输入的柱状图模板,效果包括: 查看具体数据--鼠标移入柱状图时,改柱状图的背 ...

  9. AXURE教程:散点图

    上一期教会大家如何用axure做堆叠柱状图,本文将教大家如何用AXURE做散点图 效果如下: 原型预览及下载地址: https://axhub.im/pro/1882d0a30c3301c9 一.功能 ...

  10. 【Axure教程】上传图片

    上传图片可以说是每个系统必备的功能,包括上传头像.发送图片.上传商品图片--都需要用到上传图片的功能. 我们在画产品原型的时候,也常常需要画出上传图片的效果,但是Axure里面并没有上传图片的元件,导 ...

最新文章

  1. Ajax的数据发送与接收(jQuery)
  2. clear session on close of browser jsp
  3. VTK:小部件之TexturedButtonWidget
  4. 如何在 ASP.NET Core 中使用 LazyCache
  5. Python基础入门_3条件语句和迭代循环
  6. 「经营分析报告」怎么做?这套模板让领导一看就懂
  7. 推荐程序员的求爱技巧
  8. 本硕985非科班渣硕2020腾讯计算机视觉算法实习面经(已获Offer)
  9. 互联网架构设计中的poll和push
  10. python编程是干嘛的-Python这么火到底能干啥?
  11. 瑞芯微开发工具怎么刷机
  12. tomcat下载安装及配置【图文教程】
  13. mysql查询excel表_使用SQL语句实现对Excel工作表数据进行查询的方法
  14. R语言 kNN 对鸢尾花进行分类
  15. 计算机条文式求职简历范文,个人简历自我描述#40;范本)(11页)-原创力文档
  16. android 设置自动曝光,我应该如何设置自定义的相机,曝光和白平衡值,如果在Android定制camera.Does初始化相机参数时,相机自动处理这些我不设置曝光和白平衡或者我需要...
  17. 为 Form Library 开发工作流,如何读取 InfoPath 表单内容
  18. hello ,酷狗音乐产品体验报告
  19. php实现维吉尼亚算法,python实现维吉尼亚算法
  20. 为触屏手机而设计系列1——拇指操作的“热区/死角”与“控件尺寸”

热门文章

  1. qpsk psk matlab,BPSK和QPSK调制解调原理及MATLAB程序资料
  2. 2022年华为杯中国研究生数学建模竞赛F题思路
  3. Win10系统winload.efi丢失或损坏怎么办?修复步骤(以联想笔记本为例)
  4. 正点原子STM32F103学习笔记(一)
  5. 基于HTML模板和JSON数据的JavaScript交互
  6. 读《About Face 4 交互设计精髓》7
  7. 公众号题库搜题对接(提供免费接口)
  8. JAVA HD japan_小米小爱AI音箱HD【硬件分析】,你了解智能音箱吗
  9. 模糊综合评价模型 ——确定隶属度
  10. ASCII码 编码对照表