原型設計6種原型圖的優缺點

2021-01-07 人人都是產品經理

原型圖的格式,屬於「道」,「法」,「器」,這3個層次中的「器」。如果想在用戶體驗上,走的更遠;那麼就需要在「道」,「法」,這2個層次上,積累更多的項目經驗,還有不同崗位的思維方式和溝通思路。

網際網路產品設計過程中,原型圖的常用格式,我見過6種以上。

它們的優點和缺點,介紹如下:

1. Axure格式的原型圖

優點:

可以在另一臺電腦上,閱讀和編輯Axure原型圖;

在Axure預覽模式下,可以在瀏覽器左側顯示網頁的目錄;

Axure軟體有Mac版本和windows版本。

缺點:

如果接收文件同事的電腦,沒安裝Axure,就打不開了;

不能在手機微信聊天窗口上,直接閱讀Axure原型圖;

Axure低版本,不能打開高版本的Axure文件。

2. Sketch格式的原型圖

可以在另一臺Mac電腦上,閱讀和編輯Sketch原型圖;

Ui設計師,可以直接在Sketch裡面,把原型圖,做成高保真的Ui設計稿;

可以導出PDF格式的多頁面PDF原型圖。

Sketch軟體,目前只有Mac版本,沒有Windows版本;

在手機微信App的聊天窗口上,不能直接閱讀Sketch原型圖;

Sketch低版本,不能打開高版本的Sketch文件。

3. PPT格式的原型圖

可以在Mac或Windows電腦上,閱讀和編輯PPT格式的原型圖;

在手機微信App的聊天窗口上,直接閱讀PPT格式的原型圖;

可以通過其它軟體,將畫好的原型圖,導入PPT裡面。

ppt頁面的面積太小,不支持表達多個頁面之間的跳轉關係;頁面的縮放,難以操作;

PPT裡面的畫圖控制項太少,畫圖工具隱藏的比較深,操作起來,不方便;

4. Html網頁格式的原型圖

可以在任何電腦上,用瀏覽器打開,直接閱讀Html原型圖;

不能在手機微信聊天窗口上,直接閱讀Html壓縮包的原型圖;

可以先用Axure設計原型圖,然後導出Html網頁格式。

不支持Html網頁原型圖的再次編輯,不支持在瀏覽器左側顯示網頁的目錄;

郵件接收Html原型圖的壓縮包,需要解壓,然後還需要在眾多網頁文件中,一個個點開查看;

頁面之間的跳轉關係,各種中間狀態的邏輯判斷,Html難以表達清楚。

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

可以在任何電腦上,閱讀和編輯jpg圖片格式的原型圖;

郵件發送jpg圖片格式的原型圖,文件可以很小;

可以在手機微信聊天窗口上,直接閱讀jpg格式的原型圖;

可以通過其它軟體,將畫好的原型圖,導出為jpg圖片格式。

在電腦上,jpg圖片格式的原型圖,比較難操作:比如:調整到100%大小,並左右移動查看頁面跳轉關係;

在手機上,微信發送的時候,具有流程關係的一大張jpg圖片格式的原型圖,會壓縮,導致微信接收後不清晰。

6. PDF格式的原型圖

可以通過其它軟體,將畫好的原型圖,導出為PDF格式。

可以在Windows或Mac上閱讀;支持軟體:Adobe Reader,極速PDF,福昕pdf,Acrobat;

可以在智慧型手機上,閱讀pdf格式的原型圖;支持手機APP軟體:WPS,極速PDF,福昕pdf,Acrobat,甚至微信app的聊天窗口,直接發送,對方直接打開。

在電腦上,頁面容易調整到100%大小,並且左右移動查看頁面的跳轉關係;

Mac電腦自帶的預覽pdf軟體,可以合併多個pdf,旋轉pdf的某一張內頁;

電腦版的福昕pdf軟體,可以給pdf內頁添加標註文本,可以在多頁面的pdf左側添加目錄連結;

如果需要重新編輯pdf裡面的某一頁,那麼就要提取多頁pdf文件中的某一頁,待修改好之後,再合併到多頁PDF文件裡;

電腦閱讀和手機閱讀pdf,最好是已經安裝了專業的PDF閱讀器。

總結:

APP產品設計的原型圖,重在表達意思,只要意思傳達到位了,那麼格式可以不必在意。

原型圖的格式,屬於「道」,「法」,「器」,這3個層次中的「器」。

如果想在用戶體驗上,走的更遠;那麼就需要在「道」,「法」,這2個層次上,積累更多的項目經驗,還有不同崗位的思維方式和溝通思路。

