恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Ant Design 模板上线 MockingBot 墨刀,
0.0°
2017-07-12 原创文章 教程 举报 5180 2 7 0

墨墨姐今天推荐的Ant Design 模板对大家来说应该都不陌生。Ant Design 是蚂蚁金服体验技术部出品的一个设计&前端框架。好不好用我们看一下咯~

Image title


我们都知道,在产品的研发过程中,会出现很多不同的设计规范和实现方式,但就某些具体行业或产品来说,其中往往存在很多类似的页面和组件,给产品经理和设计师带来很多困扰和重复工作。

Image title


而Ant Design总结出来的这套设计语言,它将设计原则、组件、资源结合在一起,旨在统一中台项目的前端UI设计,屏蔽不必要的设计差异和实现成本,解放设计和前端的研发资源。

Ant Design十大设计原则

前面四条是出自《写给大家看的设计书》,而后面六条则是出自于《Web界面设计》,AntDesign 设计规范中处处浸透着这种经过无数实践所证实的智慧

Image title


Ant Design  模板流程图,标准化的组件

*插播小广告:该图文结合排版细腻的流程图在墨刀新版工作流中可以轻松实现哦

非常欣喜的是,我们有两位热心的资深用户分别用墨刀做了一套完整的Ant Design的Web和Mobile版的组件库,包含布局、导航、数据录入、数据展示、操作反馈、手势、组合组件等常见的组件。

Image title

日期选择器

Image title

导航菜单

Image title

评分机制

这些组件做的非常用心,动态交互、易用性、美观等要素,两位制作者都考虑的非常周全。这两位墨刀「老司机」在讨论区也非常的活跃,经常与用户交流产品经验,分享产品成果。知道你心有所动,墨墨姐就帮你到这了,欢迎去讨论区「勾搭」之~

Image title


「Ant Design 是一套不错的中后台设计规范,制作墨刀版的模板并分享出来也是希望能像组件一样重复利用,提高原型制作的效率,让大家把精力更多地放在逻辑和体验上,做出更好的产品。」

Image title


「做这套支付宝移动端组件库原型,初衷是公司CTO开发很喜欢用这一套组件,建议我做原型考虑参考一下上面的样式,结果我一不小心就把整套组件做成一个原型了。Ant Design 与 G2 的代码质量和文档质量都非常高,算是阿里提出 “大中台,小前台” 后外面可见的杰出作品。很多公司都在内部推广使用,作为产品、设计师、工程师学习产品交互设计的一种工具。希望对大家有所帮助。」


现在这两套组件库已经上传至墨刀的模板库,用户可以自行复制到自己的账号里进行复用。


同时,我们的模板库也提供了大量丰富的免费的行业模板,覆盖金融类、电商类、企业办公类,这些复用性极高的页面,你只需要三步即可将其收入囊中:


点击「创建应用」-「预览模板」,选好你心仪的那一款模板;

返回,点击「预览模板」上方的「使用模板」,稍置两分钟,模板就复制到自己的账号里了;

直接在复制好的模板里编辑修改,或者点击页面列表上的「转移」按钮,将所需页面模块转移到其他项目里。

Image title

如果你也希望自己制作的原型能够被国内55万墨刀用户使用学习,欢迎参与我们的「墨刀用户模板大使」计划,点击阅读原文查看详情。帮助他人的同时,你也许会收获的更多。

更新:2017-07-12

收藏

2人已收藏

墨刀_MockingBot

在线产品设计写作一体化平台

  • 494

    作品

  • 1448

    粉丝

  • 3

    关注

  • 产品经理和设计师谈恋爱,看得我比“老坛酸菜”还酸!
  • Figma”断供“后:墨刀能为中国企业做什么?
  • 产品经理干久了,有哪些后遗症?
  • 超实用的后台原型,产品大佬的摸鱼技巧都在这里!
相关标签

    猜你喜欢

      2017-07-12 原创文章 教程 举报 5180 2 7 0

      Ant Design 模板上线 MockingBot 墨刀,

      0.0°

      你确定要举报Ant Design 模板上线 MockingBot 墨刀,

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年07月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      7
      2
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录