如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

寫(xiě)在前面：

設(shè)計(jì)是一門溝通的藝術(shù)，跟信息的溝通，跟設(shè)計(jì)的溝通，跟人的溝通，都是在溝通中獲取信息，達(dá)到目的。

下面我分享幾個(gè)自身工作的經(jīng)驗(yàn)，希望對(duì)大家有所幫助。

01?走在設(shè)計(jì)前面，與需求溝通

設(shè)計(jì)，用溝通的方式，解決需求。用溝通到的信息，表現(xiàn)目的。從看到需求，再到與需求方溝通，直到完成作品。這前，中，后期的工作環(huán)節(jié)中，唯一不能少的就是：溝通。

少了前期與需求方的溝通，你可能會(huì)在無(wú)修止的改圖當(dāng)中，一點(diǎn)點(diǎn)的磨滅自己的激情。

少了中期與設(shè)計(jì)的溝通，你可能會(huì)在畫(huà)面中肆意發(fā)揮，添加那些所謂的流行元素，最后導(dǎo)致整體主題不明，主次不分。

少了后期與前端的溝通，最后的上線稿不忍直視，面目全非。

和需求方溝通的5種技巧

1?用參考溝通

在當(dāng)面與需求方溝通前，根據(jù)既定的活動(dòng)文案和玩法，先試著去網(wǎng)上搜索一些相近的、相同的、有啟發(fā)性的參考設(shè)計(jì)，發(fā)給需求方進(jìn)行預(yù)覽。用來(lái)溝通需求方的喜好，明確接下來(lái)該走的方向，最后達(dá)成對(duì)風(fēng)格的整體認(rèn)知。

用參考去溝通，這里所示的找參考并非是圈死設(shè)計(jì)師的思路，一味照著參考去抄襲。而是在中國(guó)現(xiàn)有的二三線城市里（毫不夸張的說(shuō)，一線小公司也有這樣的）中小企業(yè)的需求方，在審美上需要設(shè)計(jì)師去引導(dǎo)。

舉個(gè)例子

這種因?yàn)榍捌跍贤ú坏轿唬萑搿安履阆矚g”的原因在于：

1?沒(méi)有進(jìn)行前期的初探，盲目的做了版自己認(rèn)為的風(fēng)格，那么斃稿的可能性就會(huì)很大。

設(shè)計(jì)師與需求人（運(yùn)營(yíng)，產(chǎn)品，BOSS）對(duì)設(shè)計(jì)感覺(jué)的認(rèn)知，設(shè)想不一樣。在些傳統(tǒng)老板的眼中，可能喜慶感就只有中國(guó)紅、中國(guó)黃之類的表現(xiàn)，才能算是喜慶的固有認(rèn)識(shí)。

而如果，前期通過(guò)類似的風(fēng)格參考進(jìn)行溝通，你們之間就會(huì)在整體的風(fēng)格認(rèn)識(shí)上，元素運(yùn)用上，顏色選擇上，達(dá)成部分的審美認(rèn)知。這樣的溝通方式，對(duì)于后期的改稿可能性就會(huì)小很多。

PS：當(dāng)然如果你的需求方是很專業(yè)的那種，而且你們經(jīng)常合作的那種，那你在前期的溝通的環(huán)節(jié)中都可以省掉這一步，直接開(kāi)工。

這一步很重要：

在開(kāi)工前，多找?guī)讖埾嘟膮⒖冀o需求方看，通過(guò)參考去引導(dǎo)需求，也是溝通的一種技巧。

2?拿紙筆記錄

在當(dāng)面與需求方溝通中，會(huì)相互交換彼此的看法，隨時(shí)啟發(fā)出那靈光一現(xiàn)的創(chuàng)意。那如果你在溝通中沒(méi)有隨手做記錄的話，可能就會(huì)溜掉一個(gè)或許很精彩的創(chuàng)意點(diǎn)。

在溝通的過(guò)程中，養(yǎng)成拿紙筆記錄需求的點(diǎn)點(diǎn)滴滴，我覺(jué)得是個(gè)很好的方法。包括隨時(shí)帶個(gè)小本子，記錄靈感也是個(gè)不錯(cuò)的習(xí)慣。寫(xiě)在本子上的內(nèi)容，也可以當(dāng)成工作日?qǐng)?bào)，把需求明細(xì)化不是么。

舉個(gè)例子

這種因?yàn)樵跍贤ㄖ袥](méi)有走心，不做相應(yīng)筆記而產(chǎn)生的“問(wèn)問(wèn)問(wèn)”的原因在于：

