原文：http://daxiong.name/?p=2208

任何事物的發(fā)展都具備它的前進(jìn)性與曲折性.如何正確理解與規(guī)劃設(shè)計師的職業(yè)生涯成為設(shè)計師最關(guān)注和頭疼的問題.

(一) 走出理解的誤區(qū)

首先,我們需要正確理解設(shè)計師的概念,以及它存在的商業(yè)價值與社會價值.這里,我們需要將”設(shè)計師”與”美工”做出一個正確的解釋.

“設(shè)計師”是一個造物的過程,從零到壹的過程,它可細(xì)分為平面設(shè)計,軟件界面設(shè)計,網(wǎng)頁設(shè)計,工業(yè)設(shè)計等,這些屬于藝術(shù)類.同樣程序設(shè)計,系統(tǒng)架構(gòu)設(shè)計,軟件工程設(shè)計,這些也屬于設(shè)計的分類.所以,設(shè)計師,充當(dāng)了一個創(chuàng)造的角色,它的創(chuàng)意與思想決定了它的價值.

“美工”是一個美化的過程,讓事物變得更漂亮,使事物看上去讓人們更容易接受,吻合事物特定人群的喜愛.我們可以將美工理解為”潤色師”.賦予事物新鮮活力的工程師.

在互聯(lián)網(wǎng)企業(yè)的日常工作中,設(shè)計師總抱怨自己的稱呼被產(chǎn)品經(jīng)理叫做美工,從而顯得情緒激動,對產(chǎn)品經(jīng)理冷目相待.有一種食物鏈的最底層的委屈與無奈.這僅是一種錯誤的認(rèn)知罷了.知名的暴雪公司對設(shè)計師與美工劃分了明晰的工作職責(zé).兩種職位沒有高低貴賤之分.只是工作職責(zé)上有所不同.設(shè)計師進(jìn)行人物模型塑造,包括人物的肢體與器官以及裝備.美工則負(fù)責(zé)人物材質(zhì)貼圖修飾與photoshop的后期潤色工作,使人物看上去更形象更生動.

互聯(lián)網(wǎng)行業(yè)沒有明確兩塊職責(zé)的分工,或者說公司認(rèn)為設(shè)計師=美工.或者我們應(yīng)該更專業(yè)地區(qū)分互聯(lián)網(wǎng)行業(yè)的設(shè)計師定位在哪一層.

工作流程: 產(chǎn)品經(jīng)理 -> 交互設(shè)計師 -> 視覺設(shè)計師 -> 重構(gòu)工程師 -> 前端工程師

按暴雪公司的職位分析我們將互聯(lián)網(wǎng)行業(yè)的設(shè)計師進(jìn)行對應(yīng)歸位:

工作流程: 角色策劃 -> 角色設(shè)定 -> 后期美術(shù) -> 動畫工程師 -> 圖形工程師

當(dāng)然這個對應(yīng)是很多視覺設(shè)計師無法接受的事實,那么我們將職責(zé)表再排列一次:

工作流程: 產(chǎn)品原型 -> 產(chǎn)品模型架構(gòu)與用戶交互 -> 視覺美術(shù) -> 架構(gòu)焊接 -> 程序置入

如果仍然不可接受,那么我們以電影<鋼鐵俠>（Iron Man）為例:

Tony Stark在山洞里造出了一個鐵人的原始模型.我們把他看成一個產(chǎn)品經(jīng)理,孕育了一個新的事物. 后來他回到自己的工作室,進(jìn)行了產(chǎn)品優(yōu)化,包括對材質(zhì)的要求與性能的優(yōu)化以及他對多余部件的刪除與整理,使之讓鐵人更精簡,讓自己更完美地操控.我們將這個過程看作是交互設(shè)計與用戶體驗的過程.(對于他的程序設(shè)計我們不care.)最后Tony用了噴色機(jī)為鐵人噴上了漂亮的顏色.這即是一個視覺設(shè)計的過程. 即美工.

