最近微博、朋友圈都被這張圖刷屏了

 

 

可愛(ài)的甲方爸爸說(shuō)

用ps做設(shè)計(jì)，不專業(yè)！

一！定！要！用！Photoshop！

心疼這個(gè)設(shè)計(jì)師，

可是項(xiàng)目還要繼續(xù)，

如果是你，

你會(huì)怎么巧妙的化解這個(gè)尷尬的氣氛呢？？

 

雖然我們的甲方爸爸

經(jīng)常提出不可理喻的奇葩要求，

但是金主就是金主，

跟他們打交道，

就要成為不一樣的UI設(shè)計(jì)師，

不僅技術(shù)要過(guò)硬，情商還得高，

溝通技巧必不可少，

今天就給大家說(shuō)說(shuō)UI設(shè)計(jì)師溝通技巧的那些事兒。

 

其實(shí)UI設(shè)計(jì)師的溝通對(duì)象主要分為兩種：

一種是客戶爸爸；

另一種是產(chǎn)品經(jīng)理小姐姐和程序員小哥哥這些內(nèi)部人員。

 

先說(shuō)客戶溝通，最主要的是理解客戶的需求，掌握客戶的業(yè)務(wù)，知道客戶要什么。項(xiàng)目的開(kāi)始通常包括很多的談話。要成為一個(gè)好的UI設(shè)計(jì)師，你需要能夠最終考慮你的客戶的意愿。在項(xiàng)目期間，溝通不會(huì)停止。作為設(shè)計(jì)師，你將不斷地展示你的工作。產(chǎn)品的誕生需要有火花的碰撞，所以好的設(shè)計(jì)不是閉門造車，需要不間斷的溝通。

 

①仔細(xì)看整個(gè)界面UI設(shè)計(jì)的項(xiàng)目方案

拿到整個(gè)界面UI設(shè)計(jì)項(xiàng)目方案，首先要全部仔細(xì)看一遍，有些什么欄目，都是什么內(nèi)容，看完心里有底，和客戶溝通起來(lái)更順暢。不看方案怎么做界面UI設(shè)計(jì)?

 

 

 

②深度理解客戶需求

看完界面UI設(shè)計(jì)方案，聽(tīng)完客戶的訴求，我們要深度理解客戶想要的到底是什么，我們應(yīng)該如何更好的提供給客戶。

 

 

 

③盡量減少溝通的中間環(huán)節(jié)

現(xiàn)實(shí)工作中，由于層級(jí)、精力等原因，客戶的界面UI設(shè)計(jì)需求往往需要層層遞進(jìn)才能傳遞到界面UI設(shè)計(jì)師手中，最后出來(lái)的作品很可能和客戶需要的是兩個(gè)概念。減少溝通環(huán)節(jié)，可以降低人力成本，減少返工的可能性。

 

 

 

④接界面UI設(shè)計(jì)前，務(wù)必對(duì)客戶“直來(lái)直往”

在思考了客戶真正的需求之后，要即時(shí)做出反饋。如果客戶的界面UI設(shè)計(jì)需要在技術(shù)上無(wú)法實(shí)現(xiàn)，一定要當(dāng)時(shí)告訴客戶，不能客戶要什么你就做什么，最后做出來(lái)的界面UI設(shè)計(jì)又有很大差異，導(dǎo)致客戶不滿意。

 

 

 

⑤嚴(yán)格遵循客戶要求，不要加入太多個(gè)人情感

做界面UI設(shè)計(jì)，不同于玩藝術(shù)，藝術(shù)可以加個(gè)人情感，但是界面UI設(shè)計(jì)不能加入，界面UI設(shè)計(jì)更應(yīng)該遵循跟客戶溝通的內(nèi)容?？蛻舾嬖V你要什么，你要去理解，然后呈現(xiàn)出來(lái)就好。

 

雖然溝通很重要，但是UI設(shè)計(jì)師的本職依舊是設(shè)計(jì)，如果我們過(guò)于遷就客戶，那么就會(huì)失去我們自己堅(jiān)持的設(shè)計(jì)。

 

一個(gè)項(xiàng)目，在最開(kāi)始啟動(dòng)的時(shí)候，也就是產(chǎn)品經(jīng)理整理需求文檔的時(shí)候，UI設(shè)計(jì)師就需要參與到項(xiàng)目中來(lái)。UI設(shè)計(jì)師要理解需求內(nèi)容，清楚地知道項(xiàng)目的各項(xiàng)流程，業(yè)務(wù)邏輯。在這個(gè)環(huán)節(jié)里，需要認(rèn)真閱讀需求文檔，要與產(chǎn)品經(jīng)理進(jìn)行有效的溝通。雖然不是所有的細(xì)枝末節(jié)都必須注意到，但是對(duì)項(xiàng)目的充分了解，能夠很好的幫助我們理解需求，并確認(rèn)需求。這有利于降低設(shè)計(jì)稿的返工率，提高工作效率。

 

