21第五章1App低保真原型工具特點-墨刀

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

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

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