所以,結(jié)果很顯而易見,我們將職責(zé)分為兩種:

如果你的工作流程是: 產(chǎn)品經(jīng)理 -> 視覺設(shè)計師 -> 重構(gòu)工程師 -> 前端工程師 ,那么你可稱之為設(shè)計師.

如果你的工作流程是: 產(chǎn)品經(jīng)理 -> 交互設(shè)計師 -> 視覺設(shè)計師 -> 重構(gòu)設(shè)計師 -> 前端工程師 ,那么你可稱之為美工. .(這里的前提是交互設(shè)計師務(wù)必盡自己應(yīng)盡的所有職責(zé).)

(二) 附表:交互設(shè)計師的工作職責(zé)

01) 列出產(chǎn)品需要的所有視覺元素，包括圖標(biāo),標(biāo)志,窗口,按鈕等等。
02) 在一張紙上給這些視覺元素都草稿出小圖案，讓視覺設(shè)計師明白你想要的。
03) 創(chuàng)建層次框架圖，如果層次不是特明確的，批注上什么是最重要的。
04) 任何視覺限制都要提醒，比如文字大小或者顏色限制。
05) 還包括品牌使用規(guī)范，限定或者參考。
06) 讓設(shè)計師知道一個好的設(shè)計的評判標(biāo)準(zhǔn)，比如“設(shè)計必需要有很多的可讀性，只使用標(biāo)準(zhǔn)字體”。
07) 列出所有可能影響到視覺設(shè)計的技術(shù)限制，比如文件尺寸。
08) 一旦你寫了文檔說明書，附上一到兩個樣圖，然后讓視覺設(shè)計師快度的出一對粗略的原型，確保你跟視覺設(shè)計師想的是一樣的，是同一個評判優(yōu)秀設(shè)計的標(biāo)準(zhǔn)。

上文描述了交互設(shè)計師的基本工作職責(zé),它看上去更像是一個web架構(gòu)師,或者說它更像是銜接產(chǎn)品經(jīng)理與視覺設(shè)計師的紐帶.(在05年工作的時候,我還是視覺設(shè)計師,那時候行業(yè)還沒有交互設(shè)計師的概念.我的工作對象是產(chǎn)品經(jīng)理.經(jīng)過長時間的與產(chǎn)品經(jīng)理工作上的往來以及閱讀他們的PRD文檔,讓我發(fā)現(xiàn)一個不爭的事實就是作為一個設(shè)計師需要看懂專業(yè)的PRD文檔需要費很多時間,而且PRD里面缺少一些設(shè)計師特需的元素.當(dāng)時和營銷拓展組總監(jiān)dpeng建議,我希望承擔(dān)PM與DESIGNER之間的銜接工作.工作內(nèi)容即是將PRD文檔輸出成視覺設(shè)計師需要的產(chǎn)品模型圖及元素表.由于那時候沒有明確的崗位定義與工作職責(zé)要求和KPI指標(biāo),所以dingke也只是口頭上給我多增加了一份工作.)

(三) 從量變到質(zhì)變

“不積跬步,無以至千里.不積小流,無以成江海.騏驥一躍,不能十步.駑馬十駕,功在不舍.”<荀子·勸學(xué)>里的句子.深刻地描寫了量變和質(zhì)變是事物運動發(fā)展的兩種狀態(tài),事物總是在不斷運動變化著的.總是從小及大,經(jīng)過逐步積累從而達(dá)到本質(zhì)性的變化.

對于位居食物鏈底層的設(shè)計師來說,需要有很強(qiáng)的危機(jī)感與生存感.要讓自己高速成長的唯一途徑就是量化設(shè)計,不斷地學(xué)習(xí)和動手,不斷摸索與反思.你會發(fā)現(xiàn)隨著時間的推移,設(shè)計的技能有了明顯的轉(zhuǎn)變.

