3個細節(jié),輕松區(qū)分效果圖和原型圖

6 評論 21997 瀏覽 78 收藏 7 分鐘

產(chǎn)品設計是一個相對寬泛的概念,其中包含的內(nèi)容不勝枚舉。尤其對于新人小白來說,產(chǎn)品設計的分工分類著實令他們頭痛。有些設計人員很多時候連自己畫的到底是什么都不知道。領導叫你畫個圖,結果拿過來一看:天哪!你畫了個什么?今天我們就來講一下,效果圖和原型圖,這對常常擾亂大家工作的完美CP。

首先,我們需要對兩者有一個充分的認識:

原型圖,是產(chǎn)品或數(shù)據(jù)系統(tǒng)的一個基本的實用模型,通常為示范目的或開發(fā)程序的部份結構。在一個完整的系統(tǒng)開發(fā)生命周期中,需要設計原型模型,即建構和測試系統(tǒng)的一個基本版本,如果必要的話還要重復修改,直到達成一個完整的一個可接受的原型。原型圖存在的意義,就是能夠在開發(fā)過程中充分的表達出設計師的意圖的思想。

效果圖,顧名思義,是帶有視覺效果的圖片。這一類圖片往往是UI設計師們已經(jīng)處理過的成圖,用于展現(xiàn)近乎于真實產(chǎn)品的效果。產(chǎn)品效果圖是一種設計師表現(xiàn)自己創(chuàng)意的方式,同時,優(yōu)秀的效果圖可以客觀的加深用戶對于產(chǎn)品的認識和理解,體現(xiàn)出產(chǎn)品的價值所在。

從概念上來說,效果圖和原型圖還是相差比較遠的,通過一下幾個細節(jié),我們就可以區(qū)分出效果圖和原型圖:

一、通過顏色分辨

原型圖的顏色以黑白為主,當然,灰度原型也是原型圖家族中的名門貴族。為什么原型圖的顏色會是如此的單調(diào)?原因很簡單:其一,原型設計師并非UI設計師,如果在原型圖中加入了大量的色彩,那么這就會很容易的影響到UI設計師的思考和創(chuàng)作;其二,原型圖面對的是開發(fā)人員而非客戶,這一階段重視的東西是邏輯概念和交互方式,并不是顏色。

一般情況下,效果圖色彩更加豐富些。如果一款產(chǎn)品的效果圖的色彩運用和原型圖相差無幾,除非是有意而為之,不然這位設計師也絕對是low的可以了。作為產(chǎn)品成型之前的“漂亮臉蛋”,效果圖的色彩必須是經(jīng)過設計師考慮研究、用心琢磨過的。也只有這樣,才能拿出令人滿意的效果。

二、通過圖標分辨

現(xiàn)在的原型圖設計過程中,很多時候都會涉及到圖標的設計和使用。而從嚴格意義上來講,原型圖內(nèi)是不需要出現(xiàn)圖標的,圖標位置方塊代替。原因其實和上一點基本相同,那就是要在原型設計中盡可能的降低對其他同事的影響,比如UI設計師。當然,現(xiàn)在的原型設計工具中普遍都提供了一些比較簡單實用的圖標。這些圖標樣式相對簡單,代表的含義也比較直接。這樣既省去了文字描述的繁瑣,也最大程度地降低了對于設計師的干擾。

而效果圖在這方面有著更多的講究,類似圖標的細節(jié)往往決定著一個效果圖的成敗,而一個效果圖的成敗,有很大程度上左右這這款產(chǎn)品的命脈。所以,效果圖中的圖標,即便是精雕細琢,也請你不要大驚小怪。一個優(yōu)秀的設計師,能夠在效果圖的每一個細枝末節(jié)都體現(xiàn)出自己的創(chuàng)造力。

三、通過注釋分辨

從我個人的理解來說,一張真正優(yōu)秀的效果圖,是不需要注釋就能說明一切問題的。既然效果圖是一種面向用戶的產(chǎn)品表現(xiàn)形式,那么就應當通過設計和畫面把基本問題全部解釋清楚。除非是特殊情況,否則文字注釋的隨意出現(xiàn),一定會使得設計師的身價大打折扣。

但是原型就不同了。如果只是單純的線框圖,那么沒有文字說明的話,幾乎就沒什么價值。如果是帶有交互的原型設計,那么文字說明和注釋的量相對來說會少很多,但絕對不會一點沒有。很多情況下,從時間成本和操作成本上考慮,簡單的文字有時會有更高的實際效果。

其實,通過以上三點我們可以總結一個判斷的標準,即:以邏輯為主導、以好用為準則的原型圖和以視覺為主導、以好看為準則的效果圖??赐赀@些之后,有沒有想明白,昨天你畫的那個,到底是什么?

 

本文由 @安靜的熊先生?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉載。

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 我能說我們公司的UI只是用PS出原型的高保真嘛,以前一直有誤解UI的設計能力(。。。),原來是自己問題…

    來自江蘇 回復
  2. ????

    回復
  3. 今天就深刻體會了,原型中用的是默認圖標按鈕,設計出來的都是藍色按鈕。

    回復
  4. 嗯,產(chǎn)品和UI各司其職??

    回復
  5. 贊同,我就有一次不小心放了一個圖標,被美女UI設計師約談了,從此不再犯了。

    來自北京 回復
  6. ??

    來自湖南 回復