江苏龙网

  1. 首页 > 资讯 > 科技 > >

■Axure 教程：轻松导出图标字体所有图标( 二 )


文章图片

文章图片

可以看出 ， 替换后已经处理掉了所有的换行 ， 还剩下一些不需要的文本 。仔细观察文本后发现 ， 文本具备一定的规律性 ， 显然可以通过正则通配符批量处理 。
首先需要根据规律文本 ， 分析后得出具体的正则通配符公式（多一个 \\ 是转义符） ， 具体正则语法不是文章重点 ， 此处不展开说明：
■Axure 教程：轻松导出图标字体所有图标
文章图片

文章图片

此时再利用 Word 的通配符替换方法 ， 直接替换成空即可 。从下图可以看到我们得到了想要的最后的可复制格式：
■Axure 教程：轻松导出图标字体所有图标
文章图片

文章图片

当然 ， 此步骤可能由于文件的不同、预览格式的不同或者各人需求的不同 ， 可能存在一些步骤上差异 。但没关系 ， 只要处理到符合你自己的需求标准即可 。
2.3 最后优化
当完成 2.2 后其实就可以直接从 Word 复制到 Axure 中了 。当然 ， 如果对排版有特殊要求时 ， 可以利用 Axure 的行间距和字间距直接处理：
■Axure 教程：轻松导出图标字体所有图标
文章图片

文章图片

还可以根据需要设置多个颜色的图标 ， 适用不同的场景：
■Axure 教程：轻松导出图标字体所有图标
文章图片

文章图片

此时我们就有了 Ionicons 图标字体中的所有图标 ， 解决了开头说的所有问题 。
总结
在动手解决这个问题前 ， 咨询了很多的大牛 ， 给出的建议都是直接使用图片 。但只要花心思 ， 没有问题是解决不了的 ， 而且解决问题本身就是一个学习和动手过程 。从解决流程中 ， 也可以看到其实利用了不少工具和方法 。
总的来说 ， 通过这个方法可以轻松搞定所有的图标字体库 。既能方便平时产品原型设计时的使用 ， 也能快速制作和积累自己的设计库 。
本文由 @ iamxiarui 原创发布于人人都是产品经理 。未经许可 ， 禁止转载
【■Axure 教程：轻松导出图标字体所有图标】题图来自Unsplash ， 基于CC0协议


推荐阅读


上一篇：『』小米果然起来了

下一篇：[万物]华为云专家深度解读：万物互联的智能时代，云原生技术与边缘计算将擦出怎样的火花？