設計解惑-UI設計師須要懂技術嗎？

在以前的文章中，咱們討論了產品經理需不須要懂技術。那麼做爲和開發聯繫密切的另外一個羣體，UI設計師需不須要懂技術呢？今天咱們就一塊兒來討論一下這個問題~

首先，讓咱們一塊兒來看看UI設計師的平常工做內容有哪些：

UI設計師工做內容

根據項目流程，咱們能夠把UI設計師的平常工做總結出如下幾點：

1.需求確認：理解需求內容，梳理業務邏輯和項目流程，只有對需求足夠理解，才能提升設計的效率，下降設計稿的返工率。

2.整理素材：在確認完需求後，設計師們就會開始尋找靈感和素材，當相關素材準備完成，就能夠進行設計稿製做了。

3.產品經理核稿：設計初稿完成後，須要提交給產品經理確認需求是否體現得當，邏輯交互是否呈現徹底等，再根據審覈結果進行調整。

當產品經理審覈結束，後面的環節就主要是與開發對接了。

4.標註與切圖：在將設計稿交付給開發以前，設計師須要準備設計稿標註、切圖等內容。以便更加順暢地跟開發同事們溝通。

5.審視前端輸出頁面：當開發實現頁面後，設計師須要覈對輸出的頁面與設計稿是否一致，若是有出入，則須要進行調整和修改。

6.項目總結，生成設計規範：開發能夠根據設計規範統一調整界面，便於同類型設計進行復用。

從上述內容能夠看出，UI設計師的平常工做與開發息息相關。若是UI想要提升溝通效率，推進頁面順利產出，就必需要對開發的工做內容有必定的瞭解，才能避免出現「頁面沒法實現」的窘境。

UI設計師須要懂哪些技術

首先咱們須要肯定，UI設計師瞭解技術知識的目的是爲了更好地幫助開發實現頁面輸出，所以UI必需要了解設計的實現原理。圍繞這一目標，咱們能夠對UI須要瞭解的技術內容分爲如下兩個部分：

1.懂得前端代碼的基礎知識：瞭解html標籤及語法、css語法、seo搜索引擎優化技術、兼容性調試等技能，不只能更好地設計出合理的頁面，當出現某些交互沒法實現，致使頁面呈現效果與設計稿不一致的狀況時，設計師才能站在開發的角度進行理解，明白他們在講什麼，問題出在哪裏。

2.懂得系統架構：開發工程師一般會根據UI的設計稿來搭建產品架構，若是UI在設計階段將產品設計得過於複雜，那麼產品的架構也會很是複雜，若是後期想要進行修改，將會很是困難。所以UI設計師只有掌握了系統架構的相關知識，才能預估開發的實現難度，從而選擇更合適的設計方案。

固然，UI設計師並不須要真正學會編程，而是經過了解開發知識，讓本身在設計過程當中能夠考慮到界面的交互性、擴展性、可用性，從而提升本身的界面把控能力。另外一方面，懂得開發知識的UI設計師，和開發之間的溝通每每也會更加順暢，從而帶動起整個項目的節奏。

對於項目開發團隊來講，溝通高於一切。那麼如何提高設計師和開發之間的溝通效率呢？

UI設計師如何更好地與開發工程師溝通

對於團隊來講，只有瞭解彼此的工做內容，才能更加理解自身工做的目的與價值，團隊配合也才能更加默契。在瞭解前端開發的基本知識後，設計師還能夠藉助一些設計交付類的工具更便捷地和開發人員進行設計交付階段的溝通。以咱們經常使用的摹客iDoc爲例，來看看設計師和開發是如何藉助這類實用工具完成溝通的：

1.製做產品流程圖：UI在完成設計以後，能夠藉助摹客iDoc繪製流程圖，還能夠添加邏輯線和描述，讓開發對業務需求一目瞭然。

2.作好批註說明：在交付設計稿時，在關鍵部分作好批註，如通用錯誤提示列表等，幫助開發理解設計內容。

3.自動切圖：在摹客iDoc直接分享項目連接，開發可經過連接加入項目，自主獲取各類設備尺寸的切圖，讓設計稿交付更加高效。

4.評論功能：設計稿交付後，開發和UI可使用摹客iDoc的評論功能及時進行溝通交流。開發完成頁面輸出後，設計師也能夠在原設計稿進行打點評論，讓開發更加清晰地找到頁面輸出不一致的地方，並進行調整。

以上是小摹爲你們分享的幾個摹客iDoc實用小技巧，除此以外，UI設計師還可使用摹客iDoc輕鬆進行版本對比、設計圖管理等。另外，開發也能夠在摹客iDoc一鍵複製CSS代碼，查看圖層標記。

總之，藉助摹客iDoc等高效率協做設計工具，可讓UI設計師和開發之間的溝通更加順暢，有效提高產品設計團隊工做效率。

總結：

做爲產品需求與最終實現之間的橋樑，UI只有在項目開發初期就解決掉全部不可行的構想，纔能有效下降各部門返工率。所以，在開發過程愈加「敏捷」，要求也水漲船高的今天，產品和設計師多掌握一些開發方面的知識，能夠說是很是有必要的。此外，傳統的QQ，郵件等溝通方式已經開始逐漸被協同設計平臺取代，尚未相關使用經驗的設計師必定要趕忙了。