火星网校
UI设计中应该掌握的前端框架盘点
当下，对于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黑客）
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
热门课程
专业讲师指导 快速摆脱技能困惑
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
可灵年化5亿美元谷歌带队出海安徽举办省级漫剧大赛AI设计日报0623
可灵正推进从快手分拆独立运营，内部方向为2027年初递交港股上市申报 来源：上海证券报（2026-06-17） AI短剧"产......
-
火星时代
-
腾讯又放大招这款AI工具让游戏美术效率提升300是真革命还是噱头
但对于追求极致细节的资深原画师来说，自动化程度高也意味着部分控制权让渡，需要适应 实测体验：响应速度确实惊艳，比传统生图的等待......
-
2026年，AI短剧早已不是"写一段提示词等生成"的粗放阶段真正拉开差距的，是谁先把从立项到出片的整套工业化流程跑通 过去做A......
-
什么是负面提示词？ 在AI绘画中，我们通常用正向提示词告诉模型想要什么——比如"一个穿红色连衣裙的女孩站在海边"这时候你需要一......
-
做AI漫剧最头疼的是什么？不是剧情写不好，不是场景出不来——是角色脸上的表情 想写角色开心，只会一句"他开心地笑了"；想写难过......
