墨刀,一款在線的移動應用原型與線框圖工具。借助于墨刀,創業者、產品經理及UI/UX設計師能夠快速構建移動應用產品原型,并向他人演示。 墨刀對于APP的原型設計真的是體驗非常好,怎么說呢?就像有一個無形的人在幫助你,和你一起打造你的原型APP
墨刀是一個原型設計工具,可以快速構建移動應用原型與線框圖,支持云端保存和實時手機預覽。一起來看看墨刀使用教程吧!
材料/工具
墨刀
方法
首先打開墨刀軟件,新建一個應用,選擇應用類型(選擇了iPhone設備),輸入應用名稱,設備類型和應用尺寸,點擊創建按鈕,完成應用創建。
新建母版,將觸發彈窗的按鈕以及彈窗分別放到母版中的頁面一和頁面二中,創建鏈接,選擇動效。拖入工作區,選中實例,編輯相應母版狀態并添加鏈接。完成。 第三種:使用頁面狀態制作彈窗(視頻教程) 如果你還不會使用頁面狀態,可以先看入門教
新建應用的標題欄會自動顯示應用的名稱(人人都是產品經理),標題欄文字可以自行修改。制作里布導航欄,從左側“組件”欄目中找到底部組件,拖入應用之中,大小和樣式可以自行修改。然后拖入三個導航標簽,修改標簽的位置和名稱。至此完成底部導航欄的制作。
用的濾鏡么,寫法不同的:filter:alpha(opcity=20);/*IE中濾鏡的寫法*/filter:alpha(opcity:0.2);/*火狐中濾鏡的寫法*/你要判斷瀏覽器是什么瀏覽器來決定用什么寫法
然后開始簡單的制作下“產品經理”的首頁原型,在左側的“組件”欄目中找到搜索組件,拖入App首頁中,在“母版”欄目中找到輪播圖模版,拖入應用之中。墨刀中有一些已經做好的組件或母版,可直接拖入使用,加快創建原型的時間。
三星手機截屏是指將手機當前的頁面全屏截取下來并保存為圖片的功能,截屏的方法有以下幾種: 方法一
然后回到“組件”欄目,為首頁插入圖片和文字。圖片調節在右邊的設置欄,這里推薦大家直接拖入圖片,然后用鼠標調節大小這樣會比較方便。文字的調節在左邊的主題欄目,可調節文字的大小和樣式,然后用鼠標擺至合適的位置。
墨刀的項目都是保存在云端的。 不過可以導出為HTML、PNG和.apk這三種格式的文件
在軟件右上角點擊“+新頁面”即可生成新的頁面,每一個頁面有復制、刪除、添加子頁面的功能。在新的頁面中添加標題欄,復制首頁的底部導航,粘貼至新的頁面,注意粘貼時用于粘貼至“原位置”。按如此方式制作“發現”頁面和“我的”頁面。
頁面之間的跳轉有startActivity 和startActivityForResult兩種, startActivity :只能跳到下一個頁面 startActivityForResult: 不僅能跳到下一個頁面,而且當下一個頁面finish()時就可以返回上一頁面 所以您應該用startActivityForResult方法來跳
這里介紹一個墨刀非常有特點的功能,就是通過連線的方式進行頁面之間的跳轉,在應用中選擇任何一個控件,圖片或者文字都可以通過添加手勢和頁面切換方式實現頁面跳轉。優點在于操作方便,且比較直觀。缺點是如果頁面復雜,跳轉比較多,會有非常多交叉在一起的線,容易連接出錯。
sketch與axure兩種原型工具的選擇地是和人員的配置相關。每個工具都會有它的特點。盡量避免去比較那個原型工具的好壞。只有適合自己團隊的工具才是好用的工具。選擇行業內使用較多的工具,不要因團隊人員的流失找不到相關的補充人員。
利用連線的方式即可快速的實現底部導航的切換,設置完成后選擇右上角運行按鈕,即可查看實際效果,效果如圖所示。
: Photoshop橢圓選框工具拉選框,右鍵反向選擇,按Delete鍵,保存成png格式。
最后說一個在移動端比較重要的功能,應用全局手勢的添加,在左側“組件”欄目找到全局手勢組件,拖入至應用的任意位置,然后選擇你要發動手勢后跳轉的頁面,選擇手勢方式和動畫效果即可。
墨刀的上手性確實好,而且采用線條拖曳式的方式來建立鏈接這種方式確實算是個創舉,但是字體不能更換這一點真是無力吐槽(影響輸出效果)。且類似局部區域左右滾動效果等高級一點的功能,操作起來感覺上不如Axure的動態面板好用,網易新聞客戶端
利用全局手勢組件,在應用添加滑動的頁面切換效果。運行測試,效果如圖所示。
看app 反本低.光服務器+ios+安卓+美工假設都月本要3-4w 外包公司能非營利 所近10w月10w 商城類更貴 AUTO自選擇模式NORMAL模式原IDE式式訪問硬盤BIOSIDE控制器參數部作任何轉換支持容量
手機預覽功能,可以直接將原型導到手機上查看。只需要在運行界面,點擊分享,用手機瀏覽器(墨刀app可以)掃描二維碼即可直接在手機上查看原型,更加方便的你為團隊演示和講解自己的原型。
刮墨刀的安裝其實很講究,如果安裝的不當,不但影響刮墨效果,同時也會影響到膠輥和刮墨刀的使用壽命,真確安裝油墨刮刀具體需要有以下步驟。 1、在打開刮墨刀包裝盒往外抽拉時,請拿著刀身,以防被刀口劃傷,檢查清潔刮刀。2、測試油墨刮刀的壓
擴展閱讀,以下內容您可能還感興趣。
用墨刀制作的app原型怎么轉為上市app
看app
反本低.光服務器+ios+安卓+美工假設都月本要3-4w
外包公司能非營利
所近10w月10w
商城類更貴
AUTO自選擇模式NORMAL模式原IDE式式訪問硬盤BIOSIDE控制器參數部作任何轉換支持容量
刮墨刀的正確使用刮墨刀的方法
刮墨刀的安裝其實很講究,如果安裝的不當,不但影響刮墨效果,同時也會影響到膠輥和刮墨刀的使用壽命,真確安裝油墨刮刀具體需要有以下步驟。 1、在打開刮墨刀包裝盒往外抽拉時,請拿著刀身,以防被刀口劃傷,檢查清潔刮刀。
2、測試油墨刮刀的壓力:壓力是可控制和測量的。 實際壓力不變的可持續性。要求壓力最小化,從而減少磨損。 1、油墨刮刀必須夾緊在標準的刀架內,刀襯與刀架之間應干凈,沒有殘留油墨硬塊,以保證刮刀夾緊后的垂直度。
2、開有刀口一面必須朝上。安裝角度55~65。 油墨刮刀位置、版輥及墨輥之間的距離要合適, 調節為最佳距離,版的夾縫隨干燥速度、版輥的尺寸而不同,距離要求不同。調整為最合適的夾縫距離,才能平衡印刷和干燥速度。 1、刮墨刀安裝后要求檢查刮刀垂直無波浪,快速和精確安裝、卸載,保證刮刀的平行設置和與襯刀的平行。(先中間,由中間向兩邊固定)
2、沿版軸方向來回擺動油墨刮刀,微小擺動可減少損耗。 可以去除刮墨刀因印刷輥而產生的毛刺,擺動可防止圖像輪廓的損失,每次擺動距離大約1/2inch(10~12mm)。
3、油墨刮刀的刀襯與刀架之間的距離請參考安裝尺寸,正確安裝刮刀,可防止油墨刮刀刃口的斷裂和延長油墨刮刀的使用壽命。
用墨刀怎么實現Web端全屏式切換
進入全屏模式
同樣點擊右上角退出全屏模式
求教如何使用墨刀制作出下拉菜單的效果
勢力屬性人物曹魏文臣荀彧、荀攸、賈詡、郭嘉、程昱、戲志才、劉曄、蔣濟、陳群、華歆、鐘繇、滿寵、董昭、王朗、崔琰、毛玠、杜畿、田疇、王修、楊修、辛毗、楊阜、田豫、王粲、蒯越、張繼、杜襲、棗祗、任峻、陳矯、郗慮、桓玠、丁儀、丁廙、司馬朗、韓暨、韋康、邴原、趙儼、婁圭、賈逵、陳琳
回墨刀用英語怎么說
回墨刀的英文翻譯_百度翻譯
回墨刀
Return knife
knife_百度翻譯
knife 英[naɪf] 美[naɪf]
n. 刀; 匕首; 刃部; 手術刀;
vt. 切割,刺; 傷害;
vi. 劈開; 劃過;
[例句]Two robbers broke into her home, held a knife to her throat and stole her savings.
[其他] 第三人稱單數:knives 復數:knives 現在分詞:knifing 過去式:knifed過去分詞:knifed
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com