產(chǎn)品經(jīng)理與設(shè)計(jì)師在日常的工作中聯(lián)系緊密，文章簡(jiǎn)要介紹的設(shè)計(jì)師的幾個(gè)工作崗位以及幾個(gè)常見(jiàn)的設(shè)計(jì)常識(shí)，幫助產(chǎn)品經(jīng)理們更好的了解設(shè)計(jì)，從而實(shí)現(xiàn)與設(shè)計(jì)師的高效溝通。

通常在一個(gè)項(xiàng)目中，產(chǎn)品經(jīng)理往往和設(shè)計(jì)師是最親密的人昂為尼。如果把一個(gè)互聯(lián)網(wǎng)產(chǎn)品比作一棟摩天大樓，那么產(chǎn)品經(jīng)理便是這棟大樓框架和功能的設(shè)計(jì)者，而我們通常所說(shuō)的UI設(shè)計(jì)、交互設(shè)計(jì)則更多的考慮的是整棟大樓的外觀裝修、每個(gè)樓層的布局、導(dǎo)航設(shè)計(jì)及用戶體驗(yàn)等。

在整個(gè)互聯(lián)網(wǎng)公司的職能崗位中，也只有產(chǎn)品經(jīng)理和設(shè)計(jì)師是比較貼近藝術(shù)家氣質(zhì)的，在他們口中經(jīng)常討論的畢加索、原研哉、深澤直人、喬納森艾弗等在外人看來(lái)都是少有了解的人物，他們還追求細(xì)節(jié)的打磨，不斷苛求產(chǎn)品的完美，甚至很多時(shí)候不自覺(jué)地在設(shè)計(jì)過(guò)程中，就帶入了自己的情感色彩和審美偏好，只是常常不自知而已。由于設(shè)計(jì)師更多的是“形象化表達(dá)”，保證產(chǎn)品好用、易用，能讓用戶在使用產(chǎn)品的體驗(yàn)過(guò)程中產(chǎn)生愉悅感，所以，我們也常常稱他們?yōu)橛脩趔w驗(yàn)設(shè)計(jì)師，在公司部門中也可以劃分到用戶體驗(yàn)部門。

但他們兩者又有很多的不同，比如說(shuō)產(chǎn)品經(jīng)理的事情多而雜，設(shè)計(jì)師則往往比較專注于產(chǎn)品設(shè)計(jì)；比如說(shuō)產(chǎn)品經(jīng)理思考產(chǎn)品更多的是從用戶需求出發(fā)，而設(shè)計(jì)師則往往注重的是顏值表達(dá)；比如說(shuō)產(chǎn)品經(jīng)理更多依靠的是邏輯思維和結(jié)構(gòu)化思維，設(shè)計(jì)師們大多都是偏感性一些。

產(chǎn)品經(jīng)理和設(shè)計(jì)師最大的不同，在于產(chǎn)品經(jīng)理也許不僅僅是一個(gè)人文藝術(shù)家，他還是一個(gè)商業(yè)實(shí)踐者，所以在產(chǎn)品設(shè)計(jì)的過(guò)程之中，需要不斷地跟我們的設(shè)計(jì)師們?nèi)プ鰷贤?，提醒他們我們的設(shè)計(jì)目標(biāo)是什么，做這個(gè)功能服務(wù)的背后到底依存的是怎樣的一套邏輯。

產(chǎn)品經(jīng)理既然想和設(shè)計(jì)師愉快地進(jìn)行溝通，當(dāng)然得先了解設(shè)計(jì)師這類崗位，都有哪些工種。

用戶體驗(yàn)部門的各種崗位職責(zé)

1、用戶研究員（User ?Researcher）

用研這個(gè)崗位，通常來(lái)說(shuō)在大公司里才有配置，絕大多數(shù)創(chuàng)業(yè)型互聯(lián)網(wǎng)公司還沒(méi)有安排這樣一個(gè)專門的崗位。他們主要是做用戶研究工作，通過(guò)各種方法（包含定性和定量等）來(lái)進(jìn)行用戶研究，給產(chǎn)品決策者提供建議。在創(chuàng)業(yè)公司，這樣的事情一般就是產(chǎn)品經(jīng)理自己代勞了。

