1. 程式人生 > >UI開發不是前端開發——那UI開發到底是什麽?

UI開發不是前端開發——那UI開發到底是什麽?

UI設計師 原型設計 界面設計 前端開發

用戶界面(User Interface)是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅是讓軟件變得有個性有品味,還要讓軟件的操作變得舒適、簡單、自由、充分體現軟件的定位和特點。用戶界面設計是UI設計師的首要工作,視覺美觀是UI設計師的能力和職責,功能實現和易用則是UI 開發的本事。根據Indeed的官方數據顯示,UI設計師每年薪資為:¥88,852,而UI開發的薪資則高達¥117,069。為什麽差距如此懸殊呢?UI 開發到底是什麽?


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

UI 設計師

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

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開發職業生涯吧。

UI開發不是前端開發——那UI開發到底是什麽?