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?你好我好大家好
這一步很重要:
檢查自己設計的“孩子”是否完好。
寫在最后
設計是溝通!
前期,中期,后期一個都不能少,少了哪個環節出來的設計肯定是不完整、沒有依據的表現
藍藍設計( 91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務