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

本文详细介绍如何在原型设计软件中创建苹果X手机界面的母版,包括边框、刘海、听筒及前置摄像头等元素的制作过程,并演示如何将设计转化为可复用的母版。
390

被折叠的 条评论
为什么被折叠?



