2023年【摹客RP測評大賽優(yōu)秀作品】以“摹客”為例聊聊產品經(jīng)理原型設計中的“道術器”

【摹客RP測評大賽優(yōu)秀作品】以“摹客”為例，聊聊產品經(jīng)理原型設計中的“道術器”一、為什么有些產品經(jīng)理，淪為了“原型工具人”？

在開頭閱讀本文之前，先問各位產品經(jīng)理一個問題：“畫原型”這件事，產品經(jīng)理應當具備哪些力量？信任就職于不同公司類型、不同業(yè)務方向的產品經(jīng)理面對這個問題，會給出不同的答案。

比如：高效快速輸出原型——“生產力”，精準的將客戶需求轉化為原型——“理解力”，美不勝收的原型界面設計效果——“審美力”，令人眼前一亮的原型交互動效——“創(chuàng)意”力等。

那么這些力量中，哪個更為重要呢？為什么有些產品經(jīng)理可以通過“畫原型”完成自己的力量突破，而有些人則停留在操作工具階段，淪為了“原型工具人”？

行業(yè)、公司和產品都有生命周期，經(jīng)常歸結為探究期、成長期、成熟期和衰退期，放到產品經(jīng)理的成長路徑上，同樣存在這樣的不同階段：入門、成長、進階、突破，不同成長階段也對應著產品經(jīng)理力量的凹凸。

這種力量的差異，除了努力程度、天賦、機遇等因素之外，有一個很重要的緣由，就是思維、認知層面的提升。

我將產品經(jīng)理在原型繪制工作中應當具備的力量，總結為“道”、“術”、“器”三大層面的力量框架。

盼望能夠關心一些剛入行的新人或是正卡在職業(yè)瓶頸中的人，找到自己的提升空間，把握原型設計的思維方法，建立全面的原型認知，早日找到打開資深產品經(jīng)理之路的金鑰匙。

二、什么是原型設計的“道術器”？

抽象來看，“道術器”其實是人與世界互動的三層境界，任何一個領域都可以從道、術、器去拆解，“道”是思維，“術”是方法，“器”是工具。定位到產品經(jīng)理原型設計這件事上，其實就是產品經(jīng)理與原型互動的三層境界，分別是：

“道”是思維，是原型設計的思維方式與底層規(guī)律，是原型設計的指導思想。原型設計思維關心我們建立對原型的全局視角，并學會如何從戰(zhàn)略眼光去看待原型設計工作。“術”是方法，指原型設計的設計方法與策略，直接影響產品經(jīng)理原型設計的技能優(yōu)劣、效率凹凸。我們都知道“選擇比努力重要”，好的方法可以讓我們沿著正確的路徑去決策，使工作事半功倍?！捌鳌笔枪ぞ撸冈驮O計工具，有句話叫“工欲善其事，必先利其器”，好的原型工具可以提升產品經(jīng)理原型設計的工作效率，甚至在某些方面上彌補操作技能上的劣勢。

綜上所述，對于原型設計的“道術器”而言，其實就是原型設計工作由淺入深、由實向虛的演進過程。

不了解原型設計的“道術器”，短期內產品經(jīng)理自身可能感知不到影響，但假如想向高階產品進展或期望有一個更好的職業(yè)進展生涯，將會產生不利的效果。

下面我們由下至上逐一綻開，具體介紹。

三、原型設計之“器”——原型工具的功能演進路徑

在原型設計“器”的層面，我們要學會如何選擇適合自己工作習慣，并滿意原型設計最新進展趨勢的原型設計工具。

從計算機時代至今，原型工具的進展經(jīng)受了哪幾個階段，目前的進展階段有哪些特點，如何選擇適合自己、滿意工作需求、并緊跟最新進展趨勢的原型工具，是我們接下來要解決的問題。

3.1原型設計工具的四個進展階段

原型工具作為原型設計之“器”，主要經(jīng)受了四個階段：

20世紀80年月至90年月：

隨著計算機時代的到來，個人電腦漸漸普及，原型工具迎來進展的第一個階段。當時代表性的軟件以Visio、Illustrator、Photoshop為主，實現(xiàn)了從手繪到軟件繪圖的轉變。相對于手繪，通過原型繪制軟件可以做到速度快，易修改，制圖精確等特性。但同時，這些軟件不僅學習成本高，專業(yè)技能要求高，且?guī)缀醪痪邆鋱F隊協(xié)作功能。

