編輯導(dǎo)讀：原型設(shè)計(jì)是每一個(gè)產(chǎn)品經(jīng)理的必修課，但很多新人產(chǎn)品經(jīng)理對原型的作用、設(shè)計(jì)規(guī)范、設(shè)計(jì)流程和思路都是一知半解。本文作者根據(jù)自身工作經(jīng)驗(yàn)，對此進(jìn)行了分析，與你分享。

產(chǎn)品原型設(shè)計(jì)是大部分產(chǎn)品經(jīng)理日常工作中的高頻事項(xiàng)，原型設(shè)計(jì)的好不好是團(tuán)隊(duì)內(nèi)部扯皮的高發(fā)地區(qū)，甚至直接影響到產(chǎn)品上線效果。

很多的產(chǎn)品在畫原型時(shí)，是憑借自己的感覺去畫，或者套用行業(yè)模板，有時(shí)直接抄競品的樣式。而并沒有真正理解原型的本質(zhì)，對于原型的作用、設(shè)計(jì)規(guī)范、設(shè)計(jì)流程和思路都是一知半解，甚至毫無概念。

不了解原型，短期內(nèi)對自身沒有影響，倘若想往高階產(chǎn)品發(fā)展或期望有一個(gè)更好的職業(yè)發(fā)展生涯將會產(chǎn)生大大的不利。

我們在原型設(shè)計(jì)時(shí)，很多產(chǎn)品人多少都會有以下的現(xiàn)象：

• 不梳理信息，直接畫原型：拿到需求分析完，直接就畫原型，沒有搞清楚畫原型的目的，以及用戶對原型的信息訴求；
• 為了畫原型而畫原型：原型設(shè)計(jì)事無巨細(xì)，而忽略用戶真正的關(guān)注點(diǎn)；
• 原型設(shè)計(jì)不規(guī)范：沒有統(tǒng)一規(guī)范，造成溝通和認(rèn)知困難。

面對這些情況，如何高效的制定原型設(shè)計(jì)，達(dá)到原型設(shè)計(jì)的目的？本文在信息架構(gòu)梳理完畢后，開始著手產(chǎn)品原型設(shè)計(jì)，從產(chǎn)品原型認(rèn)知、產(chǎn)品原型設(shè)計(jì)和常用原型設(shè)計(jì)規(guī)范幾個(gè)方面闡述了面對不同情況如何有效的采用原型類型進(jìn)行原型設(shè)計(jì)，占領(lǐng)用戶心智模式。

01 產(chǎn)品原型認(rèn)知

1. 什么是原型

什么是原型？百度百科定義為原來的類型或模型，特指文學(xué)藝術(shù)作品中塑造人物形象所依據(jù)的現(xiàn)實(shí)生活中的人。按照這個(gè)定義，任何能夠?qū)⑾敕◤哪X海中表示出來并讓其他人看見的東西都可以是原型。

對于數(shù)字化軟件產(chǎn)品，原型是指的軟件產(chǎn)品上線之前所依據(jù)的樣圖；對于建筑物，原型是建筑的設(shè)計(jì)圖稿；對于新房，原型是新房的戶型平面圖。

每個(gè)人對原型的定義可能會不同。開發(fā)人員可能認(rèn)為原型必須以代碼形式生成，設(shè)計(jì)師可能認(rèn)為原型是Axure設(shè)計(jì)的可交互的模型，客戶可能認(rèn)為原型是一個(gè)簡單的DEMO演示。

不管爭議如何，原型是解決方案的簡單實(shí)驗(yàn)?zāi)Ｐ?，用于快速、廉價(jià)的測試或驗(yàn)證概念，可以讓想法與用戶進(jìn)行互動，不管用戶是否喜歡原型，我們都可以從中獲得反饋，并為用戶設(shè)計(jì)一個(gè)更好的方案。

