墨刀的初级应用 UI设计师展现作品的神器
這幾天開始想做一些交互圖形,但是對(duì)于只懂a(chǎn)xure基本應(yīng)用的我無疑是一個(gè)大難題,看了教程,摸索了半天還是沒搞懂怎么去切換。
以前的一個(gè)朋友給我推薦過墨刀,但是太懶沒有去了解過。這次搜索出來準(zhǔn)備應(yīng)用。真的很容易上手。很容易!好了不墨刀了,開始講一下步驟。
對(duì)于墨刀你只要做以下幾點(diǎn)就行:
1,把你要交互的圖片準(zhǔn)備好,壓縮到最小,也就是1kb-幾百kb之間(這是要做高保真交互圖)。
2,在百度里搜索墨刀,打開網(wǎng)頁,然后注冊(cè)登錄(當(dāng)然你也可以下載墨刀這個(gè)程序到桌面上)
3,點(diǎn)擊創(chuàng)建應(yīng)用,選擇你要做的類型:網(wǎng)頁,app等,尺寸類型自己選擇也可以輸入,我這次使用的蘋果6尺寸,做的app交互 ??
4,點(diǎn)擊完類型之后,選擇手機(jī)大小,填寫名稱,然后跟具最下面的提示可以上傳app的logo和啟動(dòng)頁(如果你有的話可以上傳,沒有也可以不傳),然后點(diǎn)擊創(chuàng)建
5,創(chuàng)建之后會(huì)自動(dòng)生成一個(gè)手機(jī)模型和狀態(tài)欄,(因?yàn)槲易龅氖歉弑U娴慕换?#xff0c;所以圖片自帶狀態(tài)欄,系統(tǒng)生成的可以刪除)delete就可以了
6,目錄創(chuàng)建時(shí),鼠標(biāo)移上主頁會(huì)顯示四個(gè)符號(hào),+號(hào)表示在主頁中添加子頁面,第二個(gè)是復(fù)制一個(gè)主頁面,第三個(gè)箭頭表示把主頁以及主頁的所有自頁面移到另一個(gè)項(xiàng)目中,第四個(gè)刪除鍵就不說了
本人太笨了,因?yàn)檫@四個(gè)圖標(biāo)只有鼠標(biāo)滑入的時(shí)候才顯示,我不會(huì)截屏,所以用手機(jī)拍了一張照片,還可以看,見諒。希望大神教教我截屏。
7,重點(diǎn)!!!創(chuàng)建目錄,一定要把你交互的圖片名字和墨刀里面使用的名字寫一致,方便后期更改。
簡(jiǎn)單明了
8,選擇名字相對(duì)應(yīng)的頁面,點(diǎn)擊右下角的圖片按鈕上傳圖片,進(jìn)入另一個(gè)頁面,你就可以一下子把你要用的圖片批量上傳過來
9,圖片上傳完畢后,選擇你要插入當(dāng)前頁面的圖片,點(diǎn)擊一下就可以客,然后點(diǎn)擊關(guān)閉按鈕,就可以回到操作頁面
10,圖片插入到對(duì)應(yīng)的文件夾之后,就是最關(guān)鍵的一步了,做交互,在操作頁面的左邊菜單欄,用鼠標(biāo)拖拽組件>功能>連接區(qū)域按鈕到你要點(diǎn)擊的地方,可以用鼠標(biāo)控制按鈕大小,調(diào)整完畢之后,鏈接按鈕右邊有一個(gè)連接的符號(hào),用鼠標(biāo)拉動(dòng)這個(gè)符號(hào)到你要跳轉(zhuǎn)的頁面就可以了。重復(fù)此操作。
11,頁面做完了可以運(yùn)行預(yù)覽一下,右邊菜單欄有一個(gè)火箭的按鈕,點(diǎn)擊運(yùn)行查看效果。
12,可以把昨晚的效果圖和你的小伙伴分享一下了。
總結(jié)
以上是生活随笔為你收集整理的墨刀的初级应用 UI设计师展现作品的神器的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【自习任我行】任务跟踪1
- 下一篇: 为什么每次登录都有烦人的验证码