2017-7-17 用心設計
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里
寫在前面：
設計是一門溝通的藝術(shù)，跟信息的溝通，跟設計的溝通，跟人的溝通，都是在溝通中獲取信息，達到目的。
下面我分享幾個自身工作的經(jīng)驗，希望對大家有所幫助。
01?走在設計前面，與需求溝通
設計，用溝通的方式，解決需求。用溝通到的信息，表現(xiàn)目的。從看到需求，再到與需求方溝通，直到完成作品。這前，中，后期的工作環(huán)節(jié)中，唯一不能少的就是：溝通。
少了前期與需求方的溝通，你可能會在無修止的改圖當中，一點點的磨滅自己的激情。
少了中期與設計的溝通，你可能會在畫面中肆意發(fā)揮，添加那些所謂的流行元素，最后導致整體主題不明，主次不分。
少了后期與前端的溝通，最后的上線稿不忍直視，面目全非。
和需求方溝通的5種技巧
1?用參考溝通
在當面與需求方溝通前，根據(jù)既定的活動文案和玩法，先試著去網(wǎng)上搜索一些相近的、相同的、有啟發(fā)性的參考設計，發(fā)給需求方進行預覽。用來溝通需求方的喜好，明確接下來該走的方向，最后達成對風格的整體認知。
用參考去溝通，這里所示的找參考并非是圈死設計師的思路，一味照著參考去抄襲。而是在中國現(xiàn)有的二三線城市里（毫不夸張的說，一線小公司也有這樣的）中小企業(yè)的需求方，在審美上需要設計師去引導。
舉個例子
這種因為前期溝通不到位，陷入“猜你喜歡”的原因在于：
1?沒有進行前期的初探，盲目的做了版自己認為的風格，那么斃稿的可能性就會很大。
設計師與需求人（運營，產(chǎn)品，BOSS）對設計感覺的認知，設想不一樣。在些傳統(tǒng)老板的眼中，可能喜慶感就只有中國紅、中國黃之類的表現(xiàn)，才能算是喜慶的固有認識。
而如果，前期通過類似的風格參考進行溝通，你們之間就會在整體的風格認識上，元素運用上，顏色選擇上，達成部分的審美認知。這樣的溝通方式，對于后期的改稿可能性就會小很多。
PS：當然如果你的需求方是很專業(yè)的那種，而且你們經(jīng)常合作的那種，那你在前期的溝通的環(huán)節(jié)中都可以省掉這一步，直接開工。
這一步很重要：
在開工前，多找?guī)讖埾嘟膮⒖冀o需求方看，通過參考去引導需求，也是溝通的一種技巧。
2?拿紙筆記錄
在當面與需求方溝通中，會相互交換彼此的看法，隨時啟發(fā)出那靈光一現(xiàn)的創(chuàng)意。那如果你在溝通中沒有隨手做記錄的話，可能就會溜掉一個或許很精彩的創(chuàng)意點。
在溝通的過程中，養(yǎng)成拿紙筆記錄需求的點點滴滴，我覺得是個很好的方法。包括隨時帶個小本子，記錄靈感也是個不錯的習慣。寫在本子上的內(nèi)容，也可以當成工作日報，把需求明細化不是么。
舉個例子
這種因為在溝通中沒有走心，不做相應筆記而產(chǎn)生的“問問問”的原因在于：
1?會上走神：沒有記重點內(nèi)容及設計需要消化的工作量；
2?沒帶工具：溝通中出現(xiàn)的靈感，沒有急時用紙筆、或者手機記事本記錄；
這一步很重要：
帶紙筆溝通的目地是，不露掉任何有用的信息。
3?帶點子過去
在拿到需求的第一時間內(nèi)，針對需求方給到的資料，針對性的想一些點子，找一些參考，然后再去當面溝通，其實挺奏效的。
它關(guān)鍵的地方在于：當你在與需求方開討論會的時候，不會腦中無物，心中沒數(shù)，然后懵逼似的被人牽著走。甚至交活的時間都壓縮了，你也還呈現(xiàn)懵逼狀。
舉個例子
上面的這種溝通場景是不是很“爽歪歪”：
1?用你的專業(yè)建議去引導需求人；
2?會學識別中間人摻雜的個人要求；
這一步很重要：
其實無論是在電商公司，還是設計公司，亦或者利用業(yè)余時間接的私活，在拿到需求方給的零散的的內(nèi)容后，我們要做的第一步，是先去認識這個需求，給需求做個評估（比如：時間評估、功能評估等），做到對需求的心中有數(shù)，然后才能按著自己的節(jié)奏來消化這個需求。
4?用草稿交流
溝通前，用打草稿的方式把自己的設想畫在紙上，馬上記錄下隨時要溜掉的設計想法。
前期中，用來畫出大概構(gòu)思，與需求方溝通；
設計中，畫出草稿細節(jié)構(gòu)思，用來與自己溝通；
舉個例子
你在前期溝通中可以畫出頁面整體的布局形式：比如是圓形、不規(guī)則形、它的基本排列和布局、元素造型，標題字設計等；
這一步很重要
用草圖溝通，可以天馬行空隨時扔掉你不滿意的，紙。
5?帶共識回來
其實從前面說到的4點獲取信息，到最后帶著某些共同認識回來，相信你已經(jīng)對接下來的設計需求有一定的認識了。
這一步很重要
那還等什么，有準心的去魯圖吧。。。
溝通的3個方式
1?先聽
這一步很重要：
在聽的時候，先不帶任何主觀的自我認識在里面。因為對于每一次全新的，與眾不同的新需求，你永遠都沒有策劃或者產(chǎn)品，boss更熟悉這次做的事情，及玩法。
最好的方式就是聽仔細，記詳細。
2?后問
這一步很重要：
在問的時候，列出自己剛才沒有聽明白的地方，比如：頁面結(jié)構(gòu)，游戲規(guī)則，活動形式等地方，針對性的問打消自己的疑問。
3?再復述
這一步很重要：
在復述的時候，通過前期了解需求方想做的事情、想要的功能、想上線的時間后。
再和對接人重復下剛才你們討論的內(nèi)容，確認下沒有出現(xiàn)任何的遺漏。
02?做在設計中間，和信息溝通
這里我們再回到設計本身。上面所說的需求溝通，其實是圍繞著既將要做的事，進行的人與人間的交流。那如何把獲取到的信息，通過設計的形式，去讓元素和信息這兩者再次溝通，就是設計要發(fā)揮的作用了。我們接觸到的，點、線、面、色彩、字體都是一種以傳達信息為目的地方式。
今天先介紹一個基礎的設計點：
如何利用常見的設計元素和信息溝通？
1?讓顏色與信息對話
在和紅、橙、黃、綠、青、藍、紫、這些顏色溝通時，每種顏色都會給人傳達出對應的意象，這種意象又傳遞出對應的信息；
舉個例子
在和熱鬧喜歡信息的溝通中，用紅、黃等暖色調(diào)去表示這樣的氛圍；
在和時尚經(jīng)典信息的溝通中，用無彩色的黑白調(diào)去表示這樣的氛圍；
當然我的色彩并不專業(yè)，下面這幾位大神才叫專業(yè)
延伸閱讀》
梁景紅：通過色彩，讓設計平衡——在無序中找到規(guī)律 http://www.pinmie.com/v/54116.html
研習設K先生：迅速提升色彩搭配能力的思維 http://www.pinmie.com/v/35650.html
這一步很重要：
讓色彩與信息溝通，感受情感；
2?形狀與信息
直線／斜線／圓形／三角形／多邊形等元素都屬于點線面，單一元素或整體運用，都能傳達出一種印象。
舉個例子
在和大氣簡潔的信息溝通中，用直線會更適合一些，因為他省去很多復雜的修飾，這也就是說簡潔的內(nèi)容多是橫平豎直的；
在和活潑躍動的信息溝通中，傾斜、圓形的元素會更適合，因為這些元素自身就可以表意；
這一步很重要：
讓形狀與信息溝通，感受印象；
3?讓字體與信息對話
襯線／非襯線／毛筆字／老字體／手寫體等，每個不同的字體種類，所對外傳遞的印象也不相同。
舉個例子
在和現(xiàn)代時尚信息的溝通中，用現(xiàn)代的非襯線會更適合這樣的信息。
在和傳統(tǒng)歷史信息的溝通中，用襯線體或者中國書法，老字體這樣的元素更適合這樣的信息。
記得版式劉痕曾經(jīng)說過一句話，亂用字體，你有想過字體的感受嗎？與大家分享
這一步很重要：
讓字體與信息溝通，感受性格；
03?跟在上線后面，和前端溝通
最后，我們回到溝通的最末端，和執(zhí)行層面的同學一起把這個需求跟進完。
做完設計后，還要開始與前端執(zhí)行層的同學們配合。與前端溝通執(zhí)行細節(jié)，比如：某個交互效果等內(nèi)容；
前端執(zhí)行后還要進行一步自查工作，檢查上線頁面與設計稿是否有很大的出入。
請允許我在這里發(fā)個車。。。
這里，我總結(jié)了10個和前端溝通的秘訣
1?懂些代碼不被騙
2?像素不能差半點
3?圖層分組不被掐
4?數(shù)字一定用偶數(shù)
5?事后出個小規(guī)范
6?復雜背景不要加
7?多余不要搞
8?不給執(zhí)行就賣萌
（男生拉去抽大煙）
（女生假裝裝可愛）
9?和和氣氣搞上去
10?你好我好大家好
這一步很重要：
檢查自己設計的“孩子”是否完好。
寫在最后
設計是溝通！
前期，中期，后期一個都不能少，少了哪個環(huán)節(jié)出來的設計肯定是不完整、沒有依據(jù)的表現(xiàn)
藍藍設計( www.gerard.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務