咨询电话:400-810-1418服务与监督电话:400-006-6572

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黑客)