UI開發不是前端開發——那UI開發究竟是什麼？

用戶界面(User Interface)是指對軟件的人機交互、操做邏輯、界面美觀的總體設計。好的UI設計不只是讓軟件變得有個性有品味，還要讓軟件的操做變得溫馨、簡單、自由、充分體現軟件的定位和特色。用戶界面設計是UI設計師的首要工做，視覺美觀是UI設計師的能力和職責，功能實現和易用則是UI 開發的本事。根據Indeed的官方數據顯示，UI設計師每一年薪資爲：￥88,852，而UI開發的薪資則高達￥117,069。爲何差距如此懸殊呢？UI 開發究竟是什麼？

 

1. UI 設計師，UI 開發，前端工程師三者的區別

UI 設計師

UI設計師的目標是對界面進行美觀設計，注重視覺方面，從而改善總體用戶體驗設計。他們是根據產品需求，對產品的總體美術風格、交互設計、界面結構、操做流程等作出設計，負責項目中各類交互界面、圖標、LOGO、按鈕等相關元素的設計與製做。負責軟件界面的美術設計、創意工做和原型設計。主要要求從業人員精通Photoshop、Illustrator、Flash等圖形軟件。

Web前端開發

前端開發重點是將設計稿轉換爲靜態頁面，而且編寫業務邏輯所須要的代碼。前端設計師並不必定要懂得設計，主要利用HMTL與CSS建構頁面，用JavaScript完善交互以及用戶體驗。前端開發須要比UI開發懂的更多的編程技能。他們必須瞭解HTTP協議，服務器和瀏覽器的工做原理，在當前市場上的各類設備上顯示Web的特性。

UI開發

設計+ HTML / CSS / JS。 UI開發人員將設計理念和技術技能結合在一塊兒。他們不但擁有設計的能力， 懂得設計的原則和原理，還能將其轉換爲代碼來達到功能的實現。他們可以深入瞭解CSS，HTML等代碼知識 而且正確的使用在設計和開發中。

 

2. 爲何UI開發愈來愈熱門？

長期以來UI設計師和開發都是分離的兩個職位，通常是由UI設計師進行頁面設計，而後提供給前端開發工程師進行編寫。可是這樣就存在設計師和開發之間互不理解的問題，設計師不懂代碼，他沒法理解本身在PhotoShop中只須要簡單應用一個濾鏡的問題怎麼到了前端那裏就告訴有兼容問題沒法實現，以爲是開發人員不肯意實現，而前端工程師也常常以爲設計師提供的頁面缺少邏輯，無從下手，並且設計師有時候會調整界面設計，有的調整徹底不顧及已經寫好的代碼隨意調整，徹底破壞了已經寫好的代碼結構，很是痛苦。

UI開發職位的出現就徹底解決了這個問題，由一我的完成界面的設計和開發，一切都在掌握中，大大減小了溝通成本。設計師掌握了開發知識以後，設計上面能夠更大膽，不用擔憂設計沒法實現，也不會去作一些開發耗時而實際上無關緊要的設計，能夠下降開發時間。若是後續須要修改設計，整個調整也只須要一我的來完成，能夠用最短的時間完成。

3. UI 開發的工做職責

UI開發人員的工做職責以下：

l 熟悉掌握如下開發語言：HTML，CSS

l 可以熟練應用代碼到UI設計和開發工做中

l 有能力幫助其餘開發者更好的完成工做

l 爲整個應用程序提供UI元素的組件以及開發UI體系結構

l 在設計和開發階段，能與開發和產品團隊進行良好的溝通協調

l 執行主要設計原則和用戶體驗，經過高保真模型實現交互流程

l 開發出的產品必須好看而且容易使用，界面要有功能性。

 

4. UI 開發須要掌握哪些技術和工具？

技術：

Html，CSS（開發語言）

UI design（UI設計原則和原理）

Web design（web設計）

Graphic Design（掌握平面設計的工做原理）

工具：

Illustrator，Photoshop（UI設計工具）

WebStorm (IDE)

Mockplus（原型設計工具，作原型最快最方便）

 

5. UI 開發的職業生涯發展

就像前面介紹的UI開發如今的薪資水平直線上升， 不少UI設計師不甘心只作設計，作一個「美工」。並且有時候在工做上與開發同事溝通交流又困難，不如本身把本身設計的頁面用代碼寫出來。這樣不但可以理解開發同事的工做，從而進行有效地溝通，也更容易理解設計的原理。許多人認爲UI開發最終會合併成前端開發，但如今職業劃分愈來愈細的時代，UI開發將會是一個獨立的熱門職業。

 

總結

UI開發在將來將會是一個愈來愈熱門的職位，無論你如今是UI設計師仍是前端工程師，如今均可以去學習成長爲一個UI開發者。你能夠負責整個視覺界面，而後本身編寫代碼來實現它。你能夠作任何決定來主導你的設計，但你要有說服他人的能力。你能掌握HTML，CSS和Javascript等前端開發所需的關鍵語言。它們易於理解，也是學習其餘用戶界面技術的基礎。不要猶豫，開始你的UI開發職業生涯吧。