教程!手把手教你如何繪制原型圖

產(chǎn)品經(jīng)理作為當(dāng)前熱門崗位,現(xiàn)在的競爭激烈程度愈演愈烈。要想在面試中取勝,「繪制產(chǎn)品原型圖」這個(gè)技能點(diǎn)一定要拉滿。如果你是一個(gè)想入行產(chǎn)品的小白,那這篇文章一定要仔細(xì)閱讀!

教程!手把手教你如何繪制原型圖

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

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

教程!手把手教你如何繪制原型圖

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

教程!手把手教你如何繪制原型圖

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

制作工具:Pixso等相關(guān)原型工具制作/手繪

特點(diǎn):

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

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

教程!手把手教你如何繪制原型圖

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

制作工具:Pixso等相關(guān)原型工具制作

特點(diǎn):

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

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

教程!手把手教你如何繪制原型圖

1、整理思路

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

工具:mindmaster

教程!手把手教你如何繪制原型圖

2、整理流程圖

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

工具:億圖圖示

教程!手把手教你如何繪制原型圖

3、利用工具進(jìn)行繪制

為了讓設(shè)計(jì)師、開發(fā)盡可能的了解產(chǎn)品架構(gòu)與交互,產(chǎn)品一般會(huì)需要提前繪制出直觀原型圖,以此來討論產(chǎn)品內(nèi)部結(jié)構(gòu)、跳轉(zhuǎn)原理等。

工具:Pixso

教程!手把手教你如何繪制原型圖

原型到設(shè)計(jì)再到交互一體化

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

交互設(shè)置簡單,效果豐富

Pixso的交互手勢多達(dá)8種,效果也有彈窗、跳轉(zhuǎn)等5種選項(xiàng),能很好的滿足原型圖的需求。并且他的設(shè)置習(xí)慣與figma類似,能輕松上手。

教程!手把手教你如何繪制原型圖

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

(免責(zé)聲明:本網(wǎng)站內(nèi)容主要來自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿,凡在本網(wǎng)站出現(xiàn)的信息,均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性,但不保證有關(guān)資料的準(zhǔn)確性及可靠性,讀者在使用前請(qǐng)進(jìn)一步核實(shí),并對(duì)任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對(duì)有關(guān)資料所引致的錯(cuò)誤、不確或遺漏,概不負(fù)任何法律責(zé)任。
任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁或鏈接內(nèi)容可能涉嫌侵犯其知識(shí)產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí),應(yīng)及時(shí)向本網(wǎng)站提出書面權(quán)利通知或不實(shí)情況說明,并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后,將會(huì)依法盡快聯(lián)系相關(guān)文章源頭核實(shí),溝通刪除相關(guān)內(nèi)容或斷開相關(guān)鏈接。 )