Axure教程-苹果X母版制作
生活随笔
收集整理的這篇文章主要介紹了
Axure教程-苹果X母版制作
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
目錄
- 母板定義
- 元件:形狀
- 蘋果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母版制作的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: CRM原型、协同办公APP高保真原型/审
- 下一篇: C语言程序——小数的四舍五入