2、交互設(shè)計(jì)師（Interaction ?Designer）

交互設(shè)計(jì)師中的交互是指人和計(jì)算機(jī)器之間的交流與互動(dòng)，一個(gè)交互設(shè)計(jì)師需要關(guān)注的是用戶的使用體驗(yàn)，但是他們更多地還是著眼于如何將這種影響體現(xiàn)在用戶界面的信息架構(gòu)，用戶操作的流程上，典型的工作有導(dǎo)航設(shè)計(jì)、流程設(shè)計(jì)等。拿設(shè)計(jì)一個(gè)網(wǎng)站來(lái)說(shuō)，交互設(shè)計(jì)師需要使用流程圖，線框圖將用戶與網(wǎng)站的 “交互” 流程，網(wǎng)站的信息架構(gòu)可視化出來(lái)，以得到反饋，確保與開發(fā)人員的有效溝通。

3、視覺(jué)設(shè)計(jì)師（Visual? Designer）

不可否認(rèn)的一點(diǎn)是，迄今為止，依然有不少外行人稱呼UI設(shè)計(jì)師為美工。UI 設(shè)計(jì)師通常需要更多的圖形設(shè)計(jì)技能，需要熟練地使用 PS 或 AI，他們經(jīng)常上的網(wǎng)站是 dribbble，癡迷于圓角，陰影和漸變，關(guān)注每一個(gè)像素，還有配色方案、字體字號(hào)等。當(dāng)然，在一些公司里，他們還常常要將模糊的 “需求” 直接轉(zhuǎn)化為用戶界面，甚至有時(shí)候可能也需要一些開發(fā)技能。UI設(shè)計(jì)師與交互設(shè)計(jì)師的界限也挺模糊的，強(qiáng)大的UI設(shè)計(jì)通常都會(huì)自帶交互技能。

產(chǎn)品經(jīng)理需要了解的一些設(shè)計(jì)常識(shí)

其實(shí)設(shè)計(jì)本身是一門理性的學(xué)科，審美因人而異，只有言之有理的設(shè)計(jì)才能夠說(shuō)服別人。當(dāng)設(shè)計(jì)師拿到產(chǎn)品的原型開始做設(shè)計(jì)時(shí)，如果只是單純的按照原型進(jìn)行而不考慮任何規(guī)則，那么很多時(shí)候就會(huì)產(chǎn)生一些不協(xié)調(diào)的結(jié)果。

所以，一些比較厲害的設(shè)計(jì)的大牛便總結(jié)了一些常見(jiàn)的設(shè)計(jì)原則和常識(shí)，來(lái)指導(dǎo)設(shè)計(jì)新手進(jìn)行產(chǎn)品設(shè)計(jì)，產(chǎn)品經(jīng)理當(dāng)然也是有必要去了解這些設(shè)計(jì)常識(shí)的。

1、信息的排布——對(duì)齊/重復(fù)/親密/對(duì)比

對(duì)任何信息進(jìn)行排布的時(shí)候，首先必須要掌握的是對(duì)齊/重復(fù)/親密/對(duì)比，貫穿設(shè)計(jì)的四大原則。

對(duì)齊除了能建立一種清晰精巧的外觀，還能方便開發(fā)的實(shí)現(xiàn)。基于從左上至右下的閱讀習(xí)慣，移動(dòng)端界面中內(nèi)容的排布通常使用左對(duì)齊和居中對(duì)齊，表單填寫的輸入項(xiàng)使用右對(duì)齊。

對(duì)齊原則

設(shè)計(jì)和做其他事情一樣，也要有輕重緩急之分，不要讓用戶去找重點(diǎn)/需要注意的地方，應(yīng)該讓用戶流暢地接收到我們想要傳達(dá)的重要的信息。重復(fù)和對(duì)比是一套組合拳，讓設(shè)計(jì)中的視覺(jué)元素在整個(gè)設(shè)計(jì)中重復(fù)出現(xiàn)既能增加條理性也可以加強(qiáng)統(tǒng)一性，降低用戶認(rèn)知的難度。而在需要突出重點(diǎn)的時(shí)候就可以使用對(duì)比的手法，例如圖片大小的不同或者顏色的不同表示強(qiáng)調(diào)，讓用戶直觀地感受到最重要的信息。

