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