原型是產(chǎn)品經(jīng)理必須輸出的工作文檔，許多產(chǎn)品新人對(duì)原型存在挺多困惑。

比如低保真原型有哪些規(guī)范？產(chǎn)品新人到底要不要畫帶有交互的高保真原型？我們一個(gè)一個(gè)來(lái)看~

低保真原型的一些規(guī)范

我們先來(lái)講一些畫低保真原型的規(guī)范，這些規(guī)范可以幫助你更好地做出規(guī)范低保真。

一些尺寸規(guī)范

移動(dòng)端原型尺寸：建議使用375×667。原因是在一方面是這個(gè)尺寸可以兼容大多數(shù)的手機(jī)；一方面Axure里畫圖中，可以在一個(gè)屏幕上操作，預(yù)覽時(shí)也能一屏展示，更方便。

• 手機(jī)工具欄：高度20，放時(shí)間多少、運(yùn)營(yíng)商、電量等
• 頂部導(dǎo)航欄：高度44，比如新聞資訊類的頂部導(dǎo)航欄
• 底部導(dǎo)航欄：高度49，比如微信底部的導(dǎo)航欄

圖片使用規(guī)范

通用圖標(biāo)：不要放缺省圖片，使用真實(shí)圖片。如下圖中的搜索圖標(biāo)，就不要用缺省圖片。常用的通用的Icon圖標(biāo)可以去阿里矢量庫(kù)https://www.iconfont.cn/ 里尋找

不通用的圖標(biāo)：如下圖二級(jí)入口的圖標(biāo)，不是通用圖標(biāo)。這時(shí)候用缺省樣式，不去干擾設(shè)計(jì)師的設(shè)計(jì)

顏色使用規(guī)范

正常頁(yè)面構(gòu)成，不需要上色，盡量使用黑白灰3色。用顏色的深淺，來(lái)顯示重要程度、優(yōu)先級(jí)、按鈕可點(diǎn)擊等

一些特殊情況，比如Web端可點(diǎn)擊的狀態(tài)，字體顏色可用藍(lán)色，同時(shí)加下劃線；警告等特殊的提醒，比如“刪除”，可以采用紅色

使用上面的規(guī)范，畫出來(lái)的標(biāo)準(zhǔn)低保真原型如下圖所示：

低保真原型的最低要求

畫低保真原型的最低要求，也是核心的要求：站在開發(fā)、測(cè)試和設(shè)計(jì)部門的角度，去思考去畫你的原型。讓原型標(biāo)準(zhǔn)、容易理解，提高下游部門的工作效率。

產(chǎn)品經(jīng)理是做給用戶來(lái)用，畫原型也是畫給用戶的。原型的用戶是上面說(shuō)到的下游部門，產(chǎn)品經(jīng)理要時(shí)刻保持用戶思維。

為什么要會(huì)畫高保真原型

也許你會(huì)說(shuō)，畫高保真原型，挺耽誤時(shí)間的。自己配色也不專業(yè)，還會(huì)給設(shè)計(jì)部門造成影響。既然如此，為什么還要畫高保真原型呢？主要有兩個(gè)原因：

原因一：公司業(yè)務(wù)場(chǎng)景不一樣，一些公司是需要在開發(fā)前，給到客戶確認(rèn)最后效果的，這時(shí)候就需要帶有交互的高保真原型

原因二：通過(guò)高保真原型去訓(xùn)練自己的交互思維和產(chǎn)品思維。畫高保真原型的過(guò)程，也是去驗(yàn)證產(chǎn)品流程是否順暢，是否滿足用戶使用需求的過(guò)程。

總的來(lái)說(shuō)，新人入職產(chǎn)品后：

1. 從低保真畫起，先做出標(biāo)準(zhǔn)低保真；

2. 能力有所提升后，畫交互高保真，提升自己的產(chǎn)品能力

3. 能力水平再次提升后，再畫回低保真

如果你想更快做出標(biāo)準(zhǔn)低保真、交互高保真

“騰訊課堂&起點(diǎn)學(xué)院”聯(lián)合打造的6周Axure9.0實(shí)戰(zhàn)班，幫你解決在做產(chǎn)品原型時(shí)，遇到的這些問(wèn)題：

• 沒(méi)有專業(yè)度：效率低、不規(guī)范、注釋寫不好
• web平臺(tái)畫不好：不會(huì)畫，或者總畫不好
• 影響拿產(chǎn)品offer：想面試產(chǎn)品經(jīng)理，原型差
• 無(wú)法做出高保真：更高階的Axure功能（函數(shù)、中繼器等）掌握不足
• 沒(méi)有產(chǎn)品和原型思維：整天都在畫原型，變成畫圖經(jīng)理