量化的標(biāo)準(zhǔn)并不是大數(shù)量的設(shè)計和無限制的時間.而是在有限的時間完成無限的設(shè)計任務(wù).這是一個熟能生巧的過程,是一個量變到質(zhì)變的過程.也可以說是一個基本功的鍛煉過程.堅實的基礎(chǔ)與扎實的底子將為你的成長打下最堅實的地基.

(四) 創(chuàng)意,商業(yè)設(shè)計師的噩耗

對于設(shè)計師而言,掛在嘴邊的創(chuàng)意是什么？創(chuàng)意是傳統(tǒng)的叛逆;是打破常規(guī)的哲學(xué);是大智大勇的同義;是導(dǎo)引遞進(jìn)升華的圣圈;是一種智能拓展;是一種文化底蘊(yùn);是一種閃光的震撼;是破舊立新的創(chuàng)造與毀滅的循環(huán);是宏觀微照的定勢;是點題造勢的把握;是跳出廬山之外的思路;超越自我,超越常規(guī)的導(dǎo)引;是智能產(chǎn)業(yè)神奇組合的經(jīng)濟(jì)魔方;是思想庫、智囊團(tuán)的能量釋放;是深度情感與理性的思考與實踐;是思維碰撞、智慧對接;是創(chuàng)造性的系統(tǒng)工程;是投資未來、創(chuàng)造未來的過程.簡而言之,創(chuàng)意就是具有新穎性和創(chuàng)造性的想法.

有三類設(shè)計師,他們有著完全分別的風(fēng)格.第一類,他們似乎在引領(lǐng)設(shè)計的潮流卻被人們所唾棄.另一類,他們的創(chuàng)意顯得保守并得到人們的贊美.另一類,扼殺在搖籃里的設(shè)計師.

三類創(chuàng)意人群告訴我們,創(chuàng)意,并不是憑空凌駕于萬物之上.任何事物都有它的基本和依托,任何獨立的個體都將滅亡.

第一類,新銳設(shè)計師,他們走在時尚的最前沿,想法大膽,嘗試著不同的設(shè)計風(fēng)格,是時代的服務(wù)商.他們的作品不受任何商業(yè)條件的制約.
第二類,商業(yè)設(shè)計師,他們往往顯得較為保守,會依照產(chǎn)品以及商業(yè)性進(jìn)行設(shè)計.
第三類,走丟的商業(yè)設(shè)計師,他們往往不太了解自己的設(shè)計.不知道重點在哪兒.

商業(yè)設(shè)計師,很容易理解,工作作品具備一定的商業(yè)價值,一般領(lǐng)薪水替公司工作的設(shè)計師都叫做商業(yè)設(shè)計師. 我更關(guān)心走丟了的商業(yè)設(shè)計師.似乎他們看上去很不錯,可惜作品不具備優(yōu)秀的商業(yè)價值,甚至一些創(chuàng)意與作品被扼殺在搖籃里.

設(shè)計師,總認(rèn)為自己夠創(chuàng)意,就一定是優(yōu)秀的.所以信心滿滿的他們努力要求自己的每一件作品都要有創(chuàng)意,最好成為同行業(yè)的第一人.

為什么騰訊80%的產(chǎn)品模式不愿意成為行業(yè)的開拓者? 因為市場有風(fēng)險,兜里有計劃,所以,還有什么值得擔(dān)心的呢?好比打仗,沖得越快埋得越早.

互聯(lián)網(wǎng)行業(yè)里的視覺設(shè)計師,他們似乎有一種凌駕于萬物之上的勇氣,他們總想站在最高的的地方接受洗禮.”創(chuàng)意”成為了他們制勝的法寶. 于是他們滿腦子的想法要表現(xiàn)在自己的商業(yè)設(shè)計作品里面.

(五) 產(chǎn)品經(jīng)理與設(shè)計師的溝通

PRD,(Product Requirements Document),產(chǎn)品需求文檔,我們說得更通俗一些就是:PRD將告訴設(shè)計師,我要的都在上面,你務(wù)必要給我這些,并根據(jù)我的要求給我.這是PRD文檔的專業(yè)性和權(quán)威性.所以產(chǎn)品經(jīng)理與設(shè)計師之間的喋喋不休是否可以告一段落.

