15年10月就有聽說墨刀畫原型非常的方便，易學(xué)。本想當(dāng)時(shí)就準(zhǔn)備試試蟀淮，可曾想一下子給耽誤了最住，到前幾天才第一次下載墨刀這款軟件，用過之后發(fā)現(xiàn)確實(shí)還不賴怠惶，繪制一款A(yù)PP非常方便涨缚。
這里簡(jiǎn)單說一下，繪制原型的軟件很多策治，比如：axure ,Sketch ,ps,墨刀.作為繪制一款A(yù)PP脓魏，我覺得墨刀是最便捷，最高效的通惫。下面不做軟件的對(duì)比茂翔，簡(jiǎn)單粗暴的詳細(xì)說說我在繪制一款A(yù)PP時(shí)所遇到的問題和制作過程。
我會(huì)在原型有幾個(gè)原則：
1）繪制原型的所有元素用黑履腋、白珊燎、灰表現(xiàn)
2）28原則。盡可能完整的實(shí)現(xiàn)APP完整的交互效果
以健身APP--keep為例：
第一遵湖，注冊(cè)后為試用版悔政，試用時(shí)間過后變?yōu)槊赓M(fèi)版，免費(fèi)版不支持多人協(xié)作延旧，不能導(dǎo)出HTML和png圖等谋国。
第二，墨刀可以多人協(xié)作迁沫。?
第三芦瘾，設(shè)置點(diǎn)開〖可以命名旅急，選擇安卓還是ios，設(shè)備類型牡整，上傳項(xiàng)目logo和啟動(dòng)頁（為了表現(xiàn)更加真實(shí)）
feed流制作
注意了，紅色虛線為你設(shè)置的設(shè)備尺寸溺拱。拖動(dòng)調(diào)節(jié)頁面高度的箭頭逃贝，頁面就能實(shí)現(xiàn)上下滾動(dòng)了，填充內(nèi)容后迫摔，調(diào)整好頁面高度沐扳，進(jìn)行無縫對(duì)接。
母版的使用--制作左右滑動(dòng)效果
第一句占，新建母版沪摄，雙擊進(jìn)入母版進(jìn)行編輯。
第二，以上圖為例杨拐，只顯示圖片的四分之三祈餐，表示可左滑動(dòng)，顯示更多的內(nèi)容哄陶。以此為條件帆阳，在母版中放入3張圖片，調(diào)整好其尺寸大小屋吨，使其符合前面要顯示的條件蜒谤，再將母版中頁面編組，將頁面一的鎖鏈拖到頁面二上至扰，加上左滑效果即可鳍徽。
注意:使用母版是很方便，會(huì)造成修改一處敢课，全部都會(huì)跟著修改阶祭。比如，要做圖片左滑效果和圖片下面帶文字介紹的左滑動(dòng)效果翎猛，切勿當(dāng)成一個(gè)母版直接添加文字胖翰，它是2種不同的顯示內(nèi)容，就需要做2個(gè)母版切厘。
關(guān)于圖標(biāo)元素的使用
在工具欄中萨咳，這個(gè)五角星代表了圖標(biāo)元素。墨刀中自帶了很多圖標(biāo)（右邊紅色框）疫稿，點(diǎn)擊五角星培他，激活狀態(tài)，然后可在圖標(biāo)庫中選擇切換符合自己想要的圖標(biāo)遗座。但是舀凛，如果圖標(biāo)庫找不到想使用的圖標(biāo)，或者你不想用其中的圖標(biāo)途蒋，那么我們可以找來素材圖標(biāo)猛遍，拖入其中就行了，一般可在icon阿里巴巴矢量圖標(biāo)庫中找到想要的圖標(biāo)号坡，換成符合自己頁面需要的顏色懊烤，在下載拖入到墨刀（在墨刀里面拖入的圖標(biāo)不可更改顏色），調(diào)節(jié)大小即可宽堆。
菜單切換
第一腌紧，調(diào)好文字間距和底下橫條效果
第二，點(diǎn)擊橫條畜隶，在墨刀工具欄右側(cè)對(duì)其加入效果壁肋，如：左滑入号胚，重復(fù)一次等
第三，對(duì)每個(gè)切換頁面進(jìn)行相似調(diào)制即可
總結(jié)
以上就是我認(rèn)為在制作keep APP時(shí)可能遇到的問題說明浸遗，大家在遇到其他問題猫胁，我們可以隨時(shí)交流，共同學(xué)習(xí)乙帮，再進(jìn)行添加整理杜漠。時(shí)間匆忙，還有很多遺漏和描述不清的察净，還請(qǐng)諒解驾茴！