作為一種低成本驗(yàn)證產(chǎn)品可行性及產(chǎn)品體驗(yàn)的途徑，從基礎(chǔ)的草圖到線框圖再到可交互的高保真原型，每個(gè)環(huán)節(jié)我們都在對原型進(jìn)行持續(xù)測試和驗(yàn)證，直到我們認(rèn)為已規(guī)避大部分問題，才正式啟動產(chǎn)品的研發(fā)和上線。

沒有什么是完全完成的，即使發(fā)布的版本用戶感到滿意，用戶依然會提出反饋，而我們必須在未來的版本中進(jìn)行調(diào)整。新的一輪原型測試和驗(yàn)證也就開始了，這對產(chǎn)品本身大有裨益。

2. 為什么需要原型

原型的用途和作用很多，在產(chǎn)品的規(guī)劃和設(shè)計(jì)中，應(yīng)該盡早的制作原型，通過原型不斷的測試和驗(yàn)證想法。主要的原因包括明確問題和方案、高效溝通、驗(yàn)證和改進(jìn)。

• 明確問題和方案：基于正確的用戶問題確定解決方案；
• 高效溝通：為相關(guān)干系人確定設(shè)計(jì)方向和明確產(chǎn)品設(shè)計(jì)細(xì)節(jié)；
• 驗(yàn)證和改進(jìn)：不同階段多次驗(yàn)證假設(shè)并改進(jìn)方案。

1）明確問題和方案

原型設(shè)計(jì)可以幫助我們明確現(xiàn)有問題，發(fā)現(xiàn)其他隱含問題，找出更多解決問題的方法。

• 在設(shè)計(jì)的早期階段，用探索性的研究和原型設(shè)計(jì)去發(fā)現(xiàn)問題很有幫助，問題發(fā)現(xiàn)的越晚，付出的代價(jià)越高；
• 在設(shè)計(jì)的后期階段，幫你掌握整個(gè)業(yè)務(wù)流程以及每個(gè)節(jié)點(diǎn)所要做的設(shè)計(jì)，明確用戶界面，包括交互元素和內(nèi)容

2）高效溝通

原型可以幫助你在團(tuán)隊(duì)內(nèi)部、客戶以及利益相關(guān)者之間展示你的想法，它能夠?qū)⒛愕南敕ㄞD(zhuǎn)化為物理或數(shù)字的媒介，并將模糊的，概括的的想法轉(zhuǎn)化為具體的對象。

沒有原型，其他人就會用他們自己的心智模型來可視化你的想法，這樣大家的期望和想法就很難達(dá)成一致。原型能過讓大家在短時(shí)間內(nèi)保持聚焦，把注意力集中在實(shí)質(zhì)性的溝通上，提高溝通效率。

原型能夠在會議和方案演示中更好的突出你的想法，這樣你對自己的想法會更有信心，它也是你前期為之投入的思考和努力。

3）驗(yàn)證和改進(jìn)

一開始不確定你的想法是否值得花時(shí)間制作原型和驗(yàn)證，但是，可以憑直覺制定原型，不斷的進(jìn)行驗(yàn)證和改進(jìn)。

在早期階段，需要了解和測試用戶心智模型，了解他們思考和感知世界的方式；如果設(shè)計(jì)的產(chǎn)品過于復(fù)雜，則需要頻繁的驗(yàn)證和改進(jìn)。

我們可以為每個(gè)想法或假設(shè)做一個(gè)原型，但假設(shè)和想法是基于可用的，有價(jià)值的策略。原型的驗(yàn)證有助于設(shè)計(jì)更好的產(chǎn)品，通過原型與用戶互動，洞察他們的實(shí)際需要，而團(tuán)隊(duì)也能從用戶的反饋中獲益。

3. 原型類型

基于原型想要達(dá)到的目的，選擇合適的原型類型。原型類型一般按保真度分為低保真原型、中保真原型和高保真原型。保真度意味著原型的外觀和行為與最終產(chǎn)品相似程度。

原型的制作通常是從低保真開始，并逐漸提高到高保真的水平，直到大部分假設(shè)都經(jīng)過驗(yàn)證和修正。

