墨刀介紹
如果你無法簡潔的表達你的想法,那只說明你還不夠了解它。
-- 阿爾伯特·愛因斯坦
引用被墨刀放在初始頁的一句愛因斯坦老兄的名言,墨刀就是一種能夠?qū)⒃O計想法迅速變成可見的模型的原型設計工具才避。墨刀制作了很多教學視頻和文檔。本文的目的是讓你玩味墨刀的基本組件嗤形。
所要達到目的
- 了解墨刀基本元素
- 一些基本組件細解
- 實現(xiàn)最簡開發(fā):每天回家來個擁抱!
開始;≡病8潮!
了解墨刀基本工具使用方法
- 界面:墨刀分為網(wǎng)頁版和客戶端版搔预,遵守即用即走的原則霹期,這里選擇 網(wǎng)頁版來述說。
墨刀工作區(qū)
1. 新名詞總是需要一定記憶的時間斯撮,一個好的方法是 讀一遍然后關聯(lián)似曾相識的東西
2. 這里頁面設計器就是手機面板頁
3. 組件區(qū)當然就是工具箱啦
4. 列表區(qū)比較重要经伙,每個頁面的關聯(lián)和內(nèi)部動作都在這里扶叉。
5. 工具欄自然進行一些保存勿锅,剪切等工作,注意上傳圖片也在這里枣氧。
組件
- 寫文字:使用“文字和多行文字”溢十,注意單行文字不支持回車
-
使用手勢更換頁面:“手勢和全局手勢”, 手勢并不在預覽用顯現(xiàn)达吞,只有將手勢關聯(lián)到其他頁面的時候才會出現(xiàn)手勢選擇框张弛。手勢的坐標是無所謂的,所以隨便放就好了酪劫。
顯示手勢選擇框和使用 - 設置鏈接:“鏈接區(qū)域” 這是一個非棒?? 的設計吞鸭,非常使用,鏈接區(qū)域使用透明層覆糟,我們可以遮蓋其他層刻剥,比如文字,圖片滩字,然后使得這些層看上去能夠鏈接到其他頁面造虏,但編輯起來更輕松!
- 鏈接到外部網(wǎng)頁 :“網(wǎng)頁”麦箍,這個功能還真有趣漓藕!能夠直接在墨刀里訪問外部鏈接,但有意思的是還有人利用這個功能詐騙挟裂,不知道是真是假享钞,不過結(jié)果就是我們用 墨刀先要 認證 同時只能訪問 https 協(xié)議的網(wǎng)站。
- 制作各類形狀包括按鈕:“形狀組件” 就也可以了诀蓉,其中長方形組件被官方稱為“萬能組件”
- “仿真地圖栗竖、搜索框寝姿、鍵盤”: 都有啦!就是仿真的啦划滋!
面板
- 就是在設置的時候不斷會跳出來讓你設置的東東。
- 包括文字处坪、圖片根资、素材、鏈接設置等等面板同窘,玩玩就熟悉了玄帕。
-
特別提醒的就是鏈接設置面板,也是墨刀的一個特色想邦。墨刀比較適合感性的設計師裤纹,用拖拽幾乎可以搞定一切。包括圖片上傳和這里的鏈接設置丧没。
拖拽好簡單.gif
素材
-
素材上傳: 本人覺得墨刀和簡書的基因還真的很相似鹰椒,包括拖拽和對于gif 動圖的支持,甚至墨刀的產(chǎn)品經(jīng)理都將墨刀的一些說明安置在簡書上~
上傳動圖.gif -
素材管理:仔細看呕童,在素材管理中可以將直接拖到下方漆际,這個功能其實很實用的,另外夺饲,標簽功能也方便了素材同類的搜索和分類奸汇。
Screen Shot 2016-12-19 at 5.23.33 PM.png
最簡原型,喚醒愛情
示范.gif
真心喜歡墨刀呢往声!Enjoy the sweetness擂找! 享受甜蜜哈!