当下,对于UI设计师来说,掌握一定的前端开发技术已经成为了必需了。越来越多的UI培训机构都迎合了当下的行情设置了web前端课程内容,今天在这里,小编就给大家做一个UI设计中应该掌握的前端框架盘点。
实际上,在公司项目中,设计师了解前端,会极大提升和程序员的协作效率,减少技术信息不对称的现象。如果在一个网站项目中,程序员还在跟设计师讲解最基本的 html、css、盒子模型知识,那开发效率就可想而知了。
很多公司的项目,都采用了前端框架来开发,如果设计师了解这些框架,能在框架的结构基础上进行 UI 设计,那无疑会提高项目整体的开发效率。下面就一起了解下常见的前端框架,说不定面试的时候能帮大忙。
Ant Design
网站链接:
WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。
这个小巧的框架提供了微信页面常用的组件,我们在设计微信风格的项目时,可以参考使用。
Framework 7
网站链接:http://www.framework7.cn/
一个简单、免费的 HTML 框架,主要用来构建移动端 web 应用,分为 iOS 和安卓两种风格。
其本身的结构非常简单,使用了最基础的 html、css 和 js 构建,很容易上手使用。也可以用来作为原型开发工具,迅速创建一个应用的原型。
总结
此外还有很多其他的前端框架,以上10个框架其实不需要设计师非常深入去了解,最基本的要求是设计师对其内容、样式、组件有个大致的认知即可。在和技术协作的过程中,知道哪些组件不需要额外设计,哪些组件可以进行样式扩展。
就比如设计师去学习前端,并不是去代替前端的工作,而是对 UI 界面有个更深层次的认知,设计的同时会考虑到界面的交互性、扩展性、可用性。犹如庖丁解牛,透过表象看到结构本质,提高自己的界面把控能力。
(本文系转载,转载自微信公众号 @UI黑客)
热门课程
专业讲师指导 快速摆脱技能困惑相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题,火星帮你解答透过浅显易懂的文章,为你揭示火星时代教育提供的附近室内设计课程的魅力,助你实现设计梦想。
本文以3dmaya模型培训为基础,详细分解了3dmaya模型培训机构的关键组成部分,同时对火星时代教育进行了精心展示。
解析游戏化学习的崛起及影响,同时展望火星时代教育的前景。
了解UI设计培训的筛选方法和推荐课程,包括经验丰富的讲师、实战项目经验、就业支持等核心要素,并推荐火星时代教育的相关课程。
深入探讨原画设计的基础知识与技巧,引导你步入原画设计的世界。
通过3DMax建模设计课程,了解其概念、应用和工作流程,借助火星时代教育提升自身技能,创造出更多可能性。
1. 打开微信扫一扫,扫描左侧二维码
2. 添加老师微信,马上领取免费课程资源
同学您好!