墨刀介紹
如果你無法簡潔的表達你的想法,那只說明你還不夠了解它。
-- 阿爾伯特·愛因斯坦
引用被墨刀放在初始頁的一句愛因斯坦老兄的名言,墨刀就是一種能夠將設計想法迅速變成可見的模型的原型設計工具。墨刀制作了很多教學視頻和文檔。本文的目的是讓你玩味墨刀的基本組件。
所要達到目的
- 了解墨刀基本元素
- 一些基本組件細解
- 實現最簡開發:每天回家來個擁抱!
開始!!!
了解墨刀基本工具使用方法
- 界面:墨刀分為網頁版和客戶端版,遵守即用即走的原則,這里選擇 網頁版來述說。
墨刀工作區
1. 新名詞總是需要一定記憶的時間,一個好的方法是 讀一遍然后關聯似曾相識的東西
2. 這里頁面設計器就是手機面板頁
3. 組件區當然就是工具箱啦
4. 列表區比較重要,每個頁面的關聯和內部動作都在這里。
5. 工具欄自然進行一些保存,剪切等工作,注意上傳圖片也在這里。
組件
- 寫文字:使用“文字和多行文字”,注意單行文字不支持回車
-
使用手勢更換頁面:“手勢和全局手勢”, 手勢并不在預覽用顯現,只有將手勢關聯到其他頁面的時候才會出現手勢選擇框。手勢的坐標是無所謂的,所以隨便放就好了。
顯示手勢選擇框和使用 - 設置鏈接:“鏈接區域” 這是一個非棒?? 的設計,非常使用,鏈接區域使用透明層,我們可以遮蓋其他層,比如文字,圖片,然后使得這些層看上去能夠鏈接到其他頁面,但編輯起來更輕松!
- 鏈接到外部網頁 :“網頁”,這個功能還真有趣!能夠直接在墨刀里訪問外部鏈接,但有意思的是還有人利用這個功能詐騙,不知道是真是假,不過結果就是我們用 墨刀先要 認證 同時只能訪問 https 協議的網站。
- 制作各類形狀包括按鈕:“形狀組件” 就也可以了,其中長方形組件被官方稱為“萬能組件”
- “仿真地圖、搜索框、鍵盤”: 都有啦!就是仿真的啦!
面板
- 就是在設置的時候不斷會跳出來讓你設置的東東。
- 包括文字、圖片、素材、鏈接設置等等面板,玩玩就熟悉了。
-
特別提醒的就是鏈接設置面板,也是墨刀的一個特色。墨刀比較適合感性的設計師,用拖拽幾乎可以搞定一切。包括圖片上傳和這里的鏈接設置。
拖拽好簡單.gif
素材
-
素材上傳: 本人覺得墨刀和簡書的基因還真的很相似,包括拖拽和對于gif 動圖的支持,甚至墨刀的產品經理都將墨刀的一些說明安置在簡書上~
上傳動圖.gif -
素材管理:仔細看,在素材管理中可以將直接拖到下方,這個功能其實很實用的,另外,標簽功能也方便了素材同類的搜索和分類。
Screen Shot 2016-12-19 at 5.23.33 PM.png
最簡原型,喚醒愛情
示范.gif
真心喜歡墨刀呢!Enjoy the sweetness! 享受甜蜜哈!