21第五章1App低保真原型工具特點(diǎn)-墨刀

App低保真工具-墨刀低保真/流程/快捷/原型天津電子信息職業(yè)技術(shù)學(xué)院知識(shí)要點(diǎn)01墨刀的工作范疇02App原型設(shè)計(jì)策略03工具的在線訪問(wèn)墨刀的工作范疇第一部分高效的低保真原型設(shè)計(jì)墨刀是什么墨刀是一款在線原型設(shè)計(jì)與協(xié)同工具，借助墨刀，產(chǎn)品經(jīng)理、設(shè)計(jì)師、開發(fā)、銷售、運(yùn)營(yíng)及創(chuàng)業(yè)者等用戶群體，能夠搭建為產(chǎn)品原型，演示項(xiàng)目效果。墨刀同時(shí)也是協(xié)作平臺(tái)，項(xiàng)目成員可以協(xié)作編輯、審閱，不管是產(chǎn)品想法展示，還是向客戶收集產(chǎn)品反饋，向投資人進(jìn)行Demo展示，或是在團(tuán)隊(duì)內(nèi)部協(xié)作溝通、項(xiàng)目管理。墨刀特點(diǎn)操作簡(jiǎn)單演示團(tuán)隊(duì)協(xié)作交互簡(jiǎn)單自動(dòng)標(biāo)注及切圖素材庫(kù)免費(fèi)版?zhèn)€人專業(yè)版企業(yè)版墨刀適用范圍適用平臺(tái)瀏覽器注冊(cè)使用，Windows、Mac桌面客戶端，同時(shí)支持iOS、Android端預(yù)覽。適用企業(yè)墨刀為企業(yè)級(jí)用戶提供權(quán)限控制、項(xiàng)目管理及基礎(chǔ)項(xiàng)目數(shù)據(jù)統(tǒng)計(jì)等功能。墨刀能干什么原型設(shè)計(jì)1.支持HTML、PNG、APK、IPA多格式離線文件下載，還可以下載多倍率圖片，滿足不同分辨率需求；2.支持創(chuàng)建iPhone/iPad、Android、平板、watches、PC各平臺(tái)設(shè)備的原型，也可以自定義設(shè)備尺寸；3.提供iOS、Android等平臺(tái)的常用組件及大量精美圖標(biāo)，同時(shí)還可以自定義自己的個(gè)性化組件，方便項(xiàng)目之間自由切換、使用；4.通過(guò)拖拽創(chuàng)建鏈接及交互動(dòng)效，提供豐富的頁(yè)面切換方式、交互手勢(shì)及動(dòng)畫，簡(jiǎn)單操作即可創(chuàng)作；5.通過(guò)二維碼、鏈接分享，可以在網(wǎng)頁(yè)、移動(dòng)端、墨刀預(yù)覽助手app中快速查看產(chǎn)品demo的演示效果。開發(fā)標(biāo)注1.使用Sketch插件上傳設(shè)計(jì)文件，墨刀標(biāo)注會(huì)自動(dòng)生成設(shè)計(jì)標(biāo)注信息及全平臺(tái)樣式代碼，可以精準(zhǔn)還原標(biāo)注信息，并提供每個(gè)元素的CSS、Swift、Android樣式代碼；2.提供了業(yè)內(nèi)完善的顏色解決方案。除了展示常規(guī)設(shè)計(jì)文件的全局顏色，還會(huì)自動(dòng)生成當(dāng)前頁(yè)的頁(yè)面顏色，還可以手動(dòng)吸取顏色，隨心定制你的個(gè)人色板；3.只需設(shè)計(jì)師導(dǎo)入Sketch切圖，即可自動(dòng)生成多倍率切圖文件?？梢砸绘I下載全部切圖，也可以根據(jù)實(shí)際需要，下載獨(dú)立的元素切圖；4.除了支持元素在各平臺(tái)之間的顏色、分辨率換算，還支持手動(dòng)設(shè)置HTML的字體大小單位（rem/em）。與Axure的工具對(duì)比墨刀的控件較為靈活、豐富，Axuer的邏輯關(guān)系表述的更加專業(yè)靈活或者專業(yè)1.組件方面，墨刀更有優(yōu)勢(shì)：墨刀自帶了很多成熟的組件，例如鍵盤，開關(guān)，手機(jī)模型等；而Axure在這方面稍顯單薄，只有一些基礎(chǔ)元件；2.交互方面，墨刀簡(jiǎn)單快捷；Axure靈活；各有千秋。墨刀做交互特別簡(jiǎn)單，只要拖動(dòng)其各種元件右邊的這根線，即可鏈接打開各種頁(yè)面；3.Axure要做交互，則需要設(shè)置各種條件，或者輸入各種用例，通過(guò)條件，動(dòng)態(tài)面板狀態(tài)，隱藏，切換等功能才能形成交互效果。但是靈活！可以在一個(gè)頁(yè)面完成各種交互。4.從應(yīng)用場(chǎng)景來(lái)說(shuō)，比較粗糙的情況下可以用墨刀，例如做草稿的時(shí)候；要求比較嚴(yán)謹(jǐn)?shù)臅r(shí)候用Axure，例如做用戶需求評(píng)審的時(shí)候。低保真到高保真低保真（lo-fi）原型設(shè)計(jì)是將高級(jí)設(shè)計(jì)概念轉(zhuǎn)換為有形的、可測(cè)試物的簡(jiǎn)便快捷方法。它首要的也是最重要的作用是——檢查和測(cè)試產(chǎn)品功能，而不是產(chǎn)品的視覺(jué)外觀。以下是低保真原型的基本特征：視覺(jué)設(shè)計(jì)：僅呈現(xiàn)最終產(chǎn)品的一部分視覺(jué)屬性（例如元素的形狀，基本視覺(jué)層次等）。內(nèi)容：僅包含內(nèi)容的關(guān)鍵元素。交互性：原型可以由真人模擬。在測(cè)試期間，熟悉頁(yè)面流程的設(shè)計(jì)師就相當(dāng)于一個(gè)“計(jì)算機(jī)”，實(shí)時(shí)手動(dòng)呈現(xiàn)設(shè)計(jì)頁(yè)面。此外，也可以給線框圖制作交互效果，這種稱為“交互線框圖”。墨刀的低保真設(shè)計(jì)