基于此，“起點(diǎn)學(xué)院&騰訊課堂”聯(lián)合打造6周Axure9.0實(shí)戰(zhàn)班。從Axure9.0功能、Axure技巧、原型思維3大方面幫助新人全面提升原型能力。通過(guò)5次實(shí)操，做出高質(zhì)量的產(chǎn)品Demo、Web后臺(tái)、高保真原型

Axure9.0實(shí)戰(zhàn)班學(xué)完后的效果

Peng同學(xué)做的網(wǎng)易云音樂(lè)原型

▼

Do同學(xué)做的QQ音樂(lè)原型

▼

Axure9.0實(shí)戰(zhàn)班的學(xué)習(xí)內(nèi)容

為了能夠讓產(chǎn)品新人正確的表達(dá)產(chǎn)品設(shè)計(jì)思想，快速實(shí)現(xiàn)原型設(shè)計(jì)，滿足產(chǎn)品工作所需，Axure實(shí)戰(zhàn)班采用錄播+直播的形式，系統(tǒng)學(xué)習(xí)Axure操作和原型思維。

第1-2周錄播學(xué)習(xí)：

很多產(chǎn)品新人對(duì)于Axure的掌握不熟練，很多功能是做什么的，都不甚了解。

你將掌握Axure常用的功能。課程會(huì)通過(guò)Axure基礎(chǔ)部件學(xué)習(xí)，包含函數(shù)、中繼器、動(dòng)態(tài)面板等常用功能，統(tǒng)統(tǒng)搞定。

先來(lái)看看6周錄播課程

▼

通過(guò)這2周的學(xué)習(xí)，你將掌握規(guī)范的Axure基礎(chǔ)操作，逐步上手畫出規(guī)范低保真原型。

?溜溜同學(xué)做的keep低保真原型?

▼

第3-5周學(xué)習(xí)：

在產(chǎn)品工作中，我們會(huì)遇到多種原型使用，低保真、產(chǎn)品Demo、高保真原型等等，課程設(shè)置了Axure的進(jìn)階內(nèi)容學(xué)習(xí)，幫助大家應(yīng)對(duì)不同場(chǎng)景需求。

在前2周功能基礎(chǔ)掌握的情況下，你會(huì)系統(tǒng)學(xué)習(xí)到web端、手機(jī)端的產(chǎn)品交互動(dòng)效，進(jìn)階學(xué)習(xí)切換、拖動(dòng)、平滑等15+個(gè)進(jìn)階效果。

這個(gè)階段學(xué)完，規(guī)范的產(chǎn)品demo、高保真原型，都能完成。

例如，通過(guò)動(dòng)態(tài)面板學(xué)習(xí)的內(nèi)容，你將掌握切換頁(yè)面、上下滑動(dòng)、左右拖動(dòng)、轉(zhuǎn)場(chǎng)動(dòng)效、循環(huán)效果等。

可以實(shí)現(xiàn)淘寶首頁(yè)輪播圖、手機(jī)應(yīng)用商城App商品分類、抖音雙擊喜歡效果、小紅書發(fā)布動(dòng)態(tài)等等常用交互動(dòng)效。

Dr同學(xué)做的小紅書交互高保真

▼

第6周學(xué)習(xí)：

多數(shù)情況下，我們知道如何運(yùn)用一個(gè)功能，但卻不知道原型的規(guī)范性。甚至很多產(chǎn)品新人，在工作中，只接觸過(guò)一個(gè)項(xiàng)目的幾個(gè)模塊，沒(méi)有參與過(guò)整個(gè)項(xiàng)目的原型輸出。

通過(guò)產(chǎn)品案例綜合實(shí)戰(zhàn)，讓你能夠把Axure技能落地到實(shí)際工作中，通過(guò)微信公眾平臺(tái)、紛享銷客等多個(gè)實(shí)戰(zhàn)案例，帶你完成一個(gè)規(guī)范原型的效果實(shí)現(xiàn)。

這個(gè)階段學(xué)完，你不僅能夠了解到實(shí)戰(zhàn)案例中所講解的原型規(guī)范，同時(shí)，也能把這些規(guī)范性帶入到實(shí)際工作中，幫助你提高工作效率，培養(yǎng)對(duì)產(chǎn)品原型的理解。

?早鳥票優(yōu)惠，拼團(tuán)立減50元?

▼

掃上方二維碼立即咨詢↑↑↑

7月26日（周五）開課

報(bào)名送Axure9.0安裝包

現(xiàn)在參與拼團(tuán)：http://996.pm/MeEeN

可學(xué)到所有視頻內(nèi)容

畫出標(biāo)準(zhǔn)原型，做專業(yè)產(chǎn)品經(jīng)理

若無(wú)法掃碼，請(qǐng)加班主任↓↓↓

微信：qidiantangtang520

?QQ：1636629734

6周直播課提升交互思維

