墨刀基礎使用教程

在眾多的原型設計軟件中,墨刀是最容易上手的.新手很友好,自稱是小白三個小時就能學會的原型設計.你可以看看這個基礎教程.

第一步是創建一個項目.文章源自四五設計網-http://www.wasochina.com/51421.html

輸入項目名稱,稍后瀏覽時也會顯示在頂部標題中.文章源自四五設計網-http://www.wasochina.com/51421.html

根據原型大小,您可以創建不同大小的界面,包括應用程序界面、網頁、iPad和自定義大小.文章源自四五設計網-http://www.wasochina.com/51421.html

第二步:編輯界面.文章源自四五設計網-http://www.wasochina.com/51421.html

可以看到左側可以添加APP的logo和開篇頁面,很人性化.文章源自四五設計網-http://www.wasochina.com/51421.html

可以看到項目的所有界面圖,然后進入編輯界面...文章源自四五設計網-http://www.wasochina.com/51421.html

墨刀基礎使用教程-1文章源自四五設計網-http://www.wasochina.com/51421.html

項目界面概述.文章源自四五設計網-http://www.wasochina.com/51421.html

操作界面.文章源自四五設計網-http://www.wasochina.com/51421.html

中間是頁面制作區.要用好一款軟件,首先要熟悉它的操作平臺.文章源自四五設計網-http://www.wasochina.com/51421.html

下圖很簡潔,大致分為三欄.

墨刀操作界面.

左側操作界面、

墨刀基礎使用教程-2

紅色框選擇區域,這是一個快捷功能圖標,并添加文本.矩形線可以直接拖到中間的工作區.

黃色方框顯示不同的頁面,可以添加或刪除.

選擇綠框區域,切換成另一個圖標,顯示當前頁面的不同材質.

左側.

右邊是操作員界面.

對于中間選中的圖片,右側標識圖片的修改數據;

如畫面大小、位置、外觀調整、動態設計;

您還可以向圖片添加事件,如單擊跳轉到頁面或切換狀態.

組件.

會有現成的組件,我的組件和圖標庫.點擊打開相應的素材庫.

雖然不是很豐富,但是足夠了,畫原型的效率大大提高.

組件.

墨刀基礎使用教程-3

圖標.

覆蓋各種圖標,讓你的原型更花哨.

添加一些彩色圖標顏色,讓界面更有層次感.

先說這些內容,分享下下次如何讓頁面的狀態,讓你的界面更加動態.

我的微信
微信掃一掃
weinxin
我的微信
惠生活福利社
微信掃一掃
weinxin
我的公眾號
 
  • 本文由 四五設計網小助手 發表于 2024年10月15日09:37:10
  • 轉載請務必保留本文鏈接:http://www.wasochina.com/51421.html

發表評論

匿名網友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

拖動滑塊以完成驗證