咨询电话:400-810-1418服务与监督电话:400-810-1418转接2
  • 相关推荐
  • Web开发选择是php还是java好?
  • 前后端分离是什么?
  • 如何设计一个JavaScript插件系统?
  • 2020年2月前端开发者实用干货合集
  • 2020年前端开发者实用干货工具推荐
  • 年底福利!设计&前端实用干货大合集
  • 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黑客)