互聯(lián)網(wǎng)行業(yè)的產(chǎn)品經(jīng)理和設(shè)計師可以比喻為地主與長工的故事.如果要說,可以說上幾天幾夜.這個問題已經(jīng)成為歷史,無法得到根治.任何時間任何區(qū)域,只要存在合作,就會有糾紛.這個問題到底出在什么地方?

我們先列出產(chǎn)品經(jīng)理的抱怨:
01) 設(shè)計稿并不是我想要的,包括整體風(fēng)格顏色,按鈕的設(shè)計風(fēng)格,以及一些插圖的風(fēng)格.還有文字字體顏色.
02) 我希望這一個版塊內(nèi)容從視覺上能突出一些.
03) 可以嘗試另外一種風(fēng)格的設(shè)計嗎?
04) 能直接抄xxx這個設(shè)計嗎,能直接套用嗎?
05) 我覺得不好看,但我也不知道怎么辦.

設(shè)計師的抱怨:
01) 我TMD想殺死你!
02) 你怎么不自己設(shè)計!
03) 你到底想要什么樣子的?
04) 又要改!我日!

OK,由此我們可以看出設(shè)計師的情緒不太穩(wěn)定.容易上火.所以,可以適當(dāng)?shù)卦谧约旱淖簧蟼湟恍┩趵霞?(開個玩笑)

根據(jù)力學(xué)原理判斷.錯不在于一方,即是潛移默化的排擠與抵觸的情緒在導(dǎo)致事件升級.那么我們來了解一下雙方認(rèn)為優(yōu)秀的對方應(yīng)該是什么樣子呢.

產(chǎn)品經(jīng)理衡量優(yōu)秀設(shè)計師的標(biāo)準(zhǔn):
01) 這就是我想要的
02) 設(shè)計圖真漂亮

設(shè)計師衡量優(yōu)秀產(chǎn)品經(jīng)理的標(biāo)準(zhǔn).
01) 他對我很客氣
02) 他基本上不讓我怎么改動
03) 他喜歡我的設(shè)計

其實,很簡單.大家的要求都很明確.如何做到這些呢?問題似乎已經(jīng)很明顯了.
PM] 這就是我想要的
DESIGNER] 他基本上不讓我怎么改動

為什么叫”產(chǎn)品經(jīng)理給設(shè)計師下需求?” 什么叫需求? 需要與要求! 什么叫PRD,裝載PM的需要和要求的文檔.問題便更明顯了.

產(chǎn)品經(jīng)理應(yīng)該做到:
01) 產(chǎn)品經(jīng)理需要完整書寫PRD文檔,以及對產(chǎn)品設(shè)計的視覺細(xì)節(jié)要求,(如果不能書寫準(zhǔn)確和完整視覺要求,可以由交互設(shè)計師完成,或者由leader或者導(dǎo)師完成.)
02) 產(chǎn)品經(jīng)理需要在設(shè)計師開始著手前給設(shè)計師講解自己的PRD文檔.
03) 避免頻繁的細(xì)節(jié)修改.將意見整理與匯總成郵件形式發(fā)送給設(shè)計師.
04) 尊重設(shè)計的意見,讓自己的意見成為指引,而非結(jié)果或者設(shè)計方案.
05) 讓設(shè)計師了解你的工作.
06) 盡量避免設(shè)計專業(yè)領(lǐng)域的話題.
07) 沒有設(shè)計風(fēng)格是能被復(fù)制和運用在不同產(chǎn)品的,只有”借鑒”,沒有”抄”.

