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