1）低保真原型

低保真原型呈現(xiàn)的是初步的概念和想法，可以使用不同的媒介，擁有不同尺寸的原型界面。這種原型是最簡單和便宜的，更換成本最低。它可以包括草圖、紙質(zhì)原型、線框圖等。

①草圖

草圖是最初的想法或假設(shè)，基于業(yè)務(wù)流程的梳理，結(jié)合信息架構(gòu)，將核心的用戶操作界面繪制出來，可以是白板草圖，紙質(zhì)草圖等。通過繪制大量不同的版本來考慮解決界面交互的不同方法。

②線框圖

信息架構(gòu)和草圖可以快速演變成線框圖。線框圖是靜態(tài)的頁面布局，讓我們思考如何在屏幕上放置不同元素，更好的將信息架構(gòu)可視化。低保真的線框圖沒有視覺設(shè)計(jì)，交互方面有也只是簡單的跳轉(zhuǎn)事件，大多數(shù)都使用灰色色階和占位符來指示內(nèi)容。

2）中保真原型

中保真原型在某些方面看起來像最終產(chǎn)品，它在成本和價(jià)值之間取得平衡，將視覺、交互和展示媒介結(jié)合在一起。包括，可點(diǎn)擊的原型、編碼原型等

用戶基于中保真原型能夠完成一個(gè)任務(wù)的閉環(huán)，也就是通過與原型界面的交互完成工作任務(wù)。

①可點(diǎn)擊的原型

一般使用原型設(shè)計(jì)軟件（比如Axure，墨刀）構(gòu)建頁面，并給每個(gè)頁面增加交互式元素，做到頁面之間可進(jìn)行交互。

②編碼原型

會編碼的產(chǎn)品，可以選在瀏覽器中創(chuàng)建中保真原型。這要求產(chǎn)品懂得HTML，CSS等技術(shù)，可以簡單的構(gòu)建中保真原型，這種原型展示出的效果，就跟真實(shí)的界面很逼真。有興趣的同學(xué)，后文我會分享HTML，JS,CSS相關(guān)技術(shù)知識。

3）高保真原型

高保真原型經(jīng)過視覺設(shè)計(jì)，這些原型具有真實(shí)界面的高度一致，數(shù)據(jù)的高度仿真，交互和動畫也具備，用戶能夠與之進(jìn)行交互。雖然看起來像真的一樣，但它仍然是一個(gè)原型。

不同保真度原型付出的成本和帶來的效果是不一樣的，如何評估原型的保真度？

根據(jù)《原型設(shè)計(jì)：打造成功產(chǎn)品的實(shí)用方法及實(shí)踐》一書中，將保真度的評估劃分為五個(gè)維度，包括視覺細(xì)化、功能廣度、功能深度、交互性和數(shù)據(jù)模型。

• 視覺細(xì)化：指在界面中視覺像素級別設(shè)計(jì)的投入；
• 功能廣度：指原型中涵蓋了多少大的功能點(diǎn)；
• 功能深度：表明原型各個(gè)功能的詳細(xì)程度如何；
• 交互性：表示應(yīng)用程序或產(chǎn)品的交互部分如何顯示給用戶；
• 數(shù)據(jù)模型：包含用戶在界面中交互的內(nèi)容以及產(chǎn)品前端和后端使用的數(shù)據(jù)；

如何選擇原型保真度類型？

如果原型保真度過高，用戶就會以為設(shè)計(jì)已經(jīng)完成，過分關(guān)注細(xì)節(jié)，而忽略整體方案；如果原型保真度太低，用戶可能會迷失方向，不理解原型的目的是什么。

我們需根據(jù)目標(biāo)和產(chǎn)品所處的階段來選擇適當(dāng)?shù)谋Ｕ娑仍?，在制作原型所花費(fèi)的時(shí)間和驗(yàn)證原型帶來價(jià)值之間取得平衡。

