2017-7-17 用心設(shè)計(jì)
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里
寫在前面:
設(shè)計(jì)是一門溝通的藝術(shù),跟信息的溝通,跟設(shè)計(jì)的溝通,跟人的溝通,都是在溝通中獲取信息,達(dá)到目的。
下面我分享幾個(gè)自身工作的經(jīng)驗(yàn),希望對大家有所幫助。
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á)成對風(fēng)格的整體認(rèn)知。
用參考去溝通,這里所示的找參考并非是圈死設(shè)計(jì)師的思路,一味照著參考去抄襲。而是在中國現(xiàn)有的二三線城市里(毫不夸張的說,一線小公司也有這樣的)中小企業(yè)的需求方,在審美上需要設(shè)計(jì)師去引導(dǎo)。
舉個(gè)例子
這種因?yàn)榍捌跍贤ú坏轿?,陷入“猜你喜歡”的原因在于:
1?沒有進(jìn)行前期的初探,盲目的做了版自己認(rèn)為的風(fēng)格,那么斃稿的可能性就會(huì)很大。
設(shè)計(jì)師與需求人(運(yùn)營,產(chǎn)品,BOSS)對設(shè)計(jì)感覺的認(rèn)知,設(shè)想不一樣。在些傳統(tǒng)老板的眼中,可能喜慶感就只有中國紅、中國黃之類的表現(xiàn),才能算是喜慶的固有認(rèn)識。
而如果,前期通過類似的風(fēng)格參考進(jìn)行溝通,你們之間就會(huì)在整體的風(fēng)格認(rèn)識上,元素運(yùn)用上,顏色選擇上,達(dá)成部分的審美認(rèn)知。這樣的溝通方式,對于后期的改稿可能性就會(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)成工作日報(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),針對需求方給到的資料,針對性的想一些點(diǎn)子,找一些參考,然后再去當(dāng)面溝通,其實(shí)挺奏效的。
它關(guān)鍵的地方在于:當(dāng)你在與需求方開討論會(huì)的時(shí)候,不會(huì)腦中無物,心中沒數(shù),然后懵逼似的被人牽著走。甚至交活的時(shí)間都壓縮了,你也還呈現(xiàn)懵逼狀。
舉個(gè)例子
上面的這種溝通場景是不是很“爽歪歪”:
1?用你的專業(yè)建議去引導(dǎo)需求人;
2?會(huì)學(xué)識別中間人摻雜的個(gè)人要求;
這一步很重要:
其實(shí)無論是在電商公司,還是設(shè)計(jì)公司,亦或者利用業(yè)余時(shí)間接的私活,在拿到需求方給的零散的的內(nèi)容后,我們要做的第一步,是先去認(rèn)識這個(gè)需求,給需求做個(gè)評估(比如:時(shí)間評估、功能評估等),做到對需求的心中有數(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í)從前面說到的4點(diǎn)獲取信息,到最后帶著某些共同認(rèn)識回來,相信你已經(jīng)對接下來的設(shè)計(jì)需求有一定的認(rèn)識了。
這一步很重要
那還等什么,有準(zhǔn)心的去魯圖吧。。。
溝通的3個(gè)方式
1?先聽
這一步很重要:
在聽的時(shí)候,先不帶任何主觀的自我認(rèn)識在里面。因?yàn)閷τ诿恳淮稳碌?,與眾不同的新需求,你永遠(yuǎn)都沒有策劃或者產(chǎn)品,boss更熟悉這次做的事情,及玩法。
最好的方式就是聽仔細(xì),記詳細(xì)。
2?后問
這一步很重要:
在問的時(shí)候,列出自己剛才沒有聽明白的地方,比如:頁面結(jié)構(gòu),游戲規(guī)則,活動(dòng)形式等地方,針對性的問打消自己的疑問。
3?再復(fù)述
這一步很重要:
在復(fù)述的時(shí)候,通過前期了解需求方想做的事情、想要的功能、想上線的時(shí)間后。
再和對接人重復(fù)下剛才你們討論的內(nèi)容,確認(rèn)下沒有出現(xiàn)任何的遺漏。
02?做在設(shè)計(jì)中間,和信息溝通
這里我們再回到設(shè)計(jì)本身。上面所說的需求溝通,其實(shí)是圍繞著既將要做的事,進(jìn)行的人與人間的交流。那如何把獲取到的信息,通過設(shè)計(jì)的形式,去讓元素和信息這兩者再次溝通,就是設(shè)計(jì)要發(fā)揮的作用了。我們接觸到的,點(diǎn)、線、面、色彩、字體都是一種以傳達(dá)信息為目的地方式。
今天先介紹一個(gè)基礎(chǔ)的設(shè)計(jì)點(diǎn):
如何利用常見的設(shè)計(jì)元素和信息溝通?
1?讓顏色與信息對話
在和紅、橙、黃、綠、青、藍(lán)、紫、這些顏色溝通時(shí),每種顏色都會(huì)給人傳達(dá)出對應(yīng)的意象,這種意象又傳遞出對應(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è)例子
在和大氣簡潔的信息溝通中,用直線會(huì)更適合一些,因?yàn)樗∪ズ芏鄰?fù)雜的修飾,這也就是說簡潔的內(nèi)容多是橫平豎直的;
在和活潑躍動(dòng)的信息溝通中,傾斜、圓形的元素會(huì)更適合,因?yàn)檫@些元素自身就可以表意;
這一步很重要:
讓形狀與信息溝通,感受印象;
3?讓字體與信息對話
襯線/非襯線/毛筆字/老字體/手寫體等,每個(gè)不同的字體種類,所對外傳遞的印象也不相同。
舉個(gè)例子
在和現(xiàn)代時(shí)尚信息的溝通中,用現(xiàn)代的非襯線會(huì)更適合這樣的信息。
在和傳統(tǒng)歷史信息的溝通中,用襯線體或者中國書法,老字體這樣的元素更適合這樣的信息。
記得版式劉痕曾經(jīng)說過一句話,亂用字體,你有想過字體的感受嗎?與大家分享
這一步很重要:
讓字體與信息溝通,感受性格;
03?跟在上線后面,和前端溝通
最后,我們回到溝通的最末端,和執(zhí)行層面的同學(xué)一起把這個(gè)需求跟進(jìn)完。
做完設(shè)計(jì)后,還要開始與前端執(zhí)行層的同學(xué)們配合。與前端溝通執(zhí)行細(xì)節(jié),比如:某個(gè)交互效果等內(nèi)容;
前端執(zhí)行后還要進(jìn)行一步自查工作,檢查上線頁面與設(shè)計(jì)稿是否有很大的出入。
請?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ì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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://tweetduck.com