#專欄作家#

張雲錢,人人都是產品經理專欄作家,百度籤約作者,Ui中國認證設計師;喜歡分析不同崗位的思維方式和溝通思路,偶爾網上冒泡,寫篇文章。

本文原創發布於人人都是產品經理。未經許可,禁止轉載。

相關焦點

  • 我臨摹了7款產品的原型,總結出這些原型圖經驗
    這篇文章也希望給新人朋友一些啟發:我們畫原型圖並不只是畫圖而已,畫原型圖已經等同於在設計產品了,要思考的內容也很多。如果你已經掌握了一種成熟的原型圖繪製方法,可以和他一樣進行訓練,相信會有不小的收穫的。主題通過為期一周的原型圖繪製練習,深刻理解原型圖設計的核心,為自己產品道路未來發展打好堅實基礎。
  • 規範流程下的原型設計——你的原型真的有價值嗎?
    如下圖:理解——定義問題——探索方案——原型(拆解局部)——測試——原型——測試——最終原型(匯總)—— IDEO的創始人David Kelly我沒有失敗,我剛剛發現了10000種行不通的方法。——愛迪生將原型測試失敗的想法重新構想成一種學習心態,錯誤和失敗是成功的必然因素,將它們作為養料,共同促成最終的成功方案。6. 將原型視為浪費時間通過不斷為每個想法和假設構建原型,您是否會浪費時間?
  • 後臺產品經理的原型設計規範
    要想落地產品上線,原型的設計必不可少。 後臺產品是對前端信息架構的映射,前端要展示什麼後臺就要有什麼,比如PMTalk提供的體驗報告。 針對C端、B端原型設計,兩者聚焦的點一個是核心功能,一個是每個業務的主要功能。
  • 阿波羅飛船設計之初不像原型的原型
    普通展覽會上展出的模型,例如南京長江大橋或者上海體育館的模型,與原型維妙維肖,它們就是屬於形狀比例相同的幾何相似。建造這種幾何相似模型的目的,不外是供人從較小的尺度上觀察到實地的情況,或者是為了顯示出將來完成實物後的情況。
  • JOJO人物原型介紹,喬魯諾的原型讓人意想不到
    荒木老師在創作時,筆下的很多角色都是以真實人物為原型塑造的,所以今天就來介紹一些JOJO的人物原型。 01 吉良吉影 先來說長相非常相似的,Bo良Ki影的原型——英國搖滾歌手大衛·鮑威(David Bowie)。
  • 宏觀角度:原型圖的交互說明該怎麼寫
    原型圖的交互說明是針對原型圖內容元素的解釋文字,可以從宏觀和微觀兩個層面展開分析,本文結合圖例主要說明宏觀角度輸出交互說明應該注意的地方。原型圖的交互說明是針對原型圖內容元素的解釋文字。
  • 《明日方舟》溫蒂原型是什麼 溫蒂原型介紹
    導 讀 在明日方舟中,大部分幹員都是以某種動物原型創造的,新推出的6星幹員溫蒂也不例外。
  • SpaceX設計的新星際飛船原型爆炸
    1月28日在周二,在博卡奇卡村附近的德克薩斯州南部工廠進行低溫強度試驗時,突然「砰」的一聲,SpaceX設計的星際飛船一個原型爆炸了。SpaceX設計的星際飛船一個原型爆炸了這次不是出現意外,是一次破壞性試驗,以證明燃料箱能夠承受未來人類登月和火星任務所承受的壓力
  • 讓原型更加高保真,重要的規範是字體、字號、間距、對齊
    一、字字體統一,一般不要用幾種字體,就選常用字體就行,1~2種足夠;字號不要亂,一級標題、二級標題、正文、簡介描述等等字號大小都儘可能的統一;顏色規範,標題、正文、描述等等顏色事先統一併做出相應的區分。
  • NI MIMO原型驗證系統硬體介紹
    PXIe-6674T定時與同步模塊8通道時鐘同步CDA-2990 8通道時鐘分配模塊能夠通過長度匹配軌跡,以8種方式放大並分割10 MHz參考信號和秒脈衝信號,可為最多8個USRP設備提供頻率與時間同步性能。 CDA-2990通過集成式GPS馴服振蕩器(GPSDO)額外增加一個內部定時與頻率參考。
  • 寶可夢的設計原型,乘龍和原型性格相反,胡帕融合了很多神話角色
    今天,咱們就來說說劇中一些寶可夢的設計原型都是什麼。第一個,胡帕。胡帕是15年劇場版中的角色,它是一隻超能力系和幽靈系的寶可夢。雖然胡帕擁有好幾種形態,但是從外觀看,它有著非常濃鬱的阿拉伯風格。雖然有解釋稱胡帕的不同形態有借鑑到哪吒和印度神話中的角色的一些特點,但是不得不說,這來自阿拉伯風格的造型,壓過了其他所有。
  • 《貓和老鼠》6個S皮的原型人物,他們都大有來頭!
    #2019百度APP遊戲年度盛典#在遊戲中,一些皮膚有著原型人物,有玩家發現了6個S級皮膚的原型人物,它們的設計靈感都來自於誰呢?在遊戲中,最擅長群攻的就是圖茨,一局遊戲中,圖茨一招就打倒了5個敵人;S3賽季將至,小不點發來提示,3類獎勵將會清空;白衣劍少被抓後,一隻金色的翅膀暴露出來。6個S皮的原型人物,他們都大有來頭!遊戲中的S級皮膚都是來自於幻想嗎?不,其中一部分S級皮膚都有原型人物,有玩家發現了6個S皮的原型人物,這些S級皮膚的靈感究竟來自於誰呢?
  • SpaceX Starship星際飛船原型
    渲染顯示皮膚更加光滑,突出了設計的復古科幻外觀。原型「料鬥」 Starship僅使用一個Raptor引擎。第一個軌道版本將使用三個,而最終的星艦設計則需要更多這些強大的引擎。如果一切按計劃進行,星艦將運送前澤和一個在雄心勃勃的私人登月任務中選拔6至8位藝術家。前澤為飛機購買了所有可用座位。
  • 「設計作品」最佳倒數計時器設計分析(附原型實例)
    4.Pomodoro Clock整體設計看起來很時髦、現代且誘人。 這個倒數計時器不僅可以設置時間,還可以播放一些音樂。 默認情況下,此時鐘支持五種音軌,用戶可以根據自己的喜好更改音軌。背景使用了流行的漸變色,非常具有視覺衝擊力。
  • 《寶可夢劍盾》精靈設計原型考察:第一期
    《寶可夢》系列遊戲中每一隻寶可夢都有著不同的原型,新作《寶可夢:劍/盾(Pokémon Sword / Shield)》中又新增了一些新精靈,微博用戶「海野隆雄」整理了一些寶可夢設計原型考察,讓我們一起來看看吧
  • 開關電源設計原型的分析模擬和實驗之一
    通過簡單的試驗和錯誤分析,我們有時候會覺得,如果設計能夠在示波器上實現可接受的瞬態響應,那麼該設計便已準備好用於生產,但這種想法非常不明智,而且可能導致高昂代價。這是因為,轉換器中使用的大多數元件都會受到雜散元件的影響,而雜散元件的廣泛影響在原型製作階段是隱藏的。如果未在模擬和環路測量的基礎上進行徹底分析,您就不會知道相位和增益裕度是什麼樣的,以及它們有多可靠。
  • 《明日方舟》菲林原型是什麼 菲林原型介紹
    那麼菲林族對應的現實原型... 在《明日方舟》中有數十個各不相同的種族,菲林族就是其中之一。菲林族的足跡遍布泰拉大陸的各個角落,在每個國家你都能看到菲林族的身影,可以說是《明日方舟》中最為人熟知的種族之一了。那麼菲林族對應的現實原型是什麼呢?又有哪些幹員是菲林族的呢?就讓我們一起來看看吧。
  • 盤點十四種怪異動物:「金剛原型」巨猿【3】
    原標題:盤點十四種怪異動物:「金剛原型」巨猿  盤點十四種怪異動物:「金剛原型」巨猿   來源:新華網 我有話說  3.巨猿 巨猿  巨猿可能就是金剛的原型,它們在外形上與現代猿較為類似,所不同的是,它們的體型更為碩大。
  • 一的法則 - 10 原型
    簡單來說就是我們的身心靈進化是有套路的,學習這些原型會讓我們少走彎路。 RA稱人類為身心靈複合體,事實上確實是個複合結構,身心靈每一層有七個原型,加上最後一個原型「選擇(The Choice)」,一共是22個原型。
  • 如何用Sketch製作精緻的交互原型?
    雖然Sketch更適合設計師使用,但是在最近幾年,越來越多的產品經理使用Sketch代替Axure設計原型。出圖快、易操作、易上手是Axure的巨大優勢,但是交互一直是Sketch的硬傷。在這篇文章,一起來看看作者如何解決。