前端工程師如何與設計師合作？

1樓：Mapk Volkov

滷煮說的設計師概念比較寬泛。我說說我自己的見解吧，簡單聊聊～好的咩

1、前端和ui設計師的合作。

ui設計師對使用者介面的體驗負責，更多的偏向於視覺層面的使用者體驗（和視覺設計師的一部分工作重合），說白了就是讓使用者看著這款產品很爽，賞心悅目。

因此ui designer一般會對所負責的產品線制定相應的視覺規範，並對所設計的網頁設計稿做畫素級別標註。

因此前端在這一部分要有對應的css開發功底和規範來讓你切圖製作出的靜態頁面100%還原ui設計師的想法，這也就是為啥很久之前一些大公司會專門有重構崗的原因。

2、前端和ux設計師的合作。

ux設計師主要指互動設計師或是使用者體驗設計師，基本就是把prd還原為產品原型，輸出產品邏輯這麼乙個過度角色。這一部分角色有時候是產品經理直接自己做了，但大多是還是需要ue互動設計師來協助。介面的操作細節，使用者體驗和整個產品跑下來的邏輯都在這一環節體現。

產品的互動和邏輯體現在了多方面。

1、人機介面互動：js對dom的操作，js開發完成介面上的使用者行為操作，jser可以使得這一部分的介面功能操作起來更流暢，視覺和觸覺效果更好，提公升使用者體驗。

2、整個產品的邏輯順暢：ux設計出來的整個產品流程，其實本質就是頁面與頁面之間鏈結或者介面的跳轉，好的產品邏輯可以引導使用者完成產品設計者想要使用者達到的乙個結果同時還能給使用者帶來良好的使用體驗。

這一部分需要前端與後端的通力配合，介面的資料結構和邏輯設計、介面的效能，頁面展示速度和效能都會影響產品邏輯的體驗，因此，前段要做好的事情還真不少。

2樓：小莫

互虐關係，為了還原設計圖，作為乙個挑剔的，強迫症，完美主義設計師已經被我司安卓，ios，網頁前端恨死……我不止一次氣的心塞......我們私交很好，只是在工作上.......不說了，我要繼續虐安卓了......

3樓：陳鑫 Ryan

如果非專業的網頁設計，如何可以盡快地讓雙方更有效的合作？

如果你說的是網頁設計師是『非專業的』，可能首先就有一定成分的主觀色彩。我覺得既然是乙個團隊一起做產品，特別是小型團隊，相互的信任以及溝通是成功最關鍵的要素。作為乙個合格的前端工程師，應該充分相信設計師對產品的理解和設計，相信設計師的專業素養。

一般來說網頁設計或者移動端設計都有一些通用的準則。試著站在客戶的角度考慮，很多設計都應該是自然和符合邏輯的。只要這些準則和邏輯沒有大的問題，作為工程師不應該強行要求設計師改變他的設計。

不過如果你說的是網頁設計的要求或型別是『非專業的』，那大家都隨便點，互相把設計和實現的難點交流一下就沒什麼問題了 :-/

作為乙個前端工程師，在實現設計師的設計稿時，如果有自己的一些想法怎麼辦？是直接什麼也不說，直接照著設計稿做；還是提出一些建議交流？

如果沒有自己的想法就糟糕了——既然是小型團隊，設計師大概可以隨叫隨到吧，去把你的想法跟他交流一下，看他有什麼建議。你作為非專業設計，有時候其實有『旁觀者清』的眼光，也許能看到設計不足的地方，設計師會很感謝你跟他交流的。不過一定要謙虛，避免給人盛氣凌人的錯覺。

如果是設計師全權負責設計的話，那前端工程師在github、codrops，Dribbble上看到先進優秀的效果，是不是就沒有用武之地了？

乙個成熟的團隊需要成員之間充分的信任——信任產品設計，信任進度管理，信任工程師技術，信任市場和銷售團隊，信任團隊招募的每乙個人都很出色。也許你看到一些不錯的設計，也許你覺得這些設計用在你們團隊的產品裡很合適，但是很可惜你不是設計師。對於一款產品的設計，不同的人有不同的眼光，沒有絕對正確的解決方案。

但是作為設計師，他分內的工作就是更加了解產品，客戶以及設計準則，有比你更高的可能性設計出更為優秀的產品。作為前端工程師的你，要做的就是提供技術角度的考量（比如指出某種設計細節可能在技術上難以實現，或者與現有框架難以相容、重用等），幫助設計師打造出更優秀的設計，然後將它按期高質量的實現出來。

4樓：

PM的價值體現就是整個開發流程的把握。

前期立項時的碰頭會，要分析需求，然後形成需求文件，架構師根據需求文件出結構文件並原型。

PM審完這部分之後要有修改意見或定版，定版之後PM分發原型以及需求文件結構文件給設計師和前端。

前端就可以開始構造頁面主體結構了，這期間設計師開始配色、調效果、合成頁面PSD，當PM審完設計師的設計圖後分發給前端開始生成頁面。