02 產(chǎn)品原型設(shè)計(jì)

1. 原型設(shè)計(jì)流程

不同的用戶，不同的目的選擇的原型保真度和制作原型流程也會不同

• 明確原型目的：原型的目的是確定方向，找到方案，還是驗(yàn)證問題？
• 了解用戶或聽眾：繪制的原型面向用戶和團(tuán)隊(duì)內(nèi)部溝通對象是誰？
• 選擇原型類型：采用低保真、中保真，還是高保真原型？
• 制作原型：采用什么工具、軟件或者直接編碼制作產(chǎn)品原型？
• 呈現(xiàn)/驗(yàn)證：原型的展示和交付，驗(yàn)證原型的目的
• 反饋和改進(jìn)：根據(jù)用戶或聽眾反饋，持續(xù)的優(yōu)化和改進(jìn)原型

1）明確原型的目的

原型設(shè)計(jì)之前，先明確這次原型設(shè)計(jì)的目的是什么。是為了明確產(chǎn)品方向？探索解決方案？還是驗(yàn)證問題或假設(shè)？

明確產(chǎn)品方向：不知道如何下手設(shè)計(jì)產(chǎn)品，這個(gè)時(shí)候，可以采用MVP最小可用原型的方法，用最小的工作量制作一個(gè)簡易原型，模擬用戶實(shí)際業(yè)務(wù)操作流程，讓原型代替流程中每個(gè)環(huán)節(jié)的操作界面，最后將原型交付用戶進(jìn)行測試驗(yàn)證是否用戶所需的。

探索解決方案：主要是找到問題和探索如何解決問題。針對問題，可以發(fā)散多個(gè)解決方案，將類似的方案進(jìn)行分類組合，對方案的優(yōu)劣勢和價(jià)值進(jìn)行評估和排序，制作簡易的原型，最后找出最佳的解決方案。

驗(yàn)證問題：主要是優(yōu)化產(chǎn)品或修復(fù)問題。找到需優(yōu)化的問題，選擇原型保真度，構(gòu)建原型和測試原型。

2）了解用戶或聽眾

基于原型不同的目的，我們需要選擇不用用戶溝通群體是誰，溝通目標(biāo)是什么。獲得利益相關(guān)者認(rèn)可？向客戶推銷產(chǎn)品？獲得設(shè)計(jì)師交互和視覺反饋？還是跟研發(fā)確認(rèn)設(shè)計(jì)效果？

不同對象，背景不同，了解他們對產(chǎn)品的熟悉程度，向用戶或受眾演示原型，讓他們知道你的目標(biāo)是什么，并記錄演示過程中的反饋。

3）選擇原型類型

基于原型不同的目的、受眾和產(chǎn)品所處的階段，我們需要選擇不用保真度的原型進(jìn)行展示和溝通。

4）制作原型

基于前期的信息架構(gòu)和草圖，制定低保真、中保真或高保真的原型界面，其界面內(nèi)容取決于信息架構(gòu)規(guī)劃和設(shè)計(jì)。不同類型的原型常用的制作工具，包括不限于以下：

• 草圖：白板、紙張
• 線框圖：Axure、慕客、墨刀、EXCEL、編碼實(shí)現(xiàn)等

原型展示的信息無非就是信息導(dǎo)航、信息分類、信息搜索、信息布局和常用的增刪改查（CRUD）等。具體到原型界面設(shè)計(jì)包括不限于以下內(nèi)容：

①首頁

包括一級導(dǎo)航，二級導(dǎo)航，搜索、內(nèi)容區(qū)和操作區(qū)等

②列表頁

具體單據(jù)列表頁面設(shè)計(jì)，包括列表查詢條件、列表操作、列表表格數(shù)據(jù)、數(shù)據(jù)排序、數(shù)據(jù)翻頁、數(shù)據(jù)字段等。