1?會(huì)上走神：沒(méi)有記重點(diǎn)內(nèi)容及設(shè)計(jì)需要消化的工作量；

2?沒(méi)帶工具：溝通中出現(xiàn)的靈感，沒(méi)有急時(shí)用紙筆、或者手機(jī)記事本記錄；

這一步很重要：

帶紙筆溝通的目地是，不露掉任何有用的信息。

3?帶點(diǎn)子過(guò)去

在拿到需求的第一時(shí)間內(nèi)，針對(duì)需求方給到的資料，針對(duì)性的想一些點(diǎn)子，找一些參考，然后再去當(dāng)面溝通，其實(shí)挺奏效的。

它關(guān)鍵的地方在于：當(dāng)你在與需求方開(kāi)討論會(huì)的時(shí)候，不會(huì)腦中無(wú)物，心中沒(méi)數(shù)，然后懵逼似的被人牽著走。甚至交活的時(shí)間都?jí)嚎s了，你也還呈現(xiàn)懵逼狀。

舉個(gè)例子

上面的這種溝通場(chǎng)景是不是很“爽歪歪”：

1?用你的專業(yè)建議去引導(dǎo)需求人；

2?會(huì)學(xué)識(shí)別中間人摻雜的個(gè)人要求；

這一步很重要：

其實(shí)無(wú)論是在電商公司，還是設(shè)計(jì)公司，亦或者利用業(yè)余時(shí)間接的私活，在拿到需求方給的零散的的內(nèi)容后，我們要做的第一步，是先去認(rèn)識(shí)這個(gè)需求，給需求做個(gè)評(píng)估（比如：時(shí)間評(píng)估、功能評(píng)估等），做到對(duì)需求的心中有數(shù)，然后才能按著自己的節(jié)奏來(lái)消化這個(gè)需求。

4?用草稿交流

溝通前，用打草稿的方式把自己的設(shè)想畫(huà)在紙上，馬上記錄下隨時(shí)要溜掉的設(shè)計(jì)想法。

前期中，用來(lái)畫(huà)出大概構(gòu)思，與需求方溝通；

設(shè)計(jì)中，畫(huà)出草稿細(xì)節(jié)構(gòu)思，用來(lái)與自己溝通；

舉個(gè)例子

你在前期溝通中可以畫(huà)出頁(yè)面整體的布局形式：比如是圓形、不規(guī)則形、它的基本排列和布局、元素造型，標(biāo)題字設(shè)計(jì)等；

這一步很重要

用草圖溝通，可以天馬行空隨時(shí)扔掉你不滿意的，紙。

5?帶共識(shí)回來(lái)

其實(shí)從前面說(shuō)到的4點(diǎn)獲取信息，到最后帶著某些共同認(rèn)識(shí)回來(lái)，相信你已經(jīng)對(duì)接下來(lái)的設(shè)計(jì)需求有一定的認(rèn)識(shí)了。

這一步很重要

那還等什么，有準(zhǔn)心的去魯圖吧。。。

溝通的3個(gè)方式

1?先聽(tīng)

這一步很重要：

在聽(tīng)的時(shí)候，先不帶任何主觀的自我認(rèn)識(shí)在里面。因?yàn)閷?duì)于每一次全新的，與眾不同的新需求，你永遠(yuǎn)都沒(méi)有策劃或者產(chǎn)品，boss更熟悉這次做的事情，及玩法。

最好的方式就是聽(tīng)仔細(xì)，記詳細(xì)。

2?后問(wèn)

這一步很重要：

在問(wèn)的時(shí)候，列出自己剛才沒(méi)有聽(tīng)明白的地方，比如：頁(yè)面結(jié)構(gòu)，游戲規(guī)則，活動(dòng)形式等地方，針對(duì)性的問(wèn)打消自己的疑問(wèn)。

3?再?gòu)?fù)述

這一步很重要：

在復(fù)述的時(shí)候，通過(guò)前期了解需求方想做的事情、想要的功能、想上線的時(shí)間后。

再和對(duì)接人重復(fù)下剛才你們討論的內(nèi)容，確認(rèn)下沒(méi)有出現(xiàn)任何的遺漏。

02?做在設(shè)計(jì)中間，和信息溝通

這里我們?cè)倩氐皆O(shè)計(jì)本身。上面所說(shuō)的需求溝通，其實(shí)是圍繞著既將要做的事，進(jìn)行的人與人間的交流。那如何把獲取到的信息，通過(guò)設(shè)計(jì)的形式，去讓元素和信息這兩者再次溝通，就是設(shè)計(jì)要發(fā)揮的作用了。我們接觸到的，點(diǎn)、線、面、色彩、字體都是一種以傳達(dá)信息為目的地方式。

