android 原型图片,墨刀如何创建Android原型图?
本篇文章給大家介紹一下墨刀的使用,如何創建Android原型圖?下面本篇文章給大家介紹一下。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有所幫助。
墨刀,一款在線的移動應用原型與線框圖工具。借助于墨刀,創業者、產品經理及UI/UX設計師能夠快速構建移動應用產品原型,并向他人演示。 --- 百度百科
目前 墨刀 支持創建移動端(iPhone、iPad、Android)、web端的項目。
注冊登錄
使用郵箱注冊后我們就可以使用免費版的墨刀了,賬戶類型區別及價格
使用教程
墨刀簡單易操作,具體使用細節可以查看官方操作教程
創建Android原型圖
之前使用墨刀制作的兩個項目的原型圖,墨刀上有一些原型圖設計的模板我們可以直接套用。
我們來繪制一個Android項目的原型圖
1、創建項目選擇項目類型,我們創建一個Android類型的項目
填寫項目名稱,選擇設備類型(原型圖演示時的設備外觀不同),上傳圖標(項目logo)、啟動界面(項目啟動頁)
項目創建完之后進入工作區。
2、工作區
項目創建好之后,我們就可以按照需求來繪制原型圖了。但是我們需要先來認識一下墨刀的工作區。方便我們接下來制作原型圖。
基礎操作
工作區上一些基礎的操作,比如保存、撤銷、橫豎屏、放大縮小、分享、運行等等,這些操作一看就知道是做什么的了,這里就不記錄,有興趣的可以去看操作教程。控件區
包含基礎組件庫、平臺組件庫、圖標庫、母版,無論是內置還是自定義組件都可以在控件區查找。
基礎組件庫,提供文本、矩形、直線之類的基礎組件元素,利用基礎組件可以創造出變幻無窮的原型。
平臺組件庫,包括iOS組件庫、Material Design組件庫、自定義組件庫(自己進行多個組件的組合)。母版
母版具有繼承屬性——即編輯母版,當前項目中的所有對應母版實例都會同步發生改變。
母版主要用于快速修改當前項目內某固定模塊的內容及布局。
1、我們利用輪播圖的母版來制作自己原型圖中的輪播圖
2、我們自己來創建一個母版,建一個文字可以上下滾動的母版
我們建一個320*300的文字展示母版,在實際使用中我們在上下方向調小母版就可以實現文字上下滑動的效果了。
實際效果如下圖
自定義組件庫
對于一些平臺組件庫中沒有的,或者項目中常用但是需要多個組件拼接的,我們都可以通過自定義組件來制作,方便其他項目直接使用,比如項目中常用的消息彈窗,我們就可以制成自定義組件。
實際效果參照圖3-1頁面狀態
1、每個頁面下都可以新建若干個狀態頁面
2、所有狀態頁面內的組件數量是一致的
3、默認狀態是頁面的基本樣式
4、添加組件等數據時需在全局狀態
工作流
工作流是原型的頁面流程圖,在工作流中,可以根據已有的原型文件,創建頁面流程圖或交互圖,來更詳盡地展示產品邏輯、流程或結構。
通過已有頁面之間的關聯展示產品邏輯業務流程。標注
標注展示相關控件的寬高、顏色、相對位置,便于開發。
本文轉載自:https://www.jianshu.com/p/57a4e66a08af
更多web開發知識,請查閱 HTML中文網 !!
總結
以上是生活随笔為你收集整理的android 原型图片,墨刀如何创建Android原型图?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 软件测试必须知道的精华总结
- 下一篇: Abaqus简单部件受力分析