從web前端到UI設計頁面重構的組合
阿新 • • 發佈：2017-05-18
Web前端開發就是HTML/CSS/JavaScript/Flash等各種Web技術，增加交互功能，同時結合後臺開發技術模擬整體效果，進行豐富互聯網的Web開發，致力於通過技術改善用戶體驗。
以一個網站為例包括網站設計、前端開發、程序開發等，這是一個由淺及深、由表及裏的過程。網站設計就是網站的外觀設計，這部分工作屬於UI設計師的職責範疇，他們主要從界面美觀設計、邏輯操作順序以及人機交互功能三方面出發對網站進行基礎描繪，實現網站最表層的設定。
前端開發它的工作包括了切圖、寫樣式、做鼠標效果和圖片切換效果等;對完成的頁面進行維護和對網站前端性能做相應的優化;運用各種工具進行輔助開發;掌握理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持。
現如今的前端工程師能做的工作越來越多，單純的頁面交互效果已經不能滿足我們的需求，現如今前端的框架多如牛毛，應用一款適合的開發框架，會使開發變得方便快捷，並且能對數據進行相應的操作與處理，減少了後臺人員在技術上的難度，更高層面的前端工程師，在沒有後臺技術的前提下，也可獨立完成項目。
以一個網站為例包括網站設計、前端開發、程序開發等，這是一個由淺及深、由表及裏的過程。網站設計就是網站的外觀設計，這部分工作屬於UI設計師的職責範疇，他們主要從界面美觀設計、邏輯操作順序以及人機交互功能三方面出發對網站進行基礎描繪，實現網站最表層的設定。
前端開發它的工作包括了切圖、寫樣式、做鼠標效果和圖片切換效果等;對完成的頁面進行維護和對網站前端性能做相應的優化;運用各種工具進行輔助開發;掌握理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持。
現如今的前端工程師能做的工作越來越多，單純的頁面交互效果已經不能滿足我們的需求，現如今前端的框架多如牛毛，應用一款適合的開發框架，會使開發變得方便快捷，並且能對數據進行相應的操作與處理，減少了後臺人員在技術上的難度，更高層面的前端工程師，在沒有後臺技術的前提下，也可獨立完成項目。
頁面重構簡單的來說就是將設計稿轉換成WEB頁面，跟前端工程師所要求的有所不同，頁面重構雖然也是前端工程師的一個範疇，在職業化中，對專職的頁面重構者，要求當然也更高。UI設計師和前端工程師的工作有交叉，需要二者相互配合相互協調，基於此，東時教育的UI/UE+網站重構課程中有關於前端基礎課程，而前端課程一開始則是界面設計的基礎知識，這樣有利於他們在以後的工作中緊密配合，避免矛盾，提高夠工作效率。
從web前端到UI設計頁面重構的組合