紙制原型和可點(diǎn)擊的線框是兩種流行的低保真原型制作技術(shù)。它們都致力于以最快的迭代設(shè)計(jì)思路，直到項(xiàng)目團(tuán)隊(duì)和利益相關(guān)者都對(duì)產(chǎn)品的基礎(chǔ)模型感到滿意為止。App低保真墨刀的低保真優(yōu)勢(shì)可點(diǎn)擊的線框圖：線框圖是產(chǎn)品頁(yè)面的可視化表示形式，設(shè)計(jì)人員可以使用它來(lái)排列頁(yè)面元素。線框可以作為低保真原型的基礎(chǔ)?？牲c(diǎn)擊的線框是最簡(jiǎn)單的交互式原型-即連接起靜態(tài)線框頁(yè)面：與紙質(zhì)原型一樣，可點(diǎn)擊線框圖通?？雌饋?lái)不像成品，但它們確實(shí)比紙質(zhì)原型具有一個(gè)顯著的優(yōu)勢(shì)-它們?cè)跍y(cè)試期間不需要單獨(dú)的人員跟進(jìn)App原型設(shè)計(jì)策略第二部分產(chǎn)品快速實(shí)現(xiàn)原型設(shè)計(jì)——三步走——戰(zhàn)略選擇原型設(shè)計(jì)工具「外因」三【分析】「內(nèi)需」三【權(quán)衡】1分析并掌握各個(gè)原型設(shè)計(jì)工具特性;2分析工具在行業(yè)中的口碑好評(píng)度;3篩選符合設(shè)計(jì)需求的工具;1工具是否方便后續(xù)優(yōu)化及產(chǎn)品版本迭代;2衡量是否有助于企業(yè)團(tuán)隊(duì)協(xié)作溝通;3權(quán)衡工具的學(xué)習(xí)成本及其它便捷服務(wù);用好原型設(shè)計(jì)工具及時(shí)了解原型設(shè)計(jì)工具「新功能」動(dòng)態(tài);靈活運(yùn)用原型設(shè)計(jì)工具的「優(yōu)勢(shì)」;加入原型設(shè)計(jì)工具社群「參與問(wèn)題探討」和交流;解鎖掌握產(chǎn)品原型設(shè)計(jì)工具的「『技能技巧」;做好產(chǎn)品原型設(shè)計(jì)做好原型設(shè)計(jì)的【重點(diǎn)概要】做好原型設(shè)計(jì)的【注意事項(xiàng)】盡量做全面，高質(zhì)量交互原型設(shè)計(jì)稿;把產(chǎn)品頁(yè)面關(guān)系邏輯．在原型設(shè)計(jì)稿中展示清楚;邀請(qǐng)企業(yè)團(tuán)隊(duì)協(xié)作一起參與原型設(shè)計(jì);明確需求．先腦圖梳理,再下手原型設(shè)計(jì);將創(chuàng)意想法需求．要快速轉(zhuǎn)化成原型設(shè)計(jì)稿;忌諱產(chǎn)品原型設(shè)計(jì)流程繁瑣,不要畫蛇添足.按需所設(shè);墨刀應(yīng)用場(chǎng)景原型設(shè)計(jì)&產(chǎn)品評(píng)審可以在任何頁(yè)面、區(qū)域添加紅點(diǎn)，打點(diǎn)討論，聚焦問(wèn)題；支持HTML、移動(dòng)端離線文件模式，無(wú)網(wǎng)絡(luò)也能順利評(píng)審；支持全局、產(chǎn)品細(xì)節(jié)不被遺漏。設(shè)計(jì)稿交互管理可用墨刀上傳和管理團(tuán)隊(duì)的設(shè)計(jì)稿，并在線協(xié)同進(jìn)行交互設(shè)計(jì)。創(chuàng)建交互快捷方便，工作流功能讓設(shè)計(jì)稿間的跳轉(zhuǎn)關(guān)系一目了然，可添加批注，不易疏漏。市場(chǎng)營(yíng)銷收集項(xiàng)目反饋因墨刀良好的交互展示特性，乙方公司銷售人員會(huì)使用墨刀向甲方公司介紹軟件產(chǎn)品，在后期軟件開發(fā)的過(guò)程中甲方也是通過(guò)墨刀評(píng)論功能提出需求變更；墨刀應(yīng)用場(chǎng)景App產(chǎn)品說(shuō)明書用墨刀可以很放方便的制作APP使用的說(shuō)明書，指導(dǎo)用戶上手使用。面向服務(wù)行業(yè)等人群，制作「產(chǎn)品說(shuō)明書，一步步操作一目了然:遠(yuǎn)程用研可以直接將原型發(fā)給用戶觀察用戶的操作行為，降低產(chǎn)品開發(fā)質(zhì)險(xiǎn)。目前已經(jīng)被多家企業(yè)用于可行性測(cè)試、焦點(diǎn)小組等用戶研究環(huán)節(jié)中;其他應(yīng)用場(chǎng)景產(chǎn)品運(yùn)營(yíng)將第劃的H5活動(dòng)，用墨刀把活動(dòng)頁(yè)面原型及跳轉(zhuǎn)效果展示出來(lái)給設(shè)計(jì)、技術(shù)開發(fā)，大學(xué)生論文答辯項(xiàng)目演示等場(chǎng)景都可以用墨刀演示:工具的在線訪問(wèn)第三部分網(wǎng)頁(yè)版訪問(wèn)訪問(wèn)墨刀官網(wǎng)，登錄之后會(huì)看到如下的頁(yè)面：在線創(chuàng)建模板點(diǎn)擊右上方的創(chuàng)建應(yīng)用，可以選擇不同的模板和設(shè)備類型，填寫應(yīng)用名稱之后即可完成應(yīng)用的創(chuàng)建，然后我們可以隨時(shí)編輯應(yīng)用或者與他人共同編輯和分享應(yīng)用在線基礎(chǔ)編輯在線編輯云端分享

點(diǎn)擊我們創(chuàng)建的對(duì)應(yīng)應(yīng)用進(jìn)行編輯，進(jìn)去之后會(huì)看到下圖，其分為菜單欄、組件欄、編輯欄和預(yù)覽排列欄幾個(gè)部分。最左邊是一些基礎(chǔ)的組件，可以創(chuàng)建一些我們自己需要繪制的組件，在右邊靠近有一個(gè)懸浮的組件欄，我們可以在這里選擇需要的組件，然后拖拽到中間編輯欄中進(jìn)行設(shè)計(jì)；中間頂部編輯欄里可以