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

對每一個節(jié)點(diǎn)都要進(jìn)行驗(yàn)收，多次驗(yàn)收可以讓你及時了解最新動態(tài)，如出現(xiàn)問題也可以及時的做出修改反饋。即使做到以上幾點(diǎn)，開發(fā)也不是能完全理解你想表達(dá)，所以需要非常頻繁的同步信息，而不是做的七七八八了，突然發(fā)現(xiàn)這里有問題，那個時候再來改，時間可能已經(jīng)不夠用了。另外，只有做到以上幾點(diǎn)，你才能理直氣壯的和開發(fā)定責(zé)，否則，哪有臉找別人理論吶。

綜上所述，相信你已經(jīng)足夠明白「跟進(jìn)還原能力」對一個設(shè)計(jì)師的重要性，會做「好看」的設(shè)計(jì)師這個世界上大把，dribbble上一抓一大把，但能做好商業(yè)設(shè)計(jì)，所需的能力遠(yuǎn)遠(yuǎn)不止于此，一個不具備將事情由始至終合格完成的設(shè)計(jì)師在任何時候都是不及格的，從結(jié)果導(dǎo)向上來看，甚至不如一個「你認(rèn)為比你低級很多」的設(shè)計(jì)師，擁有全方位的素質(zhì)才是「稀缺物種」。

———————————— 我是分割線 ————————————

另附上@大蔚陳 同學(xué)（博客：www.idavidchen.com）的建議。

這個問題其實(shí)有兩個角色和一個目標(biāo)：

角色1：視覺設(shè)計(jì)師
角色2：前端工程師（想必 Web 前端和 iOS, Android 開發(fā)也都在這了）
目標(biāo)：100% 還原設(shè)計(jì)效果

先來看看這個目標(biāo)設(shè)定是否靠譜，而要看這目標(biāo)靠不靠譜，還需要看依賴條件了。如果前端工程師水平不足，你除了讓他提升水平外，想100%還原設(shè)計(jì)效果也是白說。所以以下我所說的默認(rèn)是前端工程師實(shí)現(xiàn)能力足夠。若能力足夠，還無法實(shí)現(xiàn)設(shè)計(jì)效果，可能有以下幾個原因：

設(shè)計(jì)不合理，考慮不周密。
時間緊迫或不愿意實(shí)現(xiàn)
溝通不到位。

設(shè)計(jì)不合理

前面提到的角色1就是視覺設(shè)計(jì)師，普遍來說，視覺設(shè)計(jì)師下是利用視覺符號來傳遞各種信息的設(shè)計(jì)的，而縱觀各類崗位職責(zé)，并沒有嚴(yán)格要求視覺設(shè)計(jì)師擁有 HTML/CSS/JavaScript 技能。事實(shí)上大部分的視覺設(shè)計(jì)師不懂技術(shù)，像 CSS 盒子模型，F(xiàn)loat，絕對定位相對定位，if..else..then 這些也不懂。這是客觀情況，如果視覺設(shè)計(jì)師有這些知識技能自然是可以避免一些問題，但術(shù)業(yè)有專攻，無法強(qiáng)迫。

除了提高自己的知識水平，還可以有一些其他的方式：

設(shè)計(jì)評審。在還是交互原型時，就邀請技術(shù)經(jīng)理一起 Reveiw。

曾經(jīng)我司在某銀行實(shí)施項(xiàng)目時，做的是 Hybrid 應(yīng)用，也就是 Web 和 Native 混合型的，用了一些框架，也有一些技術(shù)上的限制。但交互和視覺設(shè)計(jì)的過程中，并未與技術(shù)經(jīng)理溝通，直到視覺做完后，交付給 H5 工程師時，工程師就傻眼了，這幫設(shè)計(jì)瞎搞，這實(shí)現(xiàn)不了啊…而后只有重新設(shè)計(jì)了，進(jìn)度也被拖慢了很多。

在交互階段就把技術(shù)人員引進(jìn)來，會有極大的幫助，同時也利于技術(shù)人員確定技術(shù)選型。

時間緊迫或者不愿意實(shí)現(xiàn)