重復(fù)原則

對(duì)比原則

在排布復(fù)雜信息的時(shí)候，如果沒(méi)有規(guī)則地排布那么文本的可讀性就會(huì)降低。組織信息可以根據(jù)親密性的原則，把彼此相關(guān)的信息靠近，歸組在一起。如果多個(gè)項(xiàng)相互之間存在很近的親密性，它們就會(huì)成為一個(gè)視覺(jué)單元，而不是多個(gè)孤立的元素。這有助于減少混亂，為讀者提供清晰的結(jié)構(gòu)。

親密原則

2、留白的藝術(shù)

不單單是文字和圖片需要設(shè)計(jì)，留白也是構(gòu)成頁(yè)面排版必不可少的因素。所有的白都是“有目的的留白”，帶有明確的目的來(lái)控制頁(yè)面的空間構(gòu)成。

留白的藝術(shù)

3、黃金分割線

運(yùn)用幾何學(xué)的手法是設(shè)計(jì)師的利器之一，其中就包括黃金分割。這個(gè)從貝類完美的生長(zhǎng)方式中提煉出的曲線，改變了所有人的審美。事實(shí)上人體也具有同樣的完美比例，人體的高度與伸展開的手臂形成了一個(gè)正方形將人體圍住，而手和腳正好落在以肚臍為圓心的圓上，肚臍位于黃金分割點(diǎn)上，這在文藝復(fù)興時(shí)期的藝術(shù)家達(dá)芬奇和丟勒的《完美的比例》《人體比例四書》也都有記載。

人體的黃金分割

黃金分割比例在設(shè)計(jì)中的運(yùn)用非常廣泛，比如文本與線段的間隔，圖片的長(zhǎng)寬比、通欄高度的設(shè)定等地方都可以通過(guò)黃金分割比快速的設(shè)定。最典型的例子，就是蘋果操作系統(tǒng)的APP圖標(biāo)設(shè)計(jì)，也是符合這個(gè)比例的。

蘋果手機(jī)內(nèi)的圖標(biāo)

4、視覺(jué)設(shè)計(jì)規(guī)范

所謂的設(shè)計(jì)規(guī)范，其實(shí)是對(duì)設(shè)計(jì)的具體細(xì)節(jié)、技術(shù)要求，是設(shè)計(jì)工作的規(guī)則和邊界，是一種為了提高設(shè)計(jì)效率和質(zhì)量，保證產(chǎn)品體驗(yàn)一致性的東西。它包含很多的內(nèi)容，比如說(shuō)交互設(shè)計(jì)規(guī)范、色彩規(guī)范、圖標(biāo)規(guī)范、控件規(guī)范、字體規(guī)范等等。

規(guī)范這東西并不是隨著產(chǎn)品的誕生而形成的，而是在產(chǎn)品不斷發(fā)展、成熟的過(guò)程中，慢慢梳理起來(lái)的。但通常來(lái)說(shuō)，做設(shè)計(jì)規(guī)范并不是一件簡(jiǎn)單的事情，因?yàn)檫@對(duì)設(shè)計(jì)師的能力要求比較高，也非常耗費(fèi)設(shè)計(jì)團(tuán)隊(duì)的時(shí)間。但產(chǎn)品經(jīng)理還是有必要了解一下，像IOS和早些年的Android（現(xiàn)在已經(jīng)統(tǒng)一改用Material Design）設(shè)計(jì)規(guī)范就屬于給產(chǎn)品經(jīng)理看的，里面寫的東西大多圍繞如何選擇大的方向、哪種處理方式更加合理展開的，界面細(xì)節(jié)卻沒(méi)有怎么詳細(xì)介紹。