21世紀開頭：

PC互聯(lián)網(wǎng)時代到來，原型工具的進展迎來其次個階段。彼時的代表性的軟件是Axure。Axure以其簡潔、易用、易于演示等特性備受歡迎，成為PC端產品經(jīng)理的標配。AxureRP不僅僅可以設計產品原型，也可以繪制產品線結構圖、用例圖、規(guī)律流程圖等等，甚至許多產品經(jīng)理直接使用AxureRP表述產品需求文檔。

2022年開頭：

移動互聯(lián)網(wǎng)時代到來，原型工具朝著靈敏、高效、移動化的方向進展，支持軟件形態(tài)和功能也更為豐富，誕生了如Invision、Proto、Sketch等工具。此時的原型工具不僅兼容PC、移動、平板甚至智能手表等終端樣式，原型界面更加精致細致，同時團隊協(xié)作功能和幫助工具也越來越多。

目前：

隨著移動互聯(lián)網(wǎng)時代漸漸走向成熟，原型工具的進展又產生了新的變化趨勢，產品經(jīng)理對于原型工具的功能又有了新的要求：

多場景——制作精度：隨著產品經(jīng)理工作內容自由度的提升，例如logo繪制、宣揚圖設計等工作對原型工具的矢量繪制需求提高。大部分原型工具不支持矢量繪制，需與矢量繪制工具協(xié)作使用才能滿意高精度原型等多場景的繪制需求。多角色——團隊協(xié)作：一方面需要設計、產品、開發(fā)人員通過團隊協(xié)作參加到原型的評審工作中給出修改看法，并通過團隊管理設置安排不同團隊角色操作權限，由于部分原型工具的限制，大部分團隊目前采納Axure/Sketch+協(xié)作云平臺來構建團隊協(xié)作方式。多版本——原型周期性：原型與產品一樣存在生命周期，需要快速構建，測試，丟棄，不斷創(chuàng)建新版本并可保留原型迭代歷史日志及版本追溯、對比，最終交付定稿版本。多格式——輸出格式：原型頁面的輸出形式，傳統(tǒng)的如圖片、html、桌面端源文件等格式已無法滿意需求，需要對產品設計上下游實現(xiàn)無縫連接，如切圖文件導出，格式轉化等。3.2如何選擇“與時俱進”的原型設計工具？

面對當前原型工具的進展趨勢，雖然新的原型工具層出不窮，但我們這次測評的主角：摹客RP值得被深化關注。

它的幾大功能特性，恰好滿意了當前我們在原型設計“器”層面的進展趨勢中幾大核心訴求：

高精度矢量圖繪制：強大的矢量繪圖力量，支持鋼筆，能進行布爾運算、路徑剪切和閉合等高級操作，可以做到256倍的放大和像素級對齊，設計師可以隨心繪制logo、圖標，PM/UX也可以制作自己需要的圖形；集成團隊協(xié)作模式及設計稿對比功能：摹客原型支持團隊協(xié)作模式，以任務方式組織團隊成員完成團隊作業(yè)，查看團隊和項目動態(tài)；同時，支持多種設計稿版本對比，高效管理，精準定位版本細節(jié)差異，便利迭代優(yōu)化；切圖下載及格式轉換功能：將傳統(tǒng)切圖方式進行了全新升級，支持了Sketch、Photoshop、AdobeXD、Figma設計稿的上傳、自動切圖與標注，關心設計師提升設計稿交付的效率。正如上文所言，好的原型工具可以提升工作效率并彌補我們在技能層面上面的劣勢。

摹客作為一款與時俱進的原型工具滿意了我們在“器”層面的基本要求，那么在“術”層面，我們又該如何提升？

四、原型設計之“術”——個人與團隊層面的原型之術

“器”與“術”的關系抽象來說，“術”就是駕馭“器”的技術。我們所說的原型設計之“術”，就是原型設計的基本操作技能。

對于產品經(jīng)理來說，只把握“器”如何操作，本身并不能產生多大價值。

