視覺(jué)設(shè)計(jì)師怎樣讓前端100%實(shí)現(xiàn)設(shè)計(jì)效果?(3)

所有的項(xiàng)目和產(chǎn)品都會(huì)有開(kāi)發(fā)計(jì)劃，雖然很多情況下計(jì)劃總是趕不上變化（需求變更啦，上線時(shí)間提前啦），但是大體上每個(gè)開(kāi)發(fā)人員對(duì)自己所負(fù)責(zé)的部分有自己的優(yōu)先級(jí)排序。在我所做的產(chǎn)品和項(xiàng)目中，研發(fā)人員大部分情況下的關(guān)注度是：功能實(shí)現(xiàn)>效果實(shí)現(xiàn)。這個(gè)時(shí)候其實(shí)更重要的是統(tǒng)一對(duì)優(yōu)先級(jí)的認(rèn)識(shí)。

如果開(kāi)發(fā)計(jì)劃已指定，同時(shí)研發(fā)人員也認(rèn)可交付時(shí)間點(diǎn)，那么在開(kāi)發(fā)任務(wù)內(nèi)的計(jì)劃，視覺(jué)設(shè)計(jì)師撒潑打滾躺地賣(mài)萌，曉之以情動(dòng)之以理，怎么打動(dòng)前端工程師，網(wǎng)上也有很多同仁的經(jīng)驗(yàn)技巧，總是能實(shí)現(xiàn)的。

設(shè)計(jì)的實(shí)現(xiàn)，不僅僅是前端工程師的工作，有時(shí)候也需要后臺(tái)的配合，想要實(shí)現(xiàn)，那就得給咱們工程師時(shí)間，不能又想馬兒跑，又不給馬吃草吧？

同時(shí)設(shè)計(jì)和程序是息息相關(guān)的，有時(shí)候并不是不想實(shí)現(xiàn)這樣的設(shè)計(jì)，而是因?yàn)榇_實(shí)有一些問(wèn)題，比如說(shuō)在 Digg 還流行的那段時(shí)間，他們的首席設(shè)計(jì)師和首席程序員之間的爭(zhēng)論：

丹尼爾·博卡（Daniel Burka）（Digg 的首席設(shè)計(jì)師）和喬·思湯普（Digg 首席程序員）之間有一場(chǎng)非常著名的爭(zhēng)論。那個(gè)時(shí)候丹尼爾想要在 Digg 的「按鈕」上做出一次設(shè)計(jì)上的變動(dòng)。對(duì)于丹尼爾來(lái)說(shuō)，這個(gè)變動(dòng)就是微小的一點(diǎn)；但對(duì)于首席程序員喬來(lái)說(shuō)，即便設(shè)計(jì)上微小的一點(diǎn)變動(dòng)都會(huì)對(duì)整個(gè)網(wǎng)站的響應(yīng)時(shí)間產(chǎn)生巨大的影響。為了適應(yīng)這一點(diǎn)點(diǎn)的變化 Digg 網(wǎng)站必須提升自己的處理效率，改善服務(wù)器的內(nèi)部架構(gòu)：http://tech2ipo.com

所以在我們團(tuán)隊(duì)做一些設(shè)計(jì)咨詢項(xiàng)目時(shí)，會(huì)把技術(shù)人員引入進(jìn)來(lái)。

溝通不到位

切好圖，標(biāo)注好。

用對(duì)方聽(tīng)得懂的語(yǔ)言。前面說(shuō)了很多視覺(jué)設(shè)計(jì)師并沒(méi)有技術(shù)基礎(chǔ)，但是理解一些術(shù)語(yǔ)對(duì)于和程序員溝通是非常有效的。比如說(shuō)動(dòng)效里有很多，你說(shuō)了半天「從這里到那里」，「速度稍微慢一點(diǎn)」，可能也很難做到你想要的那種效果。但是如果你說(shuō)，這個(gè)動(dòng)畫(huà)的 Tension（拉力） 數(shù)值，F(xiàn)riction（摩擦力）數(shù)值，cubic-bezier函數(shù)是多少，那程序人員相對(duì)會(huì)比較好理解。

可以參考這個(gè)網(wǎng)站，找到很多動(dòng)畫(huà)效果的名稱： Form Follows Function

不斷跟進(jìn)。設(shè)計(jì)給完圖之后不能不聞不問(wèn)，等到代碼寫(xiě)完后才傲嬌地說(shuō)：“哎呀，沒(méi)按我的設(shè)計(jì)效果來(lái)”。確保設(shè)計(jì)效果的實(shí)現(xiàn)也是設(shè)計(jì)人員的職責(zé)，建立 Bug 文檔，貼圖對(duì)比，描述清楚，因?yàn)椴⒉皇敲總�(gè)人都是像素眼，對(duì)美的認(rèn)識(shí)也不一樣。

總結(jié)一下

過(guò)程：溝通—>設(shè)計(jì)評(píng)審—>交付設(shè)計(jì)圖—>再次溝通—> 跟進(jìn)追蹤

每一份工作都不是看上去的那么簡(jiǎn)單，設(shè)計(jì)不僅僅只是個(gè)畫(huà)圖把東西變得好看些的人，程序員也不只是寫(xiě)寫(xiě)代碼（在我們團(tuán)隊(duì)的一些項(xiàng)目中，很多設(shè)計(jì)不合理的地方都是程序員指出來(lái)的），最重要的相互間的溝通和理解。

其實(shí)我建議能修改下這個(gè)問(wèn)題的說(shuō)辭，什么叫「是怎樣讓前端工程師100%實(shí)現(xiàn)設(shè)計(jì)效果的呢」，這并不只是前端工程師的工作，不是「怎么樣讓人去實(shí)現(xiàn)的」，而是「怎么配合」的問(wèn)題。