數(shù)據(jù)操作包括新增、修改、刪除、導(dǎo)入、導(dǎo)出和打印等。每項(xiàng)操作會涉及到具體的原型界面（見表單詳情頁）、業(yè)務(wù)邏輯、交互邏輯、數(shù)據(jù)校驗(yàn)和權(quán)限控制等。

導(dǎo)入和導(dǎo)出數(shù)據(jù)一般在列表頁通過設(shè)定導(dǎo)入和導(dǎo)出模板方式完成數(shù)據(jù)導(dǎo)入和導(dǎo)出。這里要注意導(dǎo)入的時(shí)候，會有對數(shù)據(jù)進(jìn)行規(guī)則和業(yè)務(wù)邏輯校驗(yàn)。

③表單詳情頁

表單詳情頁多用于展示具體的內(nèi)容信息，涉及到頁面信息布局、頁面操作等信息。新增、修改、查詢頁一般都會設(shè)計(jì)為同一頁面，通過不同單據(jù)狀態(tài)和權(quán)限控制頁面的編輯和查詢。

表單新增時(shí)，需考慮以下不限于：

• 界面展示可以更簡單，字段可以更少嗎？
• 用戶靠自己能順利完成單據(jù)填寫？
• 怎樣才能讓用戶填寫更少信息？
• 是否可避免大量機(jī)械化信息錄入？
• 用戶怎么盡量少犯錯(cuò)？
• 如何幫助用戶提高錄入效率和準(zhǔn)確性？
• 表單查詢時(shí)，需考慮以下不限于：
• 哪些角色會查詢該單據(jù)？
• 什么場景下使用單據(jù)？
• 他們主要完成哪些任務(wù)？
• 他們關(guān)心哪些信息，使用哪些功能？

單據(jù)的新增、編輯和查詢狀態(tài)，用戶關(guān)心的問題和需要完成任務(wù)都不相同。新增時(shí)，多數(shù)要準(zhǔn)確，快速錄入信息；編輯時(shí)，要對有權(quán)限改動的數(shù)據(jù)改動；查詢時(shí)，不同角色，不同權(quán)限和不同場景下用戶關(guān)心的信息和處理的任務(wù)不同。

④幫助信息

產(chǎn)品的幫助信息包括提示，模態(tài)彈框，操作指引和幫助中心等。

提示：主要是提示用戶當(dāng)前操作的信息提示，一般帶有說明文字的“氣泡”，包括保存，修改成功，提示語，警告等信息；

模態(tài)彈框：用于阻斷用戶主流程，經(jīng)過用戶確認(rèn)后，再返回主流程或直接退出主流程。包括確認(rèn)彈框等信息

操作指引：在特定場景下，系統(tǒng)對用戶接下來的操作進(jìn)行的指引。常見的有新手引導(dǎo)、新上線功能引導(dǎo)等。

幫助中心：一般會包括用戶手冊、視頻教程、常見問題和問題反饋路徑等相關(guān)內(nèi)容，幫助用戶在遇到問題時(shí)，能夠查閱相關(guān)手冊自行解決。

原型設(shè)計(jì)的內(nèi)容遠(yuǎn)不止上面列舉的類型，這里旨在幫助大家有一個(gè)全面的認(rèn)識，原型設(shè)計(jì)是一項(xiàng)必備的技能，根據(jù)業(yè)務(wù)場景設(shè)計(jì)的內(nèi)容也會不同，具體設(shè)計(jì)技能，可參考相關(guān)原型設(shè)計(jì)書籍或視頻學(xué)習(xí)。

4）呈現(xiàn)和驗(yàn)證原型

將原型呈現(xiàn)給團(tuán)隊(duì)、利益相關(guān)人以及用戶，采用不同工具進(jìn)行測試和驗(yàn)證。我們可以兩人一組，在測試中，不要過多的引導(dǎo)用戶，觀看用戶的使用路徑，當(dāng)用戶偏離路徑太遠(yuǎn)時(shí)，也不要過快糾正他們，你可以從中獲得用戶的預(yù)期。