器只是術的載體，就像一個人假如只會嫻熟操作python軟件本身并沒有用，有用的是能夠利用它做爬蟲、數(shù)據(jù)分析、算法實現(xiàn)等等。

使用同樣的工具，產品經(jīng)理技術力量、專業(yè)力量的不同，輸出的原型自然大相徑庭。

“術”這一層面的力量，對于大部分剛入行的產品經(jīng)理來說，最基本的工作力量，也是最基本的入行門檻。下面我們從個人、團隊兩個角度對原型設計中“術”層面的進行具體介紹。

4.1個人層面的原型設計之“術”

原型設計在整個產品流程中處于最重要的位置，有著承上啟下的作用。

原型設計之前需求或是功能信息都相對抽象，原型設計的過程就是將抽象信息轉化為具象信息的過程，之后的產品需求文檔（PRD）是對原型設計中的版塊、界面、元素及它們之間的執(zhí)行規(guī)律進行描述和說明。

抽象來看，原型的設計主要包含三部分內容：

需求內容的呈現(xiàn)：任何頁面其實都是文字、多媒體、交互組件的載體，通過這些素材把需求內容呈現(xiàn)給訪問者是產品設計最基礎的部分。導航和鏈接：除了內容的呈現(xiàn)，產品中還存在著大量導航與鏈接，也就是信息架構。信息架構主要的工作是設計組織分類和導航的結構，使用戶高效率地掃瞄產品的內容。數(shù)據(jù)及操作規(guī)律：除了直接呈現(xiàn)給用戶的內容，還需要用戶與產品之間有操作互動，同時伴隨著數(shù)據(jù)的交換。如何讓用戶更簡單的操作，數(shù)據(jù)交換更合理，就是產品的易用性。

而這三項內容其實恰好對應著用戶體驗五要素中的層次。需求內容的呈現(xiàn)對應著戰(zhàn)略層與范圍層，代表產品目標與產品功能需求。

導航和鏈接對應著結構層，將產品需求轉化為系統(tǒng)與用戶之間的互動。數(shù)據(jù)及操作規(guī)律則對應著框架層，對框架內的交互原件及信息進行設計，關心用戶理解功能并完成操作。

與此同時，用戶需求與產品目標使我們貫穿產品原型設計的兩大分析主線，無論處于哪一層面，都需要分別從用戶側、產品（業(yè)務）側去思索。

4.1.1基于垂直業(yè)務模板庫，快速組織需求內容

從產品經(jīng)理的角度上來梳理需求內容，需要清晰兩個問題：“用戶需求”和“業(yè)務目標”。

用戶需求是用戶進入產品場景后想要解決的問題，業(yè)務目標是產品經(jīng)理進行原型設計的初衷，是執(zhí)行每一項界面設計的目標。

比如電商商品詳情頁的產品業(yè)務目標是，促成感愛好的用戶打算購買，跳轉下單頁面。明確每一個界面的業(yè)務目標，才不會讓呈現(xiàn)的需求內容偏離大方向。

因此，在對原型頁面“下手”前，產品經(jīng)理要先確定頁面整體需要達到的業(yè)務目標，并依據(jù)目標進行評估：為了達成這一目標，是否需要業(yè)務屬性相關的特定設計才能達成。

為了完成頁面需求內容的組織工作，傳統(tǒng)方式是首先與業(yè)務方充分溝通清晰需求的內容，了解清晰需求的背景，其次將業(yè)務需求轉化為產品需求，提煉需求的功能點，然后結合用戶使用場景，通過用例描述需求的業(yè)務規(guī)章，從0到1去設計出符合業(yè)務需求的頁面。

但更好的選擇，是直接利用素材或工具網(wǎng)站供應的原型模板，基于這些完整的產品模型，直觀地了解特定業(yè)務下的用戶使用習慣、產品功能體系等。

比如通過原型工具摹客RP內置的海量垂直行業(yè)原型，除了在演示界面直觀展現(xiàn)交互外，也可以進入編輯界面，快速把握產品頁面中的需求內容、功能規(guī)律、用戶操作路徑以及用戶體驗。

