墨墨姐今天推荐的Ant Design 模板对大家来说应该都不陌生。Ant Design 是蚂蚁金服体验技术部出品的一个设计&前端框架。好不好用我们看一下咯~
我们都知道，在产品的研发过程中，会出现很多不同的设计规范和实现方式，但就某些具体行业或产品来说，其中往往存在很多类似的页面和组件，给产品经理和设计师带来很多困扰和重复工作。
而Ant Design总结出来的这套设计语言，它将设计原则、组件、资源结合在一起，旨在统一中台项目的前端UI设计，屏蔽不必要的设计差异和实现成本，解放设计和前端的研发资源。
Ant Design十大设计原则
前面四条是出自《写给大家看的设计书》，而后面六条则是出自于《Web界面设计》，AntDesign 设计规范中处处浸透着这种经过无数实践所证实的智慧
Ant Design 模板流程图，标准化的组件
*插播小广告：该图文结合排版细腻的流程图在墨刀新版工作流中可以轻松实现哦
非常欣喜的是，我们有两位热心的资深用户分别用墨刀做了一套完整的Ant Design的Web和Mobile版的组件库，包含布局、导航、数据录入、数据展示、操作反馈、手势、组合组件等常见的组件。
日期选择器
导航菜单
标签页
评分机制
这些组件做的非常用心，动态交互、易用性、美观等要素，两位制作者都考虑的非常周全。这两位墨刀「老司机」在讨论区也非常的活跃，经常与用户交流产品经验，分享产品成果。知道你心有所动，墨墨姐就帮你到这了，欢迎去讨论区「勾搭」之~
「Ant Design 是一套不错的中后台设计规范，制作墨刀版的模板并分享出来也是希望能像组件一样重复利用，提高原型制作的效率，让大家把精力更多地放在逻辑和体验上，做出更好的产品。」
「做这套支付宝移动端组件库原型，初衷是公司CTO开发很喜欢用这一套组件，建议我做原型考虑参考一下上面的样式，结果我一不小心就把整套组件做成一个原型了。Ant Design 与 G2 的代码质量和文档质量都非常高，算是阿里提出 “大中台，小前台” 后外面可见的杰出作品。很多公司都在内部推广使用，作为产品、设计师、工程师学习产品交互设计的一种工具。希望对大家有所帮助。」
现在这两套组件库已经上传至墨刀的模板库，用户可以自行复制到自己的账号里进行复用。
同时，我们的模板库也提供了大量丰富的免费的行业模板，覆盖金融类、电商类、企业办公类，这些复用性极高的页面，你只需要三步即可将其收入囊中：
墨刀模板库，一键复用不必从零开始做原型_腾讯视频
点击「创建应用」-「预览模板」，选好你心仪的那一款模板；
返回，点击「预览模板」上方的「使用模板」，稍置两分钟，模板就复制到自己的账号里了；
直接在复制好的模板里编辑修改，或者点击页面列表上的「转移」按钮，将所需页面模块转移到其他项目里。
如果你也希望自己制作的原型能够被国内55万墨刀用户使用学习，欢迎参与我们的「墨刀用户模板大使」计划，点击阅读原文查看详情。帮助他人的同时，你也许会收获的更多。
网友评论