一般情況，選擇3-6人左右進(jìn)行驗(yàn)證，倘若人數(shù)不夠，也可以再多選擇幾個(gè)用戶進(jìn)行驗(yàn)證。驗(yàn)證后，匯總所有的驗(yàn)證資料，分析和總結(jié)所有用戶共性的問題和用戶關(guān)注點(diǎn)。

5）反饋和改進(jìn)原型

針對原型驗(yàn)證的問題，如何解決驗(yàn)證出現(xiàn)的問題？這里需針對這些問題進(jìn)行新的一輪討論和方案制定，重復(fù)前面的原型制定和驗(yàn)證過程，保證設(shè)計(jì)的原型是用戶所需要。

原型的驗(yàn)證是重復(fù)的周期，直到?jīng)]有發(fā)現(xiàn)新的大問題，各方都滿意了，就可以停止新一輪驗(yàn)證，進(jìn)行研發(fā)和發(fā)布。當(dāng)然，發(fā)布后，我們又會接收其他的反饋和需求，新一輪的原型制作和驗(yàn)證又開始了。

2. 原型設(shè)計(jì)誤區(qū)

原型設(shè)計(jì)是一項(xiàng)標(biāo)準(zhǔn)化的流程，實(shí)際工作中背景不同，情況不同，往往并沒有引起足夠的重視，甚至存在不同的看法。

• 不需要信息架構(gòu)，直接畫原型：這種沒有前期的信息組織和分類的過程，往往畫出的原型不是用戶最想要的，需要經(jīng)過多輪的修改和調(diào)整；
• 過分追求完美的原型：不注重產(chǎn)品階段，不關(guān)注受眾，花大力氣將原型的細(xì)節(jié)都描繪的十分清楚，這種情況一旦沒有抓住用戶需求，就是牽一發(fā)而動全身的調(diào)整，耗時(shí)耗力；
• 畫原型浪費(fèi)時(shí)間：我們講提高工作效率，不是把原型省了，沒了原型，每個(gè)人的都會腦補(bǔ)一張圖，你的圖和他的圖未必就一致，最后的結(jié)果又得回來進(jìn)行調(diào)整；
• 原型隨便畫一畫就行，不需要按規(guī)范來：有些小伙伴，不講究原型規(guī)范性，畫出的原型丑陋不堪，雖然在一定程度上是不會影響工作。但作為產(chǎn)品的你，交付這樣的原型給團(tuán)隊(duì)，你還有審美么？可見你的工作習(xí)慣就不好，培養(yǎng)良好的工作習(xí)慣，是成功的保障。

03 原型設(shè)計(jì)規(guī)范

原型設(shè)計(jì)在滿足產(chǎn)品需求轉(zhuǎn)化為產(chǎn)品功能的過程中，需要遵循一定的設(shè)計(jì)規(guī)范，盡量保持原型圖的美觀整潔。良好的原型設(shè)計(jì)規(guī)范能夠體現(xiàn)產(chǎn)品人自身的審美觀，也能促進(jìn)團(tuán)隊(duì)之間和諧溝通。

1. 設(shè)計(jì)目標(biāo)和使用用戶

原型作為團(tuán)隊(duì)溝通工具，所涉及的用戶包括：利益相關(guān)者、產(chǎn)品、研發(fā)、測試、UI等角色。

基于原型使用用戶，明確原型設(shè)計(jì)規(guī)范的目標(biāo)是保持原型風(fēng)格統(tǒng)一，提高原型輸出效率，促使團(tuán)隊(duì)高效溝通，減少產(chǎn)品返工率。

2. 設(shè)計(jì)原則

每一個(gè)優(yōu)秀的設(shè)計(jì)中都應(yīng)用了一些設(shè)計(jì)原則，《寫給大家看的設(shè)計(jì)書》中將設(shè)計(jì)原則劃分為對比、重復(fù)、對齊和親密性四大原則。

