原型圖簡單的來說,就是【一款產品成型之前的一個簡單的框架圖】,將頁面的排版布局展現(xiàn)出來,每個功能鍵的交互,使產品的初步構思有一個可視化的展示。

它類似于一個產品的骨架模型,剔除了外觀后展現(xiàn)產品的基本交互操作原理,在一個完整的系統(tǒng)開發(fā)生命周期中,需要設計原型模型,即建構和測試系統(tǒng)的一個基本版本。

原型圖存在的意義,就是在開發(fā)過程中能完整地表達出設計師的意圖。目標是“將功能、內容形象地表達”,而不是“好看“。原型圖說到底并不是一個需要展示給用戶看的產品,通常是:開發(fā)、部門領導、UI設計師和測試。

低保真原型圖——簡單的有著大致框架的原型圖,多為線框圖。在考慮到原型圖是需要多次調整的情況,再結合時間成本,大部分情況下都會選擇低保真為主。

制作工具:Pixso等相關原型工具制作/手繪

特點:

1、僅呈現(xiàn)最終產品的一部分視覺屬性(例如元素的形狀、基本視覺層次等)

2、一般不具備交互效果。

高保真原型圖——效果接近于最終效果的精細化原型圖,差別僅在于更完美的視覺效果處理而已。

制作工具:Pixso等相關原型工具制作

特點:

1、 逼真細致的設計,所有界面元素、間距和圖形與真實的APP/網(wǎng)站相差無幾

2、 原型在交互層面非常逼真

1、整理思路

將所有流程步驟、想法都梳理成思維導圖,讓自己的思路可視化,再根據(jù)這些idea與搭檔進行下一步探討。

工具:mindmaster

2、整理流程圖

將產品的交互步驟按照順序進行梳理,制作成流程圖,可以在繪制原型圖時更有邏輯性。

工具:億圖圖示

3、利用工具進行繪制

為了讓設計師、開發(fā)盡可能的了解產品架構與交互,產品一般會需要提前繪制出直觀原型圖,以此來討論產品內部結構、跳轉原理等。

工具:Pixso

原型到設計再到交互一體化

目前市面上原型產品選擇不少,但一體化設計平臺很稀缺。在同一平臺將整個流程完成,一方面省去了多平臺傳輸文件的步驟,另一方面避免了由于傳輸可能導致的細節(jié)丟失。

交互設置簡單,效果豐富

Pixso的交互手勢多達8種,效果也有彈窗、跳轉等5種選項,能很好的滿足原型圖的需求。并且他的設置習慣與figma類似,能輕松上手。

與此同時,Pixso支持一鍵交付,自動生成標注,開發(fā)輕松導圖;同時它是全中文界面,相對于海外的軟件更適合中文用戶。產品原型圖是產品經理的工作中重要任務之一,要想拿到高薪,原型圖必須拿下!

分享到

songjy

相關推薦