當前位置:首頁 >教程首頁 > IT 學院 > WEB前端+全棧工程師班 >UI設計中應該掌握的前端框架盤點

UI設計中應該掌握的前端框架盤點

發布時間:2019-03-11 17:35:40

當下,對於UI設計師來說,掌握一定的前端開發技術已經成為了必需了。越來越多的UI培訓機構都迎合了當下的行情設置了web前端課程內容,今天在這裏,小編就給大家做一個UI設計中應該掌握的前端框架盤點。

實際上,在公司項目中,設計師了解前端,會極大提升和程序員的協作效率,減少技術信息不對稱的現象。如果在一個網站項目中,程序員還在跟設計師講解最基本的 html、css、盒子模型知識,那開發效率就可想而知了。

很多公司的項目,都采用了前端框架來開發,如果設計師了解這些框架,能在框架的結構基礎上進行 UI 設計,那無疑會提高項目整體的開發效率。下麵就一起了解下常見的前端框架,說不定麵試的時候能幫大忙。

Ant Design

網站鏈接:UI設計中應該掌握的前端框架盤點

WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信內網頁和微信小程序量身設計,令用戶的使用感知更加統一。

這個小巧的框架提供了微信頁麵常用的組件,我們在設計微信風格的項目時,可以參考使用。

Framework 7

網站鏈接:http://www.framework7.cn/

UI設計中應該掌握的前端框架盤點

一個簡單、免費的 HTML 框架,主要用來構建移動端 web 應用,分為 iOS 和安卓兩種風格。

其本身的結構非常簡單,使用了最基礎的 html、css 和 js 構建,很容易上手使用。也可以用來作為原型開發工具,迅速創建一個應用的原型。

總結

此外還有很多其他的前端框架,以上10個框架其實不需要設計師非常深入去了解,最基本的要求是設計師對其內容、樣式、組件有個大致的認知即可。在和技術協作的過程中,知道哪些組件不需要額外設計,哪些組件可以進行樣式擴展。

就比如設計師去學習前端,並不是去代替前端的工作,而是對 UI 界麵有個更深層次的認知,設計的同時會考慮到界麵的交互性、擴展性、可用性。猶如庖丁解牛,透過表象看到結構本質,提高自己的界麵把控能力。

(本文係轉載,轉載自微信公眾號 @UI黑客)

华体会hth体育网 賞析
  • 2101期學員李思庭作品

    2101期學員李思庭作品

  • 2104期學員林雪茹作品

    2104期學員林雪茹作品

  • 2107期學員趙淩作品

    2107期學員趙淩作品

  • 2107期學員趙燃作品

    2107期學員趙燃作品

  • 2106期學員徐正浩作品

    2106期學員徐正浩作品

  • 2106期學員弓莉作品

    2106期學員弓莉作品

  • 2105期學員白羽新作品

    2105期學員白羽新作品

  • 2107期學員王佳蕊作品

    2107期學員王佳蕊作品

專業問題谘詢

你擔心的問題,火星幫你解答

微信掃碼入群領福利

掃碼領福利最新AI資訊

點擊谘詢
添加老師微信,馬上領取免費課程資源

1. 打開微信掃一掃,掃描左側二維碼

2. 添加老師微信,馬上領取免費課程資源

×

同學您好!

您已成功報名0元試學活動,老師會在第一時間與您取得聯係,請保持電話暢通!
確定