• 對比：基本思想是要避免頁面上的元素太過相似。如果元素（字體、顏色、大小，線寬，形狀，空間等）不相同，那么就干脆讓它們截然不同。要讓頁面引人注目，對比通常是最重要的一個(gè)因素。
• 重復(fù)：設(shè)計(jì)中視覺要素要在整個(gè)產(chǎn)品中重復(fù)出現(xiàn)?？梢灾貜?fù)顏色，形狀，空間，線寬，字體，大小和圖片。這樣可以增加條理性和統(tǒng)一性。
• 對齊：任何東西都不能在頁面上隨意安放，每個(gè)元素都應(yīng)當(dāng)與頁面上的另一個(gè)元素有某種視覺聯(lián)系。這樣能建立一種清晰，精巧而且清爽的外觀；
• 親密性：彼此相關(guān)的項(xiàng)應(yīng)當(dāng)靠近，歸組在一起。如果多項(xiàng)相互之間存在很近的親密性，它們就會成為一個(gè)視覺單元，而不是多個(gè)孤立的元素。這有助于組織信息，減少混亂，提供清晰的結(jié)構(gòu)。

3. 界面尺寸

為了讓原型的尺寸更接近實(shí)際應(yīng)用環(huán)境，加強(qiáng)與UI的高效溝通，有必要遵循一些基本的尺寸要求。

APP和WEB端的尺寸就會因?qū)嶋H屏幕的大小，原型尺寸也會不同。

對于B端產(chǎn)品主要在WEB界面使用，常見的尺寸在1920*1080

對于主要在APP端使用的產(chǎn)品，像蘋果11的尺寸414*896，三星和OPPO的常見尺寸360*780。

另外，移動端，頂部狀態(tài)欄：20px；頂部導(dǎo)航欄高度：44px；底部導(dǎo)航欄高度：48px；一般字號：12px-14px

4. 設(shè)計(jì)風(fēng)格

整個(gè)產(chǎn)品原型的設(shè)計(jì)元素風(fēng)格應(yīng)該保持一致，避免給用戶造成不一致的錯(cuò)覺，影響到用戶體驗(yàn)和感知。包括字體、顏色、圖標(biāo)、圖片、視頻、音頻和布局等。

對于具體元素的設(shè)計(jì)規(guī)范，后文我會專門的拋磚引玉進(jìn)行說明，具體的規(guī)范要求和標(biāo)準(zhǔn)可參考相關(guān)的設(shè)計(jì)網(wǎng)站和專業(yè)設(shè)計(jì)師。

設(shè)計(jì)規(guī)范是為了更好的建立統(tǒng)一的標(biāo)準(zhǔn)，給用戶留下深刻的品牌印象，要結(jié)合產(chǎn)品具體的應(yīng)用場景，像B端產(chǎn)品更多的是企業(yè)用戶使用，更偏向于商務(wù)風(fēng)格。

設(shè)計(jì)規(guī)范也不是一成不變，在逐漸的實(shí)踐和落地過程，可進(jìn)行相應(yīng)的調(diào)整，一般開始的時(shí)候就定下了主體的布局框架和設(shè)計(jì)風(fēng)格。

最后，本文從產(chǎn)品原型認(rèn)知、產(chǎn)品原型設(shè)計(jì)到產(chǎn)品原型設(shè)計(jì)規(guī)范全面的闡述了在原型設(shè)計(jì)過程中，產(chǎn)品人應(yīng)該把握的知識點(diǎn)和技巧。

原型是從低保真逐步演化到高保真，我們應(yīng)該在產(chǎn)品規(guī)劃和設(shè)計(jì)時(shí)，盡早的開始原型設(shè)計(jì)，通過對原型不斷的驗(yàn)證和反饋，滿足用戶需求。

你現(xiàn)在對原型設(shè)計(jì)的內(nèi)容和過程有了一定的理解，現(xiàn)在開始選擇你認(rèn)為合適的軟件工具，開啟原型設(shè)計(jì)之旅吧！

本文由 @江渝。 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Pexels，基于CC0協(xié)議