最近好多人問我，UI設計師需要了解前端代碼嗎？我的答案是肯定的
作為一個UI設計師，我認為了解基本的前端操作是很有必要的。
在我剛接觸設計的時候，那時做WEB頁面的都叫做網頁設計師，最常用的設計工具叫網頁三劍客，只要掌握這三個工具就能獨立制作出一整套頁面，那時候的頁面設計師承包了現在的交互視覺前端的一切工作。
但是，隨著互聯網的快速發展，人們對頁面的要求越來越高，無論是設計還是前端都變得越來越專業。人們需要更多炫酷的特效和體驗化的設計來制作頁面。 HTML5和CSS3也越來越普及，瀏覽器每晚都在更新，每隔幾個月就會增加新的設備和屏幕大小，而前端需要考慮的屏幕尺寸越來越多，這一切變得不再容易。設計師的職業也開始細分化，從交互到視覺再到前端...雖然流程被細分了，但是前端和視覺這兩者我認為是密不可分的關系，做為UI設計師了解基本的前端代碼依然十分重要。我總結了三點：
1、團隊配合更輕松
設計師了解前端和前端了解設計都是相同重要的，設計師在前端能實現的前提下來制作設計稿。前端在了解基本設計規則的情況下來和設計師配合，大大提高團隊效率。在一個產品開發團隊中只有每個人都清楚的知道其他人在干什么才能更加明確自己手頭工作的目的。但是往往很少有人會想到去了解自己并不會用上的東西。
我面試了許多UI設計師，大多設計師只是學習了基本工具的用法，和設計的基本規則。卻很少能有設計師能真正了解設計的本質和產品從前期調研到后期產品上線的整個實現流程，這樣的結果就是設計師在工作上沒有話語權，經常會面臨各種指點江山的“大神”。
2、頁面設計更加合理
設計師了解瀏覽器的代碼解析規則之后能更加合理的設計頁面，不會出現超出前端范圍內的設計。
3、保護自己的工作
我們工作中，很多時候前端人員并不了解設計，對審美也沒有一個良好的判斷，有時會根據某些無法實現的效果去對頁面做一些更改。導致實現的效果和設計稿相差甚遠，這也是讓許多設計師頭痛不已的問題。如果這時候設計師自己懂這些基本方法就能很好的保護自己的工作，保障了設計稿和最終效果的統一，在工作中也更有話語權。
當然不是讓所有人去去系統學習前端代碼，只是你需要了解你設計的視覺稿最后以通過什么方式實現最終效果，如果你了解了其中的原理，對你前期設計思路會更加清晰，不至于設計出超出范圍的頁面，也避免在工作中被開發人員牽著走。
現在我偶爾也會接觸一些前端的工作，雖然算不上特別專業，但是實現一些基本頁面還是沒問題的。目前主要重心還是放在設計上，比起編程我還是更鐘愛設計。雖然沒有經過特別專業的課程和訓練，但是通過自學也總結了許多設計心得和方法，也幫助了一些剛進入設計領域的新人找到了目標，這一點是我非常欣慰的。后期會慢慢在公眾號上更新分享自己的方法，希望通過我的分享能幫到更多在設計這條路上的新人找到正確的方向。