產(chǎn)品經(jīng)理有交互思維有多重要？來(lái)看個(gè)Axure實(shí)戰(zhàn)班直播上講的案例。

案例問(wèn)題：“為什么微信要將“點(diǎn)贊”和“評(píng)論”折疊收起來(lái)，而不是放外面？”

同學(xué)們?cè)谥辈フn上的回答：讓用戶更多的關(guān)注內(nèi)容、數(shù)據(jù)埋點(diǎn)、內(nèi)容停留更長(zhǎng)、防止誤觸等等。

原因真的是這樣么？

來(lái)看看老師的分享：

把點(diǎn)贊和評(píng)論放在外面，還是收起來(lái)，影響的是數(shù)據(jù)。收起來(lái)，用戶互動(dòng)的門檻提高。

假設(shè)放外面，會(huì)有200個(gè)贊，20條評(píng)論。收起來(lái)就可能只會(huì)有100個(gè)贊，10條評(píng)論。這意味著，互動(dòng)質(zhì)量的提高。

微信這個(gè)生態(tài)，提供熟人間的互動(dòng)，更在意的是互動(dòng)的質(zhì)量。收起來(lái)減少了無(wú)效的數(shù)據(jù)，提升了點(diǎn)贊和評(píng)論的質(zhì)量。雖然還是不能完全避免這個(gè)問(wèn)題，但一定程度上過(guò)濾了無(wú)效互動(dòng)。

朋友圈的案例，其實(shí)也說(shuō)明了我們做交互要達(dá)到的目的：不是做花里胡哨的酷炫效果，而是要讓用戶更低門檻理解你的產(chǎn)品，達(dá)到你的產(chǎn)品目的。

這也是產(chǎn)品經(jīng)理懂交互的主要原因之一。也許你會(huì)說(shuō)有專門的交互設(shè)計(jì)師，但交互設(shè)計(jì)師更擅長(zhǎng)人機(jī)交互效果。比如朋友圈這個(gè)案例，如果不告訴交互設(shè)計(jì)師，要提升互動(dòng)質(zhì)量，交互設(shè)計(jì)師就會(huì)忽略。

產(chǎn)品經(jīng)理對(duì)需求負(fù)責(zé)，很多的需求是要通過(guò)交互體現(xiàn)出來(lái)的。各大廠優(yōu)秀的產(chǎn)品經(jīng)理，視覺(jué)和交互能力都不會(huì)差。大家要努力提升自己的交互能力喔

可是，剛做產(chǎn)品經(jīng)理，還沒(méi)有太多交互方面的經(jīng)驗(yàn)？

Axure實(shí)戰(zhàn)班安排了6次直播課，老師會(huì)在直播課上講解更多的交互和產(chǎn)品設(shè)計(jì)。讓你在學(xué)Axure的同時(shí)，培養(yǎng)對(duì)產(chǎn)品的理解，對(duì)交互的感覺(jué)

同學(xué)們?cè)诮换?、產(chǎn)品思維方面的提升

▼

6周Axure9.0實(shí)戰(zhàn)班

4800+產(chǎn)品新人的選擇

報(bào)名送Axure安裝包和資料

碎片化的系統(tǒng)學(xué)習(xí)，隨時(shí)隨地學(xué)

5次實(shí)操，做出標(biāo)準(zhǔn)低保真、高保真

不只學(xué)Axure，產(chǎn)品和交互思維貫穿全程

?早鳥票優(yōu)惠，拼團(tuán)立減50元?

▼

掃上方二維碼立即咨詢↑↑↑

7月26日（周五）開課

報(bào)名送Axure9.0安裝包

現(xiàn)在參與拼團(tuán)：http://996.pm/MeEeN

可學(xué)到所有視頻內(nèi)容

畫出標(biāo)準(zhǔn)原型，做專業(yè)產(chǎn)品經(jīng)理

若無(wú)法掃碼，請(qǐng)加班主任↓↓↓

微信：qidiantangtang520

?QQ:1636629734

特有的陪伴式學(xué)習(xí) ，收獲良師益友，多維度成長(zhǎng)

1. 專屬班級(jí)群，老師全程帶班解決你的問(wèn)題

當(dāng)你在學(xué)習(xí)Axure過(guò)程中，或者是在產(chǎn)品工作當(dāng)中遇到了問(wèn)題急需解決，但又害怕被領(lǐng)導(dǎo)diss的時(shí)候。微信班級(jí)群里@老師，快速解決遇到的問(wèn)題，提升工作表現(xiàn)力。

2. 每周話題討論，提升產(chǎn)品思維能力，多維度成長(zhǎng)

往期班級(jí)討論過(guò)無(wú)數(shù)話題，例如：