設(shè)計(jì)稿做完之后，UI設(shè)計(jì)師最好還要找產(chǎn)品經(jīng)理審稿。這次的審稿主要審的是什么呢？需求是否體現(xiàn)得當(dāng)，邏輯交互是否呈現(xiàn)完全，當(dāng)然也包括設(shè)計(jì)是否符合項(xiàng)目需求。不要覺(jué)得產(chǎn)品經(jīng)理小姐姐總是對(duì)自己的作品指指點(diǎn)點(diǎn)，其實(shí)有人幫自己看一下，給點(diǎn)意見(jiàn)總歸好的，畢竟大家都想把項(xiàng)目做好，做漂亮。而且來(lái)來(lái)回回的改動(dòng)是大家都不想要看到的結(jié)果，不僅費(fèi)時(shí)，溝通消耗大，還可能會(huì)造成項(xiàng)目的延期。

 

等設(shè)計(jì)稿確認(rèn)之后，UI設(shè)計(jì)師跟產(chǎn)品經(jīng)理的牽扯，已經(jīng)告一段落了。之后的工作，便主要就是和前端工程師打交道了。

 

那么在開(kāi)始與他們對(duì)接之前，UI設(shè)計(jì)師需要做些什么呢？當(dāng)然，還是溝通。不同的公司，不同的項(xiàng)目組，不同的人都有不同的做事風(fēng)格和工作習(xí)慣。所以為了順利的對(duì)接，UI設(shè)計(jì)師需要跟前端工程師好好的聊一聊。溝通的內(nèi)容包括標(biāo)注方式，切圖尺寸，以及切圖命名規(guī)則等等。

 

 

下面說(shuō)幾點(diǎn)比較常見(jiàn)的溝通問(wèn)題：

 

 

 

①確定設(shè)計(jì)尺寸

 

對(duì)移動(dòng)設(shè)備應(yīng)用來(lái)說(shuō)，屏幕尺寸不是全部信息，你還需要考慮系統(tǒng)狀態(tài)欄等的存在，以及他們?nèi)绾卧谄聊粰M排和豎排時(shí)影響尺寸（比如iOS設(shè)備的頂端狀態(tài)欄會(huì)在橫排的時(shí)候減小較小邊的尺寸，在豎排的時(shí)候減小大邊的尺寸）。和你的開(kāi)發(fā)者確認(rèn)一下應(yīng)用是否為完整的全屏很必要。

 

 

 

②使用RGB模式

這點(diǎn)不僅對(duì)顏色顯示重要，對(duì)開(kāi)發(fā)者將顏色正確地寫入代碼也同樣關(guān)鍵。

 

 

③說(shuō)明導(dǎo)航和組織控件設(shè)計(jì)

向你的開(kāi)發(fā)者明確展示你的設(shè)計(jì)中包含的標(biāo)簽、下拉菜單或者其它閉合機(jī)制。在進(jìn)行這種控件設(shè)計(jì)時(shí)，要尊重平臺(tái)的設(shè)計(jì)慣例。開(kāi)發(fā)者在進(jìn)行開(kāi)發(fā)時(shí)需要明確了解信息層次，因此你要確保你的設(shè)計(jì)清晰地展示你的意圖。圖層復(fù)合在這種情況下非常有用。

 

 

 

④資源準(zhǔn)備是你工作的一部分

 

很多（大多數(shù)）開(kāi)發(fā)者除了基本的編輯功能外對(duì)Photoshop一竅不通。設(shè)計(jì)師需要適時(shí)地導(dǎo)出可能會(huì)在應(yīng)用或網(wǎng)站上用到的裁剪圖，因?yàn)楫吘顾麄兪菍?duì)文件和Photoshop最熟悉的人。

這項(xiàng)工作雖然很痛苦，而且很耗時(shí)，但這是除“設(shè)計(jì)”外90%的工作。

 

圖片來(lái)源于網(wǎng)絡(luò)

 

 

本文由靜Design-靜電原創(chuàng)，轉(zhuǎn)載請(qǐng)注明以下信息，感謝合作

作者：靜電

微信公眾號(hào)：jingdesign91

個(gè)人微信號(hào)：hixulei