Axure教程-苹果X母版制作
目錄
- 母板定義
- 元件:形狀
- 蘋果X母版制作
- 邊框制作
- 劉海制作
- 聽筒制作
- 前置攝像頭制作
- 轉(zhuǎn)為母版
母板定義
母版:是指原型中共同模塊的組成。當(dāng)修改母版時,其他引用母版的地方會自動更新。非常適用現(xiàn)在多變的需求情形之下。我們可以將頁面中一些共同之處提取成母版,例如:菜單、背景、導(dǎo)航。
今天我們以蘋果X為例制作母版。
元件:形狀
蘋果X母版制作
邊框制作
1,添加一個矩形設(shè)置如下圖所示;
2,復(fù)制一個同樣的圖形,添充改為白色,大小各縮小40;
3,選擇中兩個矩形,點擊“對齊”按鈕中的“左右居中”和“上下居中”;
劉海制作
1,添加矩形框,填充和邊框都設(shè)為“黑色”,“圓角半徑”為20,取消上面兩個圓角,只需要下面兩個圓角,設(shè)置如下圖所示;
2,將劉海移至上邊框中間;
聽筒制作
1,聽筒制作,添加矩形,設(shè)置如下;
2,將聽筒移至劉海中間;
前置攝像頭制作
1,添加矩形,如下圖所示;
2,將攝像頭移至劉海右側(cè);
此至一個蘋果X的邊框已經(jīng)制作完成。
轉(zhuǎn)為母版
1,Ctrl+a,全選手機邊框,右擊,選擇“轉(zhuǎn)換為母版”
2,輸入名稱,點擊“確定”;
3,在左側(cè)母版欄中增加了一個“蘋果X”的母版;頁面中的圖片變成粉色面罩,是母版的顯示;
4,其他頁面中需要使用蘋果X時,只需要從母版欄中拖到頁面合適位置即可。
Axure源文件下載地址:
鏈接:https://pan.baidu.com/s/1LAv0u_GVQSypAkwYRyu-TQ
提取碼:1x3i
總結(jié)
以上是生活随笔為你收集整理的Axure教程-苹果X母版制作的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: CRM原型、协同办公APP高保真原型/审
- 下一篇: C语言程序——小数的四舍五入