Ant Design 图标库上线墨刀!助力你的原型设计
2019-06-27 本文已影响19人
b71abc341dbc
图标虽说是界面设计中不可缺少的组成元素,但常常因为其所占比重较小而容易被大家忽略。
Ant Design 更是将图标描述为“寂寞的微观世界”,希望以后会有更多的设计师一起做好图形设计这件事。秉持着“确定”和“自然”的设计原则,Ant Design 的图标尽量保持图形的简洁,表意准确直接,让用户能一目了然。
这么优秀的图标库,墨刀今天非常开心地宣布!终于把它抱回家了!以后刀友们在墨刀画原型可以直接使用 Ant Design 图标了!来看看这套图标库里有什么吧?
【方向性图标】
各式各样的“上下左右”,满足你多种场景需要

【提示建议性图标】
用提示图标搭配提示文案,食用味道更佳

【编辑类图标】
编辑器UI必备,搞定你的文字排版

【数据类图标】
数据统计图表,从折线图到饼状图一应俱全
【品牌和标识】
从中外大厂到新贵的品牌图标,随拿随用

【网站通用图标】
新增常用 “扫一扫” “发现” "日历"等图标
实用价值超高
如何使用?
打开墨刀编辑区的图标库,即可看到新增的 Ant Design 图标文件夹(含线框风格和实底风格)

你可以按照分类索引找到想要的图标,也可以通过搜索(支持中英文关键词搜索)
将图标插入画布之后,仍然可以对SVG格式的图标进行样式编辑,按你的需要更改它的颜色、大小、描边…
未来可期 coming soon
继接入 Ant Design,墨刀还会持续丰富图标库,新增更多风格和样式的图标,敬请期待~
之后,墨刀还会支持图标的SVG下载,为图标的设计到开发落地提供一站式服务,让设计师和开发的交接更方便。
(目前,在墨刀的标注模式下,图标的图层命名即是图标原本的名字, 开发同学也可以去对应的库搜名字进行自行下载)
此外,为了方便新人们快速掌握墨刀,我们把“视频教程”放到了编辑区里哦。
如果你在设计原型的过程中有任何问题,点击左下方的“视频教程”,即可打开视频面板查看相关教程哦!