如果有條件，項(xiàng)目完成之后，建議產(chǎn)品經(jīng)理可以和你們公司的設(shè)計(jì)師們溝通一下，把產(chǎn)品的設(shè)計(jì)規(guī)范給梳理一下，這樣能夠更方便地延續(xù)產(chǎn)品的未來(lái)發(fā)展，是指導(dǎo)設(shè)計(jì)的有利工具。

設(shè)計(jì)規(guī)范示例

如何與設(shè)計(jì)師溝通

大致學(xué)習(xí)了一番設(shè)計(jì)師的崗位職責(zé)和設(shè)計(jì)常識(shí)，我們來(lái)開始了解一下具體如何與設(shè)計(jì)師進(jìn)行溝通。

總體來(lái)說(shuō)，設(shè)計(jì)師的工作其實(shí)很不容易，因?yàn)槊總€(gè)人對(duì)設(shè)計(jì)都有自己的觀點(diǎn)，也正因這個(gè)原因，設(shè)計(jì)師很少會(huì)被當(dāng)做專家來(lái)對(duì)待。

通常的情景可能是這樣的：

有一天，老板心血來(lái)潮，想了一個(gè)他覺(jué)得很流弊的idea，于是繞過(guò)產(chǎn)品經(jīng)理直接把設(shè)計(jì)叫到會(huì)議室，一番簡(jiǎn)單地安利，之后就是功能需求、用戶體驗(yàn)什么的等各種高大上的詞匯不斷蹦出，白板上啪啪啪各種大字、箭頭、三角形、四方形什么的。

設(shè)計(jì)師自然是邊聽(tīng)邊點(diǎn)頭，偶爾問(wèn)幾個(gè)問(wèn)題，然后就是各種紙筆、拍照什么的趕緊記下?；氐阶簧希s緊回憶整理記錄，Sketch、OmniGraffle、PS各種打開，低保真、高保真、UI設(shè)計(jì)稿各種輸出。好不容易弄完了，你看著設(shè)計(jì)稿，各種得意，@給老板，老板打開信息一看，嗯，這個(gè)按鈕位置放上去一點(diǎn)會(huì)更好，這個(gè)頁(yè)面仿著微信某某頁(yè)面做估計(jì)不錯(cuò)，這個(gè)顏色不行，不夠大氣，還有這個(gè)、這個(gè) and 這個(gè)…

設(shè)計(jì)師在這個(gè)階段基本就被虐的死去活來(lái)了，心態(tài)不行的估計(jì)想死的心都有了，但又不好發(fā)作，只好點(diǎn)點(diǎn)頭說(shuō)，好的，我回去再改下。

之后就是修改、修改、修改、修改，在改到第N稿之后，拿著最新的設(shè)計(jì)稿，弱弱的問(wèn)老板，這個(gè)你看行么？老板說(shuō)：不錯(cuò)，高端大氣上檔次，就按這個(gè)來(lái)。

此處的老板，基本可以換算成“產(chǎn)品經(jīng)理”。

但其實(shí)，我們會(huì)發(fā)現(xiàn)這并不是一個(gè)很好的溝通方式，每個(gè)人都有自己的工作方式，設(shè)計(jì)師也是一樣的。有些設(shè)計(jì)師會(huì)比旁人更敏感一些，有些設(shè)計(jì)師則要寬容許多。有些設(shè)計(jì)師也許樂(lè)于聽(tīng)到“感覺(jué)字體可以更大點(diǎn)”這類評(píng)價(jià)，有些設(shè)計(jì)師要是聽(tīng)到你這樣說(shuō)會(huì)恨不得重?fù)裟阋蝗?/p>

所以，產(chǎn)品經(jīng)理在和設(shè)計(jì)師溝通的過(guò)程中，可以遵循下面的一些建議，或許會(huì)收到一些意向不到的結(jié)果。

1、從用戶的角度出發(fā)