假如這些模板的整體方向和產品經(jīng)理的預想全都，那么可以直接復用模板，再在模板的基礎上，結合自己的思路進行調整優(yōu)化，就可以將垂直行業(yè)共性的頁面架構和需求功能依據(jù)業(yè)務內容進行微調，基于模板頁面快速搭建完整的功能模塊，實現(xiàn)業(yè)務目標并關心用戶實現(xiàn)需求。

4.1.2實現(xiàn)清楚的業(yè)務操作路徑，明確導航與鏈接

通過垂直業(yè)務模板庫，可以關心產品經(jīng)理快速組織起來各個頁面的需求內容。

頁面需求內容完成之后，下一步是設計業(yè)務流程圖，確保業(yè)務的主流程走通。

雖然垂直業(yè)務模板庫包含了相對共性的一些業(yè)務流程，但產品經(jīng)理需要針對所接手的詳細業(yè)務需求分析之后，基于詳細業(yè)務流程及用戶訪問路徑，盡可能梳理、細化并輸出業(yè)務流程圖。

在整個梳理過程中，我們會深化了解產品形態(tài)、業(yè)務流程、產品規(guī)律之間的扭轉關系，并輸出業(yè)務形態(tài)圖、用戶用例圖與產品流程圖。

業(yè)務形態(tài)圖是對業(yè)務規(guī)律流程的具象化，用例圖是對功能之間的流向關系的具象化，產品流程圖則是對頁面之間跳轉關系的具象化。

從業(yè)務形態(tài)圖到產品流程圖，是將業(yè)務從抽象到詳細，從概念到實施的過程。從最終輸出的流程圖來區(qū)分，分別是：業(yè)務流程圖、功能流程圖與頁面流程圖等。

此時產品經(jīng)理如何通過清楚的業(yè)務及操作流程指定，清楚的傳達產品業(yè)務需求就顯得尤為重要了。需求內容層面上我們提到了“用戶需求”和“業(yè)務目標”兩大角度，從流程圖繪制的問題上依舊要做區(qū)分分析。

業(yè)務目標角度上，通過摹客RP內置“流程圖模式”，產品經(jīng)理能夠直接在原型工具中繪制流程圖；當你需要向團隊描述產品需求時，借助可視化的流程圖，溝通的效率會提高許多，究竟一份步驟清楚的流程圖要比一大段文字直觀易懂得多。

用戶需求角度上，通過摹客的“全貌畫板”該功能，可以便利的編輯并展現(xiàn)設計稿之間的跳轉關系，產品經(jīng)理可以基于用戶需求角度動身，完成用戶操作層面上需要呈現(xiàn)的頁面跳轉流程圖。

4.1.3通過快速標注，清楚表達數(shù)據(jù)及操作規(guī)律

通過需求內容組織與導航及鏈接的明確，產品原型的基本頁面內容已初步完成。但只要頁面不是靜止頁面，就存在數(shù)據(jù)及操作規(guī)律的設計及表述。

承接上一部分“用戶需求”和“業(yè)務目標”兩個切入角度，操作規(guī)律對應著“用戶需求”，描述用戶如何通過頁面要素及交互指引用戶實現(xiàn)需求。而數(shù)據(jù)規(guī)律對應著“業(yè)務目標”，描述產品如何通過記錄及展現(xiàn)用戶操作數(shù)據(jù)指引業(yè)務方完成業(yè)務目標。

一個頁面上可進行操作的頁面元素有哪些，操作是點擊、長按還是滑動，進行操作之后會產生怎樣的效果，是打開新頁面、跳出彈窗還是界面滑動，這些都需要在產品原型中做好清楚標注。

同時，產品原型設計出來后需要交付給研發(fā)人員進入開發(fā)流程，對每一個具有數(shù)據(jù)規(guī)律的部分做到清楚表達需求，例如統(tǒng)計用戶每周的商品下單量，是統(tǒng)計近7天的總訂單量還是平均值。只有避開信息錯位，才會降低重復溝通的成本鋪張。

而快速生成標注功能，通過摹客可以快速自動化完成。設計稿導入到摹客后，點擊元素就能看到間距、顏色、字體樣式、陰影、圓角大小等標注信息，還可以手動補充文字、坐標、顏色、尺寸、區(qū)域標注，信息更全面，更精確?????，關心開發(fā)還原設計稿。自動生成的CSS/Android/Objective-C代碼，開發(fā)小伙伴可以直接復制使用，省去了很多繁瑣的勞動。

