做互聯(lián)網(wǎng)產(chǎn)品的小伙伴一定不會對“原型”這個詞感到陌生。它就像“用戶體驗”一樣經(jīng)常被各類人掛在嘴邊韵吨。原型是一種讓用戶提前體驗產(chǎn)品迹冤、交流設計構想讽营、展示復雜系統(tǒng)的方式。就本質而言泡徙,原型是一種溝通工具橱鹏。在這里為大家介紹最常用的6種原型圖文件格式以及各自的優(yōu)缺點。
一堪藐、Mockplus的原型圖格式(.mp)
Mockplus是一款快速原型設計工具蚀瘸。一拖一拽之間,便可完成原型交互設置庶橱,且交互完全可視化贮勃,極為簡單直觀。大量封裝的組件及圖標資源苏章,也是一大特色寂嘉。
優(yōu)點:
制作效率很高奏瞬,適合用“傻瓜式”方式來制作原型的設計師和產(chǎn)品經(jīng)理,幾乎不用學習泉孩;
最全面硼端、便捷的原型演示支持,包括:直接演示寓搬、導出圖片演示珍昨、導出可以獨立運行的演示包(Win/Mac)、在線和離線的HTML演示句喷。在手機端镣典,可以通過手機瀏覽器演示和手機App直接演示;
獨特的彈出面板和內容面板組件唾琼,可靈活編輯兄春,輕易完成常用交互;
團隊項目的編輯方式锡溯,易懂好用赶舆。在線審閱對于協(xié)作很有幫助。
缺點:
需要Mockplus的軟件支持祭饭,才能編輯和演示芜茵;
一些復雜的交互效果,暫時不支持倡蝙;
對PRD(產(chǎn)品需求文檔)的支持夕晓,還不足。
實用度:★★★★
二悠咱、Sketch格式的原型圖(.sketch)
Sketch 是一款適用于所有設計師的矢量繪圖應用蒸辆。矢量繪圖也是目前進行網(wǎng)頁、圖標以及界面設計的常用方式析既。
優(yōu)點:
人性化的躬贡、創(chuàng)新的設計方式和編輯操作,使用很順手眼坏;
支持導出多種(PDF拂玻,JPG,TIFF宰译,SVG等)格式的原型設計圖檐蚜,可一鍵導出自定義的各種尺寸;
豐富的三方插件沿侈,強化了整體功能闯第。
缺點:
需要自己制作每個細節(jié),不適合希望快速表達思想的原型設計者缀拭;
目前只有Mac版本咳短;
需要Sketch的軟件支持填帽。當然目前不少其它軟件也可以支持導入和導出;
不支持PSD咙好,AI格式的文件導出篡腌;
如果不借助三方插件,無法在手機端直接演示Sketch原型圖勾效。
實用度:★★★
三嘹悼、HTML網(wǎng)頁格式的原型圖(.html)
HTML格式的原型圖,也是特別常見和實用度原型文件格式层宫。目前杨伙,主流的原型圖設計工具都支持.html格式的原型圖導出,這里以Mockplus為例:
優(yōu)點:
可以在任何電腦或手機端卒密,用瀏覽器打開直接演示HTML原型圖;
支持在瀏覽器左側顯示網(wǎng)頁的目錄棠赛;
在電腦瀏覽器中哮奇,可以通過手機掃描二維碼,立即在手機上演示睛约;
支持完整的頁面跳轉和交互鼎俘;
支持多人在原型頁面上添加評論;
支持多人在原型頁面上添加批注辩涝,發(fā)表詳細的審閱意見贸伐。
缺點:
不支持HTML網(wǎng)頁原型圖的再次編輯。
實用度:★★★★
四怔揩、圖片格式的原型圖(.png 或 .jpg)
各大主流的原型圖工具均支持捉邢,導出為png或jpg圖片。一般是導出單張頁面商膊。據(jù)悉伏伐,Mockplus在不久之后的版本中,可以直接導出多個頁面(包括頁面的注釋和連接線)組成的UIFlow圖片晕拆。
優(yōu)點:
可以在任何設備上查看和編輯藐翎;
當用于交付時,具有很高的視覺保真度实幕;
使用UIFlow吝镣,可以直觀地展示多個頁面,并了解原型項目的流程和邏輯關系昆庇。
缺點:
無法演示交互末贾;
無法持續(xù)編輯;
由于這兩種格式都非矢量整吆,因此如果經(jīng)過縮放未舟,原型圖清晰度容易受到影響圈暗。
實用度:★★★
五、PDF格式的原型圖(.pdf)
優(yōu)點:
pdf格式比較通用裕膀;
支持矢量縮放员串。
缺點:
需要在電腦或手機中,先安裝pdf查看器昼扛;
無法實現(xiàn)完整的交互演示寸齐,利用pdf中的鏈接插入,僅僅支持一些簡單頁面交互跳轉抄谐;
pdf的頁面尺寸和比例渺鹦,比較難以和手機自動匹配;
很難持續(xù)編輯蛹含。如果需要重新編輯pdf里面的某一頁毅厚,那么就要提取多頁pdf文件中的某一頁,待修改好之后浦箱,再合并到多頁PDF文件里吸耿。
實用度:★
六、幻燈片格式的原型圖(.ppt 或 .key)
可以利用Windows的Powerpoint酷窥,或者Mac的Keynote軟件來制作原型咽安。
優(yōu)點:
制作非常簡單,任何人都可以直接上手蓬推,學習成本為零妆棒;
由于內置了大量的動效,在某些時候沸伏,實現(xiàn)交互動效很容易糕珊,效果也不錯;
適合書寫大量的備注毅糟,形成說明文檔放接。
缺點:
很難完整表達交互;
如果做真機演示留特,頁面很難自適應纠脾,操作不便;
更適合做報告和演講蜕青。
實用度:★