本文內(nèi)容是我近幾年從事產(chǎn)品設(shè)計工作的總結(jié),因此這并不是一個絕對正確且一成不變的設(shè)計答案,它僅僅是屬于我本人的一點設(shè)計從業(yè)經(jīng)驗,并且在實踐的過程中得到過良好的客戶反饋。設(shè)計的多元性注定了每一個產(chǎn)品在設(shè)計中所面臨的問題都是不同的,因此需要采取的方式方法也不一樣,所以請讀者不要在實際的工作過程中生搬硬套這些原則,而是要學會在遵循設(shè)計原則的基礎(chǔ)上靈活的選擇和處理。
原則一:顏色的選擇
很多人在產(chǎn)品設(shè)計中從一開始就考慮圖標風格之類的問題,但我認為一款產(chǎn)品的調(diào)性最重要的在于顏色的選擇。選擇顏色是非常講究的,它需要設(shè)計師關(guān)注到產(chǎn)品的服務(wù)類別,產(chǎn)品的投放群體以及產(chǎn)品本身的性格屬性,每選擇一種顏色都要把這些問題考慮進去,并且找到適合產(chǎn)品調(diào)性的色彩。如果你認為產(chǎn)品的顏色僅僅是作為同類競爭產(chǎn)品在市場上的區(qū)別而存在,那么你還沒有理解色彩學知識對產(chǎn)品設(shè)計的影響。
我時常用微信舉例子:為什么微信會用綠色而不用紅色或者藍色?我想很多人根本沒有考慮過,作為用戶可以這樣,但作為設(shè)計師則不能不明白其中的原因。
簡單的說來,微信作為國民級別產(chǎn)品,它的用戶范圍包含了各個不同社會層級,各種性別傾向,幾乎所有的職業(yè)類別,如此龐大且多元化人群,都要在這款產(chǎn)品上找到屬于自己的存在感,因此產(chǎn)品本身就不能作為標簽和存在的體現(xiàn),所有視覺設(shè)計都需要退居在用戶性格展現(xiàn)的后面,為了讓用戶感覺不到微信的性格(用戶使用微信是為了要體現(xiàn)自己的性格),所有的搭建都是基本框架,簡單再簡單,圖標也采用基本圖標,沒有標新立異的設(shè)計,因此顏色也會用選最沒有性格色彩、最平和的綠色。這就是綠色的由來。
關(guān)于產(chǎn)品色彩選擇要如何深入下去,必然會涉及到色彩學方面的內(nèi)容,但這不是本文的重點,只要記住顏色是產(chǎn)品設(shè)計中需要慎重思考的第一步就夠了,因為它是決定產(chǎn)品調(diào)性的重要元素之一。
原則二:圖片的質(zhì)量
決定產(chǎn)品調(diào)性的第二個元素就是圖片。在產(chǎn)品設(shè)計中會大量的使用圖片展示,外行人往往只看表面,認為從版式上就能夠解決產(chǎn)品調(diào)性的問題,事實絕非如此,版式僅僅是圖片的排列方式,最關(guān)鍵的是圖片本身。
我會花大量的時間為產(chǎn)品尋找適合且高質(zhì)量的圖片,如果產(chǎn)品的研發(fā)投入足夠大,從專業(yè)的角度講,應該請專業(yè)攝影師為產(chǎn)品拍攝需要使用的圖片。但在國內(nèi),極少有公司會這樣做,于是這就需要設(shè)計師依靠自己的專業(yè)為產(chǎn)品尋找適合的背景圖。
這當中涉及到最專業(yè)的問題就是構(gòu)圖的藝術(shù)。通常,設(shè)計師找來的圖片都不會太適合產(chǎn)品的需要,它需要用各種方式再做處理,從構(gòu)圖的角度進行各種切剪或者添加、遮蓋某些部分,從而讓圖片和產(chǎn)品融為一體。這個過程看起來簡單,其實很難,如果沒有足夠的構(gòu)圖技巧而直接使用素材背景圖,整個產(chǎn)品的調(diào)性就會差很多,看起來就像未完成的產(chǎn)品,或者沒有經(jīng)過打磨過的產(chǎn)品。
關(guān)于這個原則重要的是設(shè)計師需要具備藝術(shù)構(gòu)圖的能力,將移動硬件的四邊看過是畫框的邊緣,從而進行各類場景元素的分割,時而要整合,時而要打散。這部分知識應該在大學里就學會并且掌握,只是它的運用場景由傳統(tǒng)紙面變成了移動硬件的界面。
原則三:信息的簡化
如今的產(chǎn)品設(shè)計最大的問題在于,產(chǎn)品經(jīng)理什么都要放,所謂功能設(shè)計不過是各個不同功能的大雜燴,如果競品擁有了某個功能,那么我們也要添加上去。于是加來加去,信息越來越多,越來越繁雜,到處都是贈送、折扣、促銷、首沖
……無論什么產(chǎn)品題材,只要涉及了消費,都有這部分內(nèi)容。這說明絕大多數(shù)產(chǎn)品的市場人群處在社會的中下層(無論它們打著多么高端的市場營銷口號),而真正的上層消費并不過于依靠這種消費方式。
我并不是說這種營銷不好,而是說如果在一款產(chǎn)品中到處都是這樣信息,對用戶而言,他的消費重點反而會被模糊,因此信息的簡化是產(chǎn)品設(shè)計在一開始就要考慮的問題,吸引用戶關(guān)鍵的注意力遠比轟炸式信息要聰明的多。這當中什么時候應該隱藏,什么時候應該凸顯,需要把控的是用戶的心理,關(guān)于設(shè)計對用戶心理的影響,我寫過很同類題材文章,有興趣可以看我以前的發(fā)表。
原則四:通行的框架
如果我看到一款產(chǎn)品采用了市場上沒有通行的交互模式,那么我基本上可以判斷,要么屬于藝術(shù)類的展示產(chǎn)品設(shè)計,比如:很多國外的展示設(shè)計案例。要么就是外行人的作品,比如:很多缺乏產(chǎn)品經(jīng)理且初次創(chuàng)業(yè)團隊的研發(fā)。
前一種拒絕屬于對設(shè)計藝術(shù)的探求,以設(shè)計展示為目的。后一種拒絕則是對市場的藐視,處于一種對自我創(chuàng)造力的浪漫主義幻想。(事實上很多公司團隊的項目只是他們心中的幻想,既沒有市場調(diào)研,也沒有數(shù)據(jù)支持)。
產(chǎn)品設(shè)計的特性決定了它需要直接面對用戶,它與市場之間是沒有太多距離的,因此遵循市場既有的設(shè)計方式是風險最低的方法。很多時候設(shè)計師會把藝術(shù)與設(shè)計看作是一個整體,但嚴格來說,藝術(shù)與設(shè)計具有一定的界限,就好像流行和時尚也不是相同的東西,但在中國,人人往往混為一談,就連設(shè)計師也是如此。
在產(chǎn)品設(shè)計中,藝術(shù)不是第一主導,這個問題我也談過很多。上篇文章專門講市場通行框架的問題,以及為什么一定要使用通行框架。設(shè)計師需要比任何人都具備理智的認知,因為一個設(shè)計師所設(shè)計的產(chǎn)品,所面對的是無數(shù)的用戶群體,如果他是情緒化且不成熟的,那么產(chǎn)品會無法說服那么多人同時使用并且獲得人們的喜愛。
原則五:簡單的圖標
初次學習產(chǎn)品設(shè)計的人,都會爭做有創(chuàng)意的圖標,各種圖形、各種顏色組合成不同的圖標樣式,可如果看看市場上的產(chǎn)品就會發(fā)現(xiàn),成功的產(chǎn)品幾乎很少使用特別有藝術(shù)性的圖標設(shè)計,大多都是簡單的且便于識別的圖標形式。我舉個簡單的例子:
有一次,有一個人因為找不到廁所來問我,事實上廁所就在他旁邊。在廁所的門上有非常大的圖標,但是他依然找不到廁所在哪里,為什么呢?因為圖標太藝術(shù)了。
圖標在產(chǎn)品的主要用途時是通過圖形識別引導用戶的行為,在這種情況下,圖標的設(shè)計性都不是第一位(更不要提藝術(shù)性),而是識別性占第一位,凡是不具備識別性的圖標,設(shè)計的再好看,都是失敗的圖標。
所以在產(chǎn)品設(shè)計中,我反而不會把精力放在圖標設(shè)計上(特別是那些幾乎每個產(chǎn)品都會有的功能和框架),因為現(xiàn)行的圖標樣式已經(jīng)完全能夠讓用戶做到正確的識別且不會產(chǎn)生交互行為的錯誤,在這種情況下,花心思為同樣的含義和交互行為想一套全新的且咋人眼球的圖標效果,就是多此一舉。還不如好好想下色彩在產(chǎn)品中的運用以及如何選擇好的圖片和構(gòu)圖。
這就是我在產(chǎn)品設(shè)計中遵循的五個原則,或許有人會提出疑問:僅僅靠這五個原則就能把一款產(chǎn)品設(shè)計的有調(diào)性嗎?答案是:完全可以。
因為這五個原則要運用的足夠好,設(shè)計師需要掌握:色彩學的知識,藝術(shù)構(gòu)圖的理論,信息的邏輯歸納能力,市場產(chǎn)品的敏感嗅覺,以及圖形學及基本軟件操作。有了這五條能力,足以應對市場大多數(shù)產(chǎn)品的設(shè)計需求。
當然對于深度垂直類產(chǎn)品,比如:遠洋導航系統(tǒng)之類,那就是另外的話題了。通常對于這類項目,普通的設(shè)計師幾乎很少能夠有所涉及,其項目投入之大,也非一般以移動硬件為載體的研發(fā)公司可比。像這樣的項目設(shè)計幾乎都是特例的存在,無法做出統(tǒng)一的歸納,因為其功能和應對的操作環(huán)境都是特定的,這類項目不在本文討論之內(nèi),特此說明。
#專欄作家#
王沛,獨立設(shè)計師、人人都是產(chǎn)品經(jīng)理專欄作家。善于深度挖掘用戶需求,在人機交互,圖形識別設(shè)計領(lǐng)域有著豐富的從業(yè)經(jīng)驗。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Pexels,基于 CC0 協(xié)議