從去年下半年開始，互聯網行業慢慢進入寒冬，一些設計師也不得不重新找工作。關于求職這個事情，UI黑客之前寫過一篇文章《面試了50多位UI設計師，我總結了這些求職技巧！》，大家可以參考下。打鐵還需自身硬，找工作最重要的還是靠自身的能力。
那么究竟需要具備什么樣的能力能得到公司的青睞呢？
就拿市面上眾多的 UI 培訓班來說吧，作為盈利性機構，培訓班的課程結構肯定是和當下公司實際需求掛鉤的。畢業的學生被公司錄用越多，口碑效應就會出現，那么報班的生源也會越多，培訓機構自然賺的越多。
越來越多的培訓機構開設了前端課程，這就說明公司實際需求大概也是這樣的。現在求職，不說自己會點前端都不好意思面試，UI設計師學前端也是時下的趨勢。
實際上，在公司項目中，設計師了解前端，會極大提升和程序員的協作效率，減少技術信息不對稱的現象。如果在一個網站項目中，程序員還在跟設計師講解最基本的 html、css、盒子模型知識，那開發效率就可想而知了。
很多公司的項目，都采用了前端框架來開發，如果設計師了解這些框架，能在框架的結構基礎上進行 UI 設計，那無疑會提高項目整體的開發效率。下面就一起了解下常見的前端框架，說不定面試的時候能幫大忙。
網站鏈接：https://ant.design/index-cn
螞蟻金服出品，非常著名的框架。就算你不了解前端，也會在公司的項目中多少聽到程序員說起過。目前很多公司都在用，已經很成熟。而且提供了對設計師友好的 Sketch 規范文件，可以直接拿來用。
Ant Design 是基于 React 開發的，并不是傳統的 html。React 起源于 Facebook 的內部項目，現在已經成了一個很流行的開發工具。
理想的項目開發流程是，設計師和程序員一起熟悉 Ant Design 的各種樣式，設計師不再隨意設計，而是基于框架的基礎樣式進行設計創新。這樣程序員在進行 UI設計稿還原的時候，能極大提高開發效率。
現在很多項目都使用了 Ant Design，一些公司在招聘 UI設計師的時候甚至會寫上：了解 Ant Design 規范的優先考慮。所以這個框架建議設計師都好好看一下。
Bootstrap 是 Twitter 推出的一個用于前端開發的開源工具包，是一個 CSS/HTML 框架，目前世界上的很多網站開發都使用了這個。其中的柵格理論、響應式解決方案都變成了業界的參考規范。
很多設計師在學前端的時候，都會接觸到這個框架，甚至培訓機構有專門的課程，所以重要性可見一斑。
Taro UI，一套基于 Taro 框架開發的多端UI組件庫，可以在微信小程序/H5/ReactNative 等多端適配運行。京東用戶體驗設計部的凹凸實驗室出品。
現在一個產品要求在 iOS、安卓、小程序、h5 等多端運行，針對不同的客戶端開發不同的代碼會產生巨大的成本，這時候只編寫一套代碼就能夠適配到多端的能力就顯得極為需要。
使用 Taro，就可以只寫一套代碼，再通過 Taro 的編譯工具，將源代碼分別編譯出可以在不同端（微信小程序、H5、RN等）運行的代碼，節約成本。
一套基于 Vue.js 的高質量 UI組件庫。Vue.js 是一個 JavaScriptMVVM 庫，是一套構建用戶界面的漸進式框架。
在網站中可以看到數量眾多的 UI組件和對應代碼，本質上和我們制作 UI規范是一樣的。
網站鏈接：https://l-ui.com/
LuLu UI，是一個基于 jQuery，針對 PC 網站，兼容 ie8、ie7 的前端 UI 框架，包含很多靜態或動態 UI 組件。對設計師非常友好，只需要簡單的 html、css 知識就能快速上手使用。
區別于 Ant design 面向中后臺開發，LuLu UI 非常適合面向外部用戶的網站開發。會簡單的 HTML 和 jQuery 就可以上手了，不像一些流行框架，需要較多的學習成本。
QMUI，騰訊出品，分為 Web、iOS、安卓三個端，都有相應的 dome 下載安裝，設計師可以下載安卓和 iOS 應用，經常看看里面的組件，熟悉后，和技術的協作會更有效率。
網站鏈接：http://element-cn.eleme.io/#/zh-CN
餓了么出品，一套為開發者、設計師和產品經理準備的基于 Vue 2.0 的桌面端組件庫，很適合開發后臺產品。有意思的是里面的默認圖文數據很多都是食物……
阿里推出的一個適合設計、技術共同使用的設計規范框架?；灸康囊彩菫榱俗屧O計師在一個標準框架內設計界面，同時也提供了 Sketch 插件，讓設計的組件直接轉化為代碼，技術直接調用。
網站鏈接：https://weui.io/
WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊為微信內網頁和微信小程序量身設計，令用戶的使用感知更加統一。
這個小巧的框架提供了微信頁面常用的組件，我們在設計微信風格的項目時，可以參考使用。
網站鏈接：http://www.framework7.cn/
一個簡單、免費的 HTML 框架，主要用來構建移動端 web 應用，分為 iOS 和安卓兩種風格。
其本身的結構非常簡單，使用了最基礎的 html、css 和 js 構建，很容易上手使用。也可以用來作為原型開發工具，迅速創建一個應用的原型。
此外還有很多其他的前端框架，以上10個框架其實不需要設計師非常深入去了解，最基本的要求是設計師對其內容、樣式、組件有個大致的認知即可。在和技術協作的過程中，知道哪些組件不需要額外設計，哪些組件可以進行樣式擴展。
就比如設計師去學習前端，并不是去代替前端的工作，而是對 UI 界面有個更深層次的認知，設計的同時會考慮到界面的交互性、擴展性、可用性。猶如庖丁解牛，透過表象看到結構本質，提高自己的界面把控能力。
歡迎關注作者的微信公眾號：「UI黑客」
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
發評論！每天贏獎品
點擊 登錄 后，在評論區留言，系統會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論 為下方 15 條評論點贊，解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