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