“微信的拉黑和刪除功能”，使用場(chǎng)景是？對(duì)應(yīng)的用戶心理有？哪個(gè)功能對(duì)于社交關(guān)系來(lái)說(shuō)更嚴(yán)重？

“QQ注銷功能”，為什么會(huì)推出賬號(hào)注銷功能？什么情況下，產(chǎn)品需要考慮提供注銷功能？等等。

3. 學(xué)員來(lái)自各行各業(yè)，收獲高質(zhì)量人脈交流圈

你會(huì)遇到產(chǎn)品經(jīng)理、開發(fā)、設(shè)計(jì)、運(yùn)營(yíng)、測(cè)試等各行業(yè)的互聯(lián)網(wǎng)人，他們或是來(lái)自BAT，或是從事新零售等等。

通過(guò)學(xué)習(xí)，相互認(rèn)識(shí)的同時(shí)，也給你機(jī)會(huì)跨越更大的平臺(tái)去發(fā)展。往期就有同學(xué)通過(guò)內(nèi)推的方式加入大廠，或是成功轉(zhuǎn)崗產(chǎn)品工作。

早鳥票優(yōu)惠，拼團(tuán)立減50元

▼

掃上方二維碼立即咨詢↑↑↑

7月26日（周五）開課

報(bào)名送Axure9.0安裝包

現(xiàn)在參與拼團(tuán)：http://996.pm/MeEeN

可學(xué)到所有視頻內(nèi)容

畫出標(biāo)準(zhǔn)原型，做專業(yè)產(chǎn)品經(jīng)理

若無(wú)法掃碼，請(qǐng)加班主任↓↓↓

微信：qidiantangtang520

?QQ:1636629734

特有的學(xué)習(xí)模式，讓你快速提升Axure原型能力

1. 學(xué)：每次15分鐘，碎片化系統(tǒng)學(xué)習(xí)

6周Axure實(shí)戰(zhàn)班通過(guò)4500+學(xué)員驗(yàn)證和反饋，迭代了多次，課程通俗易懂。坐公交、地鐵或者吃飯的時(shí)候都能聽(tīng)，充分利用碎片時(shí)間。

2. 練：5次實(shí)操，做出標(biāo)準(zhǔn)低保真、高保真

3. 評(píng)：每周1次直播輔導(dǎo)，班級(jí)群隨時(shí)答疑輔導(dǎo)

每周二晚8點(diǎn)30，根據(jù)課程進(jìn)度，同學(xué)們的學(xué)習(xí)效果做直播答疑，鞏固知識(shí)點(diǎn)。老師和助教還會(huì)批改你的作業(yè)。

在這樣的學(xué)習(xí)模式下，完全0基礎(chǔ)的小白同學(xué)，最后做出的效果↓↓↓

?同學(xué)做的網(wǎng)易云音樂(lè)高保真?

▼

?同學(xué)做的簡(jiǎn)書網(wǎng)高保真?

▼

6周Axure9.0實(shí)戰(zhàn)班

4800+產(chǎn)品新人的選擇

報(bào)名送Axure安裝包和資料

碎片化的系統(tǒng)學(xué)習(xí)，隨時(shí)隨地學(xué)

5次實(shí)操，做出標(biāo)準(zhǔn)低保真、高保真

不只學(xué)Axure，產(chǎn)品和交互思維貫穿全程

?早鳥票優(yōu)惠，拼團(tuán)立減50元?

▼

掃上方二維碼立即咨詢↑↑↑

7月26日（周五）開課

報(bào)名送Axure9.0安裝包

現(xiàn)在參與拼團(tuán):http://996.pm/MeEeN

可學(xué)到所有視頻內(nèi)容

畫出標(biāo)準(zhǔn)原型，做專業(yè)產(chǎn)品經(jīng)理

若無(wú)法掃碼，請(qǐng)加班主任↓↓↓

微信：qidiantangtang520

?QQ:1636629734

6周Axure9.0實(shí)戰(zhàn)班

4800+產(chǎn)品新人的選擇

報(bào)名送Axure安裝包和資料

碎片化的系統(tǒng)學(xué)習(xí)，隨時(shí)隨地學(xué)

5次實(shí)操，做出標(biāo)準(zhǔn)低保真、高保真

不只學(xué)Axure，產(chǎn)品和交互思維貫穿全程

?早鳥票優(yōu)惠，拼團(tuán)立減50元?

▼

掃上方二維碼立即咨詢↑↑↑

7月26日（周五）開課

報(bào)名送Axure9.0安裝包

現(xiàn)在參與拼團(tuán)：http://996.pm/MeEeN

可學(xué)到所有視頻內(nèi)容

畫出標(biāo)準(zhǔn)原型，做專業(yè)產(chǎn)品經(jīng)理

若無(wú)法掃碼，請(qǐng)加班主任↓↓↓

微信：qidiantangtang520

?QQ:1636629734