除上述功能外，使用摹客Figma插件將設計稿快速上傳至摹客平臺，還可以融合其它設計工具的設計稿，在線評論批閱，輕松共享演示，不用苦苦等待文件加載。

4.2

團隊層面的原型設計之“術”

4.2.1

創(chuàng)建并管理團隊規(guī)范，建立團隊工作準則

無論是創(chuàng)業(yè)公司還是頭部企業(yè)，設計的全都性問題都至關重要。

對于大公司而言，品牌定位和形象都存在詳細要求，假如沒有建立統(tǒng)一規(guī)范，會帶來超額的時間和資金成本。而創(chuàng)業(yè)公司假如沒有一個統(tǒng)一的設計規(guī)范管理，又很難建立起清楚、長遠的品牌定位。建立高效的團隊管理設計規(guī)范，主要包含三部分內容：

合理歸類：明確你需要整理的內容有哪些，這些內容的分類又該怎樣呈現(xiàn)；劃分任務優(yōu)先級：為了提升整體效率，需要劃分各項項目任務的優(yōu)先級及判定標準；合理分工：制訂一套團隊分工規(guī)章，明確不同的任務類型如何依據(jù)項目角色合理分工。

在摹客設計系統(tǒng)中，以上需求均可實現(xiàn)。

產品經(jīng)理可以建立多個庫、分類和子分類來進行管理，每個庫里包含2大類資源分類：第一類是文件類資源，其包含Logo、圖片、圖標、組件、字體；其次類是編輯類資源，包括顏色、度量、標準字、陰影?；緷M意了設計師的多種設計類型需求。

同時，在設計系統(tǒng)中產品經(jīng)理可以創(chuàng)建自己的團隊，邀請成員，設置團隊成員角色和權限，各司其職，高效管理，進行協(xié)作設計。

成員還可以在Mockplus和Sketch等系統(tǒng)對接工具上，將設計元素上傳到設計系統(tǒng)形成規(guī)范，再讓整個團隊共享和利用這些通用資源進行快速設計。

4.2.2與協(xié)同辦公深度融合，提升團隊協(xié)作效率

無論哪個產品開發(fā)設計團隊都有協(xié)作辦公的需求，對協(xié)作類工具的需求也比較劇烈。

為滿意這一需求，國內外間續(xù)涌現(xiàn)了許多協(xié)作類工具，涵蓋文檔協(xié)作、項目協(xié)作和企業(yè)內即時通訊等各個方面。

各個領域都有其代表性的頭部工具成為眾多團隊的長期選擇，遷移成本巨大。

對于團隊來說，原型設計工具不應當代替現(xiàn)有協(xié)作工具，而應當深度集成，與協(xié)作工具建立“協(xié)同關系”。

文檔協(xié)作工具方面，摹客攜手“多人協(xié)作在線文檔工具”騰訊文檔，一同為用戶供應了完整的團隊協(xié)同解決方案，為互聯(lián)網(wǎng)團隊提效增速，解決單兵作戰(zhàn)、效率低下的難題。

項目協(xié)作工具方面，摹客已正式接入Atlassian公司旗下的項目管理工具Jira，后續(xù)Jira用戶在進行項目管理時，可在項目中關聯(lián)摹客設計稿，精準定位設計內容，團隊溝通更高效。

即時通訊工具方面，摹客完成了與騰訊會議的合作對接，接入騰訊會議后，在摹客項目的畫板模式下,主持人“發(fā)起會議”,會議提示將以彈窗的形式呈現(xiàn)給項目成員，項目成員如需參會，點擊“馬上加入”即可，進入會議室后，頁面中將會同步顯示主持人的演示界面。開會更敏捷，工作效率大大提高。

4.2.3需求更改內容可追溯，優(yōu)化團隊進度管控

需求文檔及原型設計稿交付完成后，進入到需求內容的迭代環(huán)節(jié)。需求的迭代修改有許多緣由，需求內容考慮不完善、業(yè)務目的調整、操作路徑優(yōu)化等等。

