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

寫在前面：

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

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

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

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

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

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

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

和需求方溝通的5種技巧

1?用參考溝通

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

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

舉個例子

這種因為前期溝通不到位，陷入“猜你喜歡”的原因在于：

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

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

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

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

這一步很重要：

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

2?拿紙筆記錄

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

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

舉個例子

這種因為在溝通中沒有走心，不做相應(yīng)筆記而產(chǎn)生的“問問問”的原因在于：

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

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

這一步很重要：

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

3?帶點子過去

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

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

舉個例子

上面的這種溝通場景是不是很“爽歪歪”：

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

2?會學(xué)識別中間人摻雜的個人要求；

這一步很重要：

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

4?用草稿交流

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

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

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

舉個例子

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

這一步很重要

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

5?帶共識回來

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

這一步很重要

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

溝通的3個方式

1?先聽

這一步很重要：

在聽的時候，先不帶任何主觀的自我認(rèn)識在里面。因為對于每一次全新的，與眾不同的新需求，你永遠(yuǎn)都沒有策劃或者產(chǎn)品，boss更熟悉這次做的事情，及玩法。

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

2?后問

這一步很重要：

在問的時候，列出自己剛才沒有聽明白的地方，比如：頁面結(jié)構(gòu)，游戲規(guī)則，活動形式等地方，針對性的問打消自己的疑問。

3?再復(fù)述

這一步很重要：

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

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

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

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

今天先介紹一個基礎(chǔ)的設(shè)計點：

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

1?讓顏色與信息對話

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

舉個例子

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

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

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

延伸閱讀》

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

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

這一步很重要：

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

2?形狀與信息

直線／斜線／圓形／三角形／多邊形等元素都屬于點線面，單一元素或整體運用，都能傳達出一種印象。

舉個例子

在和大氣簡潔的信息溝通中，用直線會更適合一些，因為他省去很多復(fù)雜的修飾，這也就是說簡潔的內(nèi)容多是橫平豎直的；

在和活潑躍動的信息溝通中，傾斜、圓形的元素會更適合，因為這些元素自身就可以表意；

這一步很重要：

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

3?讓字體與信息對話

襯線／非襯線／毛筆字／老字體／手寫體等，每個不同的字體種類，所對外傳遞的印象也不相同。

舉個例子

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

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

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

這一步很重要：

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

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

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

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

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

請允許我在這里發(fā)個車。。。

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

1?懂些代碼不被騙

2?像素不能差半點

3?圖層分組不被掐

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

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

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

7?多余不要搞

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

（男生拉去抽大煙）

（女生假裝裝可愛）

9?和和氣氣搞上去

10?你好我好大家好

這一步很重要：

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

寫在最后

設(shè)計是溝通！

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

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