建站
咨詢
售后
建站咨詢
新聞中心
前端設計包括哪些？
比如網頁設計，APP前端設計，日常的海報，不同尺寸屏幕上的一些UI
這2個專業(yè)怎么選擇適合自己的專業(yè)？
作為一名前端開發(fā)工程師，我以個人經驗來回答一下。UI和前端開發(fā)工作兩者相關聯，但兩者有相互獨立，卻又相互依存。兩者分工如下：
1、UI設計主要是根據用戶提出的需求，來對接產品經理。同時根據需求來進行對于頁面的設計，其實在一個軟件的開發(fā)過程中，界面是用戶最直觀能夠面對的東西，所以說設計在用戶最后使用之前，是用戶整體感知系統的一個。用戶通過設計，能距離了解系統，同時看系統能否滿足自己的需求。
2、前端開發(fā)主要是根據設計師給出的設計稿來進行代碼層面的實現，就相當于將設計予以實現，同時不僅僅通過了html+css+js的，同時也會根據數據的設計，來完善數據的前后端交互，同時使網頁動起來，具有了與用戶交互的能力。用戶的所提需求也是在這個地方進行的實現。
3、簡單來說就是UI是設計師給出圖紙，前端開發(fā)就是根據圖紙來建造的工作。
4、這樣的兩個方面其實對于自己的所學專業(yè)差異不算大，對于設計的前提需要有一定的美感和對于產品的感知能力，前端開發(fā)主要是對于自己的編碼能力的體現，這兩者對于專業(yè)的要求，在于現在自己是否能學下去，因為互聯網現在日益發(fā)展，學習的，不論什么專業(yè)都可以自己學習這兩方面的知識，所以說只要自己愿意學和想學，那么你一定就能學成功的！
web前端主要是用來做什么的？
前端開發(fā)是創(chuàng)建Web頁面或app等前端界面呈現給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互 [1] 。它從網頁制作演變而來，名稱上有很明顯的時代特征。在互聯網的演化進程中，網頁制作是Web1.0時代的產物，早期網站主要內容都是靜態(tài)，以圖片和文字為主，用戶使用網站的行為也以瀏覽為主。隨著互聯網技術的發(fā)展和HTML5、CSS3的應用，現代網頁更加美觀，交互效果顯著，功能更加強大。 移動互聯網帶來了大量高性能的移動終端設備以及快速的無線網絡，HTML5，
node.jS
的廣泛應用，各類框架類庫層出不窮。 核心技術編輯HTML語言掌握HTML是網頁的核心，是一種制作萬維網頁面的標準語言，是萬維網瀏覽器使用的一種語言，它消除了不同計算機之間信息交流的障礙。因此，它是網絡上應用最為廣泛的語言，也是構成網頁文檔的主要語言，學好HTML是成為Web開發(fā)人員的基本條件。HTML是一種標記語言，能夠實現Web頁面并在瀏覽器中顯示。HTML5作為HTML的最新版本，引入了多項新技術，大大增強了對于應用的支持能力，使得Web技術不再局限于呈現網頁內容。隨著CSS、JavaScript、Flash等技術的發(fā)展，Web對于應用的處理能力逐漸增強，用戶瀏覽網頁的體驗已經有了較大的改善。不過HTML5中的幾項新技術實現了質的突破，使得Web技術首次被認為能夠接近于本地原生應用技術，開發(fā)Web應用真正成為開發(fā)者的一個選擇。HTML5可以使開發(fā)者的工作大大簡化，理論上單次開發(fā)就可以在不同平臺借助瀏覽器運行，降低開發(fā)的成本，這也是產業(yè)界普遍認為HTML5技術的主要優(yōu)點之一。AppMobi、摩托羅拉、Sencha、Appcelerator等公司均已推出了較為成熟的開發(fā)工具，支持HTML5應用的發(fā)展。 [3] CSS學好CSS是網頁外觀的重要一點，CSS可以幫助把網頁外觀做得更加美觀。JavaScript學習JavaScript的基本語法，以及如何使用JavaScript編程將會提高開發(fā)人員的個人技能。操作系統了解Unix和Linux的基本知識，對于開發(fā)人員有益無害。網絡服務器了解Web服務器，包括對Apache的基本配置，htaccess配置技巧的掌握等。 優(yōu)化編輯盡量減少HTTP請求 (Make Fewer HTTP Requests)減少DNS 查找 (Reduce DNS Lookups)避免重定向 (Avoid Redirects)使得 Ajax 可緩存 (Make Ajax Cacheable)延遲載入組件 (Post-load Components)預載入組件 (Preload Components)減少DOM元素數量 (Reduce the Number of DOM Elements)切分組件到多個域 (Split Components Across Domains)最小化iframe的數量 (Minimize the Number of iframes)杜絕 http (No 404s)以上10條涵蓋了Web前端開發(fā)中遇到的各種頁面處理技術，讓前端開發(fā)人員能夠準確和快速地把握整個網頁的架構，從而達到減少開發(fā)成本和頁面美化目的。前端框架編輯學好Web框架熟悉掌握HTML、服務器端腳本語言、CSS和JavaScript之后，學習Web框架可以加快Web開發(fā)速度，節(jié)約時間。PHP程序員可選的框架包括CakePHP、CodeIgniter、Zend等，Python程序員喜歡使用Django和 webpy，Ruby程序員常用RoR。隨著Web 越來越規(guī)范和標準的統一，Web組件化技術不斷革新，移動端開發(fā)不斷升華，以下是一些常見開源前端框架：Bootstrap主流框架之一，Bootstrap 是基于 HTML、CSS、JavaScript的，它簡潔靈活，使得 Web 開發(fā)更加快捷。html5-boilerplate該框架可以快速構建健壯，且適應力強的web app或網站。MeteorMeteor是新一代的開發(fā)即時web應用的開源框架，它能在較短時間內完成開發(fā)。Semantic UI基于自然語言有效原則的UI組件框架Foundation優(yōu)秀的響應式前端框架Materialize基于材料設計的現代化響應式前端框架?？商峁┠J的樣式，自定義組件。此外，Materialize還改進動畫和過渡，為開發(fā)人員提供流暢的體驗。Pure幾乎可以在每一個web項目中使用的一組小的和響應式的CSS模塊。VueVue.js 是用于構建交互式的 Web 界面的庫。它提供了 MVVM 數據綁定和一個可組合的組件系統，具有簡單、靈活的 API。SkeletonSkeleton 是一個小的 JS 和 CSS 文件的集合,可快速開發(fā)漂亮的網站,適合各種屏幕設備包括手機。Skeleton 基于 960 grid 開發(fā)。它是一個 UI 框架。Amaze UI國內首個開源HTML5跨屏前端框架產品系列，中文排版支持更優(yōu)、本土化組件豐富。該產品系列中有專門針對移動端的HTML5混合應用開發(fā)框架Amaze UI Touch以及針對跨屏HTML5網頁開發(fā)的Amaze UI Web。其中，Amaze UI Touch可以幫助開發(fā)者通過豐富的組件，快速構建出與原生APP相媲美的專屬移動端的HTML5應用。UIkit一個輕量級的和模塊化的前端框架,用于快速開發(fā)和功能強大的web接口。YuiYahoo! UI Library (YUI) 是一個開放源代碼的 JavaScript 函數庫，為了能建立一個高互動的網頁，它采用了AJAX, DHTML 和 DOM 等程式碼技術。它也包含了許多 CSS 資源。使用授權為 BSD許可證。kissy一款跨終端、模塊化、高性能、使用簡單的 JavaScript 框架。MUI最接近原生App體驗的前端框架的框架。Arale一個開放、簡單、易用的前端基礎類庫。JXJX 是模塊化的非侵入式Web前端框架，特別適合構建和組織大規(guī)模、工業(yè)級的Web App。GMUGMU是基于zepto的mobile UI組件庫，提供webapp、pad端簡單易用的UI組件! Web App。ZUI開源HTML5前端框架Clouda Touch.jsTouch.js是移動設備上的手勢識別與事件庫,也是在百度內部廣泛使用的開發(fā)。 [4]至于學習難度，不是很難，只要學肯定是能學會的?。‖F在網絡很發(fā)達，網上有許多學習前端的網站像w3c ... 加油?。?！
學ui好還是web前端好？
1、Web前端開發(fā)：通俗來講，當你打開某個網站時，往往第一時間被那些炫酷的頁設計所吸引。但是，如果沒有Web前端工程師，這些圖片是不會動的。這樣一個頁是怎么實現的呢? 首先，需要UI設計師按照市場部要求進行每張圖片制作;然后WEB前端工程師通過技術手段實現滾動效果。通俗點說web前端工程師就是用HTML5、CSS3、Java、jQuery、Ajax等技術把UI設計的頁面效果做成網頁，結合Bootstrap、AngularJS等最新的JS框架和后臺開發(fā)工程師搭線，最終實現讓大家看到的電商平臺上那些動人的精美頁面。
2、UI設計：所謂UI設計指的是用戶界面設計，即user interface design，通常包括平面設計，網頁設計以及移動界面設計。其中，網頁設計和移動設計這一崗位方向，需要學習Web界面設計、PC客戶端軟件界面設計、HTML5語言、CSS樣式表、布局技巧與瀏覽器兼容等技術。因此從這一點來說，web前端開發(fā)與UI設計之間是互通的，也就是說，通過系統UI培訓后，你將來有可能會成為一名web前端工程師!
實際上，除了工作崗位不同以外，二者最大的區(qū)別就是：WEB前端工程師是要寫代碼的，而UI設計師重點在設計上。因此，對于廣大學員到底學UI設計好還是WEB前端開發(fā)好這一疑問，其實學哪一個都不錯，但最重要的是看你自己的興趣所在。然而，對于初學者來說，無論是UI設計好還是WEB前端開發(fā)，盡可能通過系統培訓多涉獵一些相關知識，這對于將來職場發(fā)展會更有幫助，可以在以后職場中更好的相互協作和支持。
UI設計課程內容上不僅涵蓋了美術基礎、Photoshop、Dreamweaver、Illustrator、Indesign、網站配色與布局、移動端UI規(guī)范等互聯網UI設計師所必需具備的技能，還增加了網絡營銷基本常識、符合SEO標準的網站設計、Landing Page設計優(yōu)化、電商網站設計、店鋪裝修設計、用戶體驗與交互設計、HTML5/CSS3開發(fā)標準、Web端及移動端真實商業(yè)項目，使學員通過項目的制作，更加全面的了解行業(yè)的前沿知識與理念，并能夠合理地運用到實際工作和項目的設計制作中。
綜合來說，無論是學UI設計好還是WEB前端開發(fā)，終極目標都是為了更好的用戶體驗和交互應用，而隨著移動互聯網的深度發(fā)展，對用戶體驗的極致追求勢必會需要大量的UI設計師和WEB前端開發(fā)人員。
分享題目：前端設計包括哪些？（這2個專業(yè)怎么選擇適合自己的專業(yè)？）
文章起源：http://fisionsoft.com.cn/article/dhejche.html