但比改動本身更重要的是如何同步并做好實時可追溯，每次迭代之后產品經(jīng)理必需針對修改看法做好準時的復盤與修正，避開同類問題的再次發(fā)生。

由于一旦后期團隊面臨無窮無盡的改動，不僅會大幅提升項目工期導致項目延期，最終產品經(jīng)理也會被認為不專業(yè)。

如何為團隊建立可追溯的更改需求看板，通過摹客協(xié)作可以實現(xiàn)。通過將原型上傳至摹客協(xié)作，全部改動都可一鍵@相關人員，標注相關修改內容，隨時把控整體進度。

這款工具的使用，可以大幅提升產品經(jīng)理的工作效率，不僅適應團隊的協(xié)作和管理方式，并同時兼具設計和協(xié)作。

五、原型設計之“道”——原型的概念、標準與系統(tǒng)

我比較喜愛閱讀哲學類圖書，熬煉自己的哲學思維。

傅佩榮先生在其所著的《哲學與人生》中寫道，推斷自己是否在進行哲學思索，有三個標準：澄清概念、設定標準、建構系統(tǒng)，如圖所示。

哲學思索的三個標準其實對應著三條解決世間全部問題的底層規(guī)律，從頂層視角看待任何事物的思索方式。

而這種思索方式，恰恰可以關心我們建立如何解決產品經(jīng)理原型設計工作中問題的核心解法：

先解決如何正確熟悉產品經(jīng)理原型工作的問題，建立清楚、明確、合理的“原型觀”，即“澄清概念”；再解決如何通過科學有效的思維模型，建立一套屬于自己的原型設計工作與思索的“標尺”，即“設定標準”；最終通過對多個思維模型、業(yè)務實踐及自我認知的整合，建立自身的原型處理系統(tǒng)，即“建構系統(tǒng)”。5.1

澄清概念：熟悉原型工具的核心本質

從產品經(jīng)理日常工作應用場景來看，原型繪制工具的核心本質從不同層面有不同的理解：

從個人來講，是測試工具：產品經(jīng)理依據(jù)日常的業(yè)務調研或產品體驗會產生一些新的需求想法想要去驗證，通過線上原型工具快速搭建一個原型將必備的基本信息和功能體現(xiàn)出來，并開頭測試。測試對象可以是自己，也可以是同事、管理者，通過實際掃瞄、操作理解需求意圖并給出修改看法。同時，也可以直接面對用戶基于原型demo進行調研訪談。從團隊來講，是溝通工具：原型圖本質上是一種溝通工具，是通過可視化的抽象需求直觀展現(xiàn)，向開發(fā)設計團隊進行闡述和說明需求的高效溝通媒介。通過對原型圖界面布局和核心功能進行說明，向開發(fā)設計團隊傳遞清楚的產品理念、定義及需求，并闡明各自的職責是什么，如何通過團隊協(xié)作達成業(yè)務目標。從項目來講，交付工具：產品經(jīng)理作為團隊中的重要角色，在產品研發(fā)項目中起到承上啟下的作用。在產品需求文檔無法完整描述清晰需求時，通過原型圖直觀展現(xiàn)你對需求挖掘和分析的結果，可以有效關心設計開發(fā)人員理解該需求的可行性，從而順當完成需求定義環(huán)節(jié)，交付合格的產出物流轉至研發(fā)環(huán)節(jié)。

目前摹客的幾大原型產品，也分別驗證了原型工具的三大本質。

例如摹客協(xié)作對應“溝通”工具，摹客RP對應“測試”工具，設計系統(tǒng)對應“交付”工具。

5.2

設定標準：找到原型設計的秩序感

原型設計的秩序感本質上是一種規(guī)律性。它不僅表現(xiàn)是一種自然形態(tài)，也是一種規(guī)律性和條理性。

交互界面設計的秩序感體現(xiàn)在視覺的建構過程中，對視覺閱歷和運動規(guī)律的適應、感知、決策?；诖耍驮O計的秩序感主要體現(xiàn)在交互界面視覺秩序、目標秩序、審美心理秩序三部分。