今天先介紹一個(gè)基礎(chǔ)的設(shè)計(jì)點(diǎn)：

如何利用常見(jiàn)的設(shè)計(jì)元素和信息溝通？

1?讓顏色與信息對(duì)話

在和紅、橙、黃、綠、青、藍(lán)、紫、這些顏色溝通時(shí)，每種顏色都會(huì)給人傳達(dá)出對(duì)應(yīng)的意象，這種意象又傳遞出對(duì)應(yīng)的信息；

舉個(gè)例子

在和熱鬧喜歡信息的溝通中，用紅、黃等暖色調(diào)去表示這樣的氛圍；

在和時(shí)尚經(jīng)典信息的溝通中，用無(wú)彩色的黑白調(diào)去表示這樣的氛圍；

當(dāng)然我的色彩并不專業(yè)，下面這幾位大神才叫專業(yè)

延伸閱讀》

梁景紅：通過(guò)色彩，讓設(shè)計(jì)平衡——在無(wú)序中找到規(guī)律  http://www.pinmie.com/v/54116.html

研習(xí)設(shè)K先生：迅速提升色彩搭配能力的思維 http://www.pinmie.com/v/35650.html

這一步很重要：

讓色彩與信息溝通，感受情感；

2?形狀與信息

直線／斜線／圓形／三角形／多邊形等元素都屬于點(diǎn)線面，單一元素或整體運(yùn)用，都能傳達(dá)出一種印象。

舉個(gè)例子

在和大氣簡(jiǎn)潔的信息溝通中，用直線會(huì)更適合一些，因?yàn)樗∪ズ芏鄰?fù)雜的修飾，這也就是說(shuō)簡(jiǎn)潔的內(nèi)容多是橫平豎直的；

在和活潑躍動(dòng)的信息溝通中，傾斜、圓形的元素會(huì)更適合，因?yàn)檫@些元素自身就可以表意；

這一步很重要：

讓形狀與信息溝通，感受印象；

3?讓字體與信息對(duì)話

襯線／非襯線／毛筆字／老字體／手寫(xiě)體等，每個(gè)不同的字體種類，所對(duì)外傳遞的印象也不相同。

舉個(gè)例子

在和現(xiàn)代時(shí)尚信息的溝通中，用現(xiàn)代的非襯線會(huì)更適合這樣的信息。

在和傳統(tǒng)歷史信息的溝通中，用襯線體或者中國(guó)書(shū)法，老字體這樣的元素更適合這樣的信息。

記得版式劉痕曾經(jīng)說(shuō)過(guò)一句話，亂用字體，你有想過(guò)字體的感受嗎？與大家分享

這一步很重要：

讓字體與信息溝通，感受性格；

03?跟在上線后面，和前端溝通

最后，我們回到溝通的最末端，和執(zhí)行層面的同學(xué)一起把這個(gè)需求跟進(jìn)完。

做完設(shè)計(jì)后，還要開(kāi)始與前端執(zhí)行層的同學(xué)們配合。與前端溝通執(zhí)行細(xì)節(jié)，比如：某個(gè)交互效果等內(nèi)容；

前端執(zhí)行后還要進(jìn)行一步自查工作，檢查上線頁(yè)面與設(shè)計(jì)稿是否有很大的出入。

請(qǐng)?jiān)试S我在這里發(fā)個(gè)車。。。

這里，我總結(jié)了10個(gè)和前端溝通的秘訣

1?懂些代碼不被騙

2?像素不能差半點(diǎn)

3?圖層分組不被掐

4?數(shù)字一定用偶數(shù)

5?事后出個(gè)小規(guī)范

6?復(fù)雜背景不要加

7?多余不要搞

8?不給執(zhí)行就賣萌

（男生拉去抽大煙）

（女生假裝裝可愛(ài)）

9?和和氣氣搞上去

10?你好我好大家好

這一步很重要：

檢查自己設(shè)計(jì)的“孩子”是否完好。

寫(xiě)在最后

設(shè)計(jì)是溝通！

前期，中期，后期一個(gè)都不能少，少了哪個(gè)環(huán)節(jié)出來(lái)的設(shè)計(jì)肯定是不完整、沒(méi)有依據(jù)的表現(xiàn)

藍(lán)藍(lán)設(shè)計(jì)( m.hengshangtqd.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)