所在位置:
首頁 >
營銷資訊 >
網站運營 > Axure用戶的墨刀上手指南——01 頁面,組件和交互
Axure用戶的墨刀上手指南——01 頁面,組件和交互
時間:2023-07-03 18:18:01 | 來源:網站運營
時間:2023-07-03 18:18:01 來源:網站運營
Axure用戶的墨刀上手指南——01 頁面,組件和交互:Axure 是很多產品經理和交互設計師們會用的原型設計工具,不過由于Axure不是在線工具,操作起來相對復雜等原因,國內有越來越多的產品經理和設計師們轉向使用墨刀。
墨刀作為一款在線的原型設計工具,上手非常容易,感覺更加輕量,但功能仍然強大。而對于有使用 Axure 經驗的用戶來說,上手墨刀更是一件“易如反掌”的事。
下面還是簡單介紹下Axure和墨刀功能上的共性和區(qū)別,幫助Axure老用戶們快速上手墨刀。
操作平臺
Axure目前是必須下載客戶端,支持Mac和Windows雙平臺。 而墨刀是一款在線原型設計工具,在瀏覽器即可使用,此外仍然有Mac,Windows,ubuntu 客戶端支持下載。
創(chuàng)建項目
Axure 和墨刀都為“原型項目“預設了尺寸,Axure主要包含Web,iOS和Android的預設尺寸項目,支持自定義;
Axure 的內置項目尺寸墨刀不僅內置了Web,iOS和Android項目尺寸,還有iPad,Watch,汽車屏幕等尺寸,同樣支持自定義尺寸。
墨刀的內置項目尺寸不過
對于移動端項目,在墨刀預覽時,會有多種手機殼效果,這是Axure沒有的。
添加UI組件
Axure 的內置組件分布在頂部導航中的 insert 里,以及左下區(qū)域的library里。墨刀的內置組件分布在最左側的「快捷組件」(即高頻率組件),以及右方的內置組件庫(built-in widget library)里。
Axure 的內置組件墨刀的內置組件按這種分布方式來說,墨刀拖動使用內置組件更直接。而且墨刀支持雙擊組件插入畫板。
Axure的library里包含了組件和圖標,墨刀把這兩個庫分開了,組件庫和圖標庫里均有豐富的資源,比如
內置了“輪播圖”組件,“網頁”組件(用于插入音頻/視頻/網頁)。
使用快捷鍵
設計工具常設置快捷鍵讓創(chuàng)作效率更高,
如果你之前使用過axure,再使用墨刀,之前習慣的快捷鍵依然可用。比如按快捷鍵“R”可以繪制“長方形”,按快捷鍵“T”是插入“文本”,按 Command + G 是將多個組件“組合”, 按住 Option 并拖動組件是將其“復制”……
從Axure遷移到墨刀,在快捷鍵方面沒有什么切換成本。
墨刀跟Axure一樣, Command + G 是將多個組件“組合”
添加交互效果
做原型少不了“讓頁面動起來”的交互效果。添加交互效果的方式在Axure和墨刀中有很大相似之處: Axure 是在右側的 Interaction 面板直接點擊「New interaction」,即可進一步選擇交互手勢(Events)和交互效果(Actions);
在Axure添加交互效果 而墨刀是在右側的「鏈接面板」添加「事件」,然后選擇交互手勢和交互效果即可。
在墨刀添加交互效果此外,墨刀還支持另一種創(chuàng)建交互效果的方式——
選中組件后,拖拽組件左邊的“鏈接圖標”直接左邊的頁面列表。