原型圖的格式，屬于“道”，“法”，“器”，這3個層次中的“器”。如果想在用戶體驗上，走的更遠(yuǎn)；那么就需要在“道”，“法”，這2個層次上，積累更多的項目經(jīng)驗，還有不同崗位的思維方式和溝通思路。

互聯(lián)網(wǎng)產(chǎn)品設(shè)計過程中，原型圖的常用格式，我見過6種以上。

它們的優(yōu)點和缺點，介紹如下：

1. Axure格式的原型圖

優(yōu)點：

• 可以在另一臺電腦上，閱讀和編輯Axure原型圖；
• 在Axure預(yù)覽模式下，可以在瀏覽器左側(cè)顯示網(wǎng)頁的目錄；
• Axure軟件有Mac版本和windows版本。

缺點：

• 如果接收文件同事的電腦，沒安裝Axure，就打不開了；
• 不能在手機微信聊天窗口上，直接閱讀Axure原型圖；
• Axure低版本，不能打開高版本的Axure文件。

2. Sketch格式的原型圖

優(yōu)點：

• 可以在另一臺Mac電腦上，閱讀和編輯Sketch原型圖；
• Ui設(shè)計師，可以直接在Sketch里面，把原型圖，做成高保真的Ui設(shè)計稿；
• 可以導(dǎo)出PDF格式的多頁面PDF原型圖。

缺點：

• Sketch軟件，目前只有Mac版本，沒有Windows版本；
• 在手機微信App的聊天窗口上，不能直接閱讀Sketch原型圖；
• Sketch低版本，不能打開高版本的Sketch文件。

3. PPT格式的原型圖

優(yōu)點：

• 可以在Mac或Windows電腦上，閱讀和編輯PPT格式的原型圖；
• 在手機微信App的聊天窗口上，直接閱讀PPT格式的原型圖；
• 可以通過其它軟件，將畫好的原型圖，導(dǎo)入PPT里面。

缺點：

• ppt頁面的面積太小，不支持表達多個頁面之間的跳轉(zhuǎn)關(guān)系；頁面的縮放，難以操作；
• PPT里面的畫圖控件太少，畫圖工具隱藏的比較深，操作起來，不方便；

4. Html網(wǎng)頁格式的原型圖

優(yōu)點：

• 可以在任何電腦上，用瀏覽器打開，直接閱讀Html原型圖；
• 不能在手機微信聊天窗口上，直接閱讀Html壓縮包的原型圖；
• 可以先用Axure設(shè)計原型圖，然后導(dǎo)出Html網(wǎng)頁格式。

缺點：

• 不支持Html網(wǎng)頁原型圖的再次編輯，不支持在瀏覽器左側(cè)顯示網(wǎng)頁的目錄；
• 郵件接收Html原型圖的壓縮包，需要解壓，然后還需要在眾多網(wǎng)頁文件中，一個個點開查看；
• 頁面之間的跳轉(zhuǎn)關(guān)系，各種中間狀態(tài)的邏輯判斷，Html難以表達清楚。

5. 一大張jpg圖片格式的原型圖

優(yōu)點：

• 可以在任何電腦上，閱讀和編輯jpg圖片格式的原型圖；
• 郵件發(fā)送jpg圖片格式的原型圖，文件可以很小；
• 可以在手機微信聊天窗口上，直接閱讀jpg格式的原型圖；
• 可以通過其它軟件，將畫好的原型圖，導(dǎo)出為jpg圖片格式。

缺點：

• 在電腦上，jpg圖片格式的原型圖，比較難操作：比如：調(diào)整到100%大小，并左右移動查看頁面跳轉(zhuǎn)關(guān)系；
• 在手機上，微信發(fā)送的時候，具有流程關(guān)系的一大張jpg圖片格式的原型圖，會壓縮，導(dǎo)致微信接收后不清晰。

6. PDF格式的原型圖

優(yōu)點：

• 可以通過其它軟件，將畫好的原型圖，導(dǎo)出為PDF格式。
• 可以在Windows或Mac上閱讀；支持軟件：Adobe Reader，極速PDF，福昕pdf，Acrobat；
• 可以在智能手機上，閱讀pdf格式的原型圖；支持手機APP軟件：WPS，極速PDF，福昕pdf，Acrobat，甚至微信app的聊天窗口，直接發(fā)送，對方直接打開。
• 在電腦上，頁面容易調(diào)整到100%大小，并且左右移動查看頁面的跳轉(zhuǎn)關(guān)系；
• Mac電腦自帶的預(yù)覽pdf軟件，可以合并多個pdf，旋轉(zhuǎn)pdf的某一張內(nèi)頁；
• 電腦版的福昕pdf軟件，可以給pdf內(nèi)頁添加標(biāo)注文本，可以在多頁面的pdf左側(cè)添加目錄鏈接；

缺點：

• 如果需要重新編輯pdf里面的某一頁，那么就要提取多頁pdf文件中的某一頁，待修改好之后，再合并到多頁PDF文件里；
• 電腦閱讀和手機閱讀pdf，最好是已經(jīng)安裝了專業(yè)的PDF閱讀器。

總結(jié)：

APP產(chǎn)品設(shè)計的原型圖，重在表達意思，只要意思傳達到位了，那么格式可以不必在意。

原型圖的格式，屬于“道”，“法”，“器”，這3個層次中的“器”。

如果想在用戶體驗上，走的更遠(yuǎn)；那么就需要在“道”，“法”，這2個層次上，積累更多的項目經(jīng)驗，還有不同崗位的思維方式和溝通思路。

#專欄作家#

張云錢，人人都是產(chǎn)品經(jīng)理專欄作家，百度簽約作者，Ui中國認(rèn)證設(shè)計師；喜歡分析不同崗位的思維方式和溝通思路，偶爾網(wǎng)上冒泡，寫篇文章。

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