產(chǎn)品經(jīng)理在跟設(shè)計(jì)師pk設(shè)計(jì)稿的過(guò)程中，需要不斷地反饋?zhàn)约旱脑O(shè)計(jì)意見(jiàn)，如果反饋的時(shí)候能夠更多地從用戶的角度出發(fā)，使用用戶的口吻，比如說(shuō)“作為【某種用戶類型】我想……”這樣的開頭方式，其實(shí)是非常有效的一種溝通方式。

2、強(qiáng)調(diào)業(yè)務(wù)目標(biāo)

前面提到過(guò)設(shè)計(jì)師比較缺乏商業(yè)感，所以在設(shè)計(jì)產(chǎn)品的過(guò)程中，往往會(huì)忘記產(chǎn)品設(shè)計(jì)的目標(biāo)具體是什么。產(chǎn)品經(jīng)理是有義務(wù)和責(zé)任去幫助設(shè)計(jì)師了解他必須解決的問(wèn)題是什么。設(shè)計(jì)師們每天要做出上千個(gè)決策，他們根據(jù)自身豐富的經(jīng)驗(yàn)來(lái)優(yōu)化產(chǎn)品。你能夠幫得上忙的便是確保他們能理解你的目標(biāo)。但是，產(chǎn)品經(jīng)理在講述目標(biāo)的時(shí)候需要將目標(biāo)講解具體詳細(xì)，例如：“我們的目標(biāo)不是為了讓更多的用戶進(jìn)入到產(chǎn)品中來(lái)，而不是僅僅為了一部分小眾用戶，所以設(shè)計(jì)風(fēng)格能不能不要這么有調(diào)性”。

3、用數(shù)據(jù)來(lái)說(shuō)話

設(shè)計(jì)師都是一群偏感性的人，正因?yàn)檫@樣，他們?cè)诋a(chǎn)品設(shè)計(jì)的過(guò)程中，才更有可能出現(xiàn)比較主觀的東西，比如以“這感覺(jué)……”或“我喜歡……”開頭的句子。產(chǎn)品經(jīng)理在這個(gè)時(shí)候就需要拿產(chǎn)品數(shù)據(jù)來(lái)進(jìn)行說(shuō)話和調(diào)教了，比如說(shuō)某個(gè)頁(yè)面的用戶點(diǎn)擊數(shù)、停留時(shí)長(zhǎng)等等，用數(shù)據(jù)來(lái)說(shuō)話是一種高效的手段和方法。

4、提供一些競(jìng)品案例

產(chǎn)品經(jīng)理和設(shè)計(jì)師一樣，平常都會(huì)把玩大量的APP和產(chǎn)品，從中獲取產(chǎn)品設(shè)計(jì)的靈感。與設(shè)計(jì)師一起分析競(jìng)爭(zhēng)對(duì)手的體驗(yàn)，將幫助你創(chuàng)建一套集大成的設(shè)計(jì)語(yǔ)言。同時(shí)，也能加深產(chǎn)品經(jīng)理和設(shè)計(jì)師的協(xié)同感，如何設(shè)計(jì)的更好，才能把對(duì)手給比下去，此刻好像終于站在了一條戰(zhàn)線。當(dāng)然，這里切忌出現(xiàn)上面情景描述中出現(xiàn)的情況，就是直接讓UI照抄某個(gè)產(chǎn)品的某個(gè)頁(yè)面，這樣只會(huì)讓設(shè)計(jì)師的毫無(wú)成就感。

總的來(lái)說(shuō)，產(chǎn)品經(jīng)理和設(shè)計(jì)師還是具有很多共同語(yǔ)言的，他們?cè)谌宋纳系慕涣鲿?huì)比較多，如果遇到高手過(guò)招，常常會(huì)觸碰出思想的火花，從而一起將產(chǎn)品設(shè)計(jì)的更加完美。

#專欄作家#

壹百度，微信公眾號(hào)：倒退集，人人都是產(chǎn)品經(jīng)理專欄作家。在線教育企業(yè)服務(wù)領(lǐng)域產(chǎn)品經(jīng)理，創(chuàng)業(yè)公司Team Leader。曾主導(dǎo)多款重量級(jí)產(chǎn)品的產(chǎn)品策劃和設(shè)計(jì)工作。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。