適應——界面視覺的秩序：由于交互界面設計更加側重人機交互，所以遠不如平面版式設計那樣自由，依據(jù)一般交互界面設計中的視覺層面秩序感，可以將界面結構大致分為以下幾種：點陣式、左上式、右下式、居中式和總體式等。

感知——用戶心理的秩序：交互界面除了人機交互層面的考慮，還需要考慮用戶體驗層面的審美心理因素?；诮换ソ缑嬖O計中的審美因素產生的設計思路動身，可以將界面設計原則分為以下幾種：席克定律、泰思勒定律、奧卡姆剃刀原理、帕累托定律等。

決策——業(yè)務目標的秩序：如上文所述，交互界面必需具備實現(xiàn)業(yè)務目標的屬性，即通過界面結構、元件分布、展現(xiàn)策略等因素指引用戶完成如注冊、下單、共享等相關業(yè)務操作?；跇I(yè)務，目的可以將界面設計原則分為以下幾種：親熱性原則、對齊原則、重復原則、對比原則。

如何快速找到原型設計的秩序感？使用摹客的快速布局相關功能可以實現(xiàn)。

通過等距克隆、等距調整、等距排序、快速更換圖標等功能，可以關心產品經(jīng)理快速創(chuàng)建原型頁面，并使頁面內組件、元素、文本等素材有序排版，分布合理。

這些功能中我最喜愛的是等距排序，只要選中多個間距相等的元素時，當鼠標懸停在其中一個部分上時，會消失一個圓點。拖動這個圓點，元素之間的位置可以被特別便利地交換和調整。

5.3建構系統(tǒng)：構建高效便捷的原型中臺

除了把握通用的產品設計方法和嫻熟的把握原型控件的使用方法外，還有一個步驟可以連續(xù)提高我們的設計效率，那就是建立自身的完整原型模板庫。

第一類是基于Web和移動端等平臺的通用組件模板庫，其中供應了可滿意相關平臺原型設計的豐富組件及界面模板，使用時可復用相關元素提升輸出效率。

另一類基于相關行業(yè)的產品模板及結合實際項目需求的案例共享，可以關心產品經(jīng)理快速把握產品原型的設計方法和技巧，同時提升自身產品策劃閱歷及技能。

模板庫里面不僅要有各種日常原型設計需要用到的控件，還可以整理一些通用功能級別的控件，例如：注冊/登錄功能、列表頁功能、表單功能、搜尋功能等，建立豐富的原型模板庫，并進行設計過程中的復用，大大提高原型設計設計效率。

摹客RP設計系統(tǒng)中，我們可以快速創(chuàng)建資源庫。資源庫中包含Logo、標準色、字體、標準字、圖標、組件、圖片、度量及陰影九大設計資源。登錄設計系統(tǒng)后，點擊界面上的“+”號，即可創(chuàng)建資源庫。在新建資源庫界面可選擇創(chuàng)建“空白庫”和“示例庫”兩種。

設計系統(tǒng)對接了Mockplus和Sketch兩種設計工具，可以將工具中制作好的復合組件上傳到設計系統(tǒng)，之后還可以在Mockplus和Sketch中修改并同步更新這些組件。

制定好相關設計規(guī)范后，可共享給其他伙伴或導出規(guī)范圖。此外，還可以將Logo、標準字、標準色、圖標、圖片、組件六種設計資源直接應用到Mockplus和Sketch中。

六、對摹客的幾點優(yōu)化建議

文章最終，除了從多個維度向大家測評并安利摹客產品之外，再從產品經(jīng)理實際使用摹客進行原型設計的過程中，針對將來摹客功能優(yōu)化的角度提幾點建議：

6.1低、高保真度原型的相互轉化

低保真與高保真原型均有其適合的業(yè)務場景，比如低保真原型適合快速的頭腦風暴，或向客戶、開發(fā)和項目參加者演示設計想法等場景，而高保真原型則適合于確保核心功能需求方面滿意了用戶的基本目標，有效削減了錯誤和返工等場景。

而在現(xiàn)實工作中的狀況是有時低保真原型需要快速轉換為高保真原型以應對客戶或研發(fā)、業(yè)務人員的溝通需求，而高保真原型由于客戶演示隱私愛護、版本回滾等場景需要轉換為低保真原型。

由低保真向高保真轉化功能尚為時過早，但高