設(shè)計師應(yīng)該做到:
01) 完整理解PRD文檔,并要求產(chǎn)品經(jīng)理為自己講解.
02) 快速定義出demo稿,與產(chǎn)品經(jīng)理確認(rèn)方向是否吻合.
03) 將產(chǎn)品經(jīng)理的意見分解為產(chǎn)品標(biāo)準(zhǔn),用不同的設(shè)計方式達(dá)到其結(jié)果.
04) 讓產(chǎn)品經(jīng)理了解你的設(shè)計思路以及權(quán)威的學(xué)術(shù)理論.

(六) 反復(fù)溝通與反復(fù)修改

“設(shè)計” ,”言”字旁,”幾”,”又”組合而成,代表反復(fù)溝通.”計”,”言”字旁,”十”,反復(fù)修改.似乎漢字的由來告知了一切事物的真諦.事實證明了只有反復(fù)地溝通了解產(chǎn)品的前提下反復(fù)修改和完善自己的設(shè)計稿,才可能達(dá)到最佳的商業(yè)價值.

面對”修改”的心態(tài)成為設(shè)計師最頭疼的問題,正確地認(rèn)識問題是成為優(yōu)秀的標(biāo)準(zhǔn).當(dāng)設(shè)計師真正了解產(chǎn)品經(jīng)理的意見,也就真正了解了產(chǎn)品的意義,以及產(chǎn)品背后蘊(yùn)涵的無窮的商業(yè)設(shè)計的價值與戰(zhàn)略.

(七) 如何成為優(yōu)秀的視覺設(shè)計師

如何成為產(chǎn)品經(jīng)理心目中的優(yōu)秀設(shè)計師,如何從反復(fù)的修改到一次完工.這并不是不可能的任務(wù).或許就有事實就發(fā)生在我們身邊.

那么作為優(yōu)秀的互聯(lián)網(wǎng)設(shè)計師,需要的必要條件:

01) 能夠看懂PRD文檔,了解產(chǎn)品經(jīng)理的字面需求以及深度需求.
02) 對工作所需的軟件能夠運用自如.
03) 對你負(fù)責(zé)的產(chǎn)品有深入的體驗以及了解.
04) 了解同行業(yè)產(chǎn)品的優(yōu)劣勢.
05) 會完整書寫同行產(chǎn)品視覺分析報告以及產(chǎn)品功能特性分析報告.
06) 能夠清楚地知道自己的設(shè)計是否會增加其他工作流線上同事的負(fù)擔(dān)或者理想的設(shè)計效果根本無法成為現(xiàn)實.
07) 從設(shè)計開始到結(jié)束,思路緊密,不會自己返工.
08) 會把自己的作品與同行同事和非同行同事交流,聽取他們的意見,并做出調(diào)整.
09) 會花時間整理和記錄一些產(chǎn)品的體驗報告.
10) 會表達(dá)自己的設(shè)計作品包含設(shè)計思路,參考對象,處理手法,等等.
11) 掌握兩到三種設(shè)計風(fēng)格.
12) 能夠針對性地對其它設(shè)計作品給出專業(yè)性和參考性的意見和建議.
13) 知道”沒有最好的設(shè)計,只有適合的設(shè)計”的真正含義.
14) 具備被同行與非同行所認(rèn)可的素質(zhì).
15) 掌握交互設(shè)計與產(chǎn)品知識.
16) 思想高過你的設(shè)計技能.

這樣的設(shè)計師,是行業(yè)所期待的.自然驗證了其設(shè)計師的商業(yè)價值與地位,以及具備的不可替代性.這是我走出設(shè)計,從團(tuán)隊管理到產(chǎn)品經(jīng)理再到項目管理這2年多來的感悟.讓我真正明白了作為設(shè)計師應(yīng)該如何成長.如何塑造與完善自己的職業(yè)生涯.如何創(chuàng)造自己的商業(yè)價值.僅以此文與廣大設(shè)計師與產(chǎn)品經(jīng)理分享.希望某一句或者某個詞對大家或者對方,都有新的認(rèn)識和理解.這也是本文最重要的意義.(文章結(jié)構(gòu)寫得有點亂,屬于回頭感言,)