上一次分享了iView的Axure组件库的1.0版本,这段时间收到了大家的一些反馈,对里面的BUG进行了修正,所以现在更新一个V1.1版本。
原型预览
iView Axure的项目预览地址:
(如果地址崩了就评论一下,我再更新一个)
字体图标的使用经验分享
上一次分享后,很多朋友问到字体图标是如何制作的,在此处分享给大家。
使用图标字体的好处有很多:
在Iconfont上会有大量的矢量图标可以使用,选择你想要的图标,并将其添加到你的项目库中,如下:
通过“下载至本地”可以下载包含ttf格式的字体包。
注意:如果你有多个字体包同时安装到电脑中,可通过“更多操作”-“编辑项目”来更改字体名称,以避免多个字体因为同名而无法同时安装到系统中的情况。
至此,图标字体已经得到。
STEP2:取出所有图标
要在Axure中使用图标,不仅仅需要字体,还需要知道每一个图标的Unicode编码,才能在文本框中调用,通过字体编辑工具,可以将所有的图标取出,放置到Axure中备用。
然而这种工具很难寻找,目前只在Mac平台找到一个Glyphs可以复制出所有的图标:
直接全选复制后,在Axure中新建一个label,在其中粘贴,切换字体为你在iconfont设置的字体名称(默认为iconfont),即可显示出所有的字体图标。
以后每次使用图标,都可以在此处直接复制。
STEP3:设置WebFont
当我们要把原型输出给研发同事时,由于对方的电脑中肯定没有安装该字体,所以需要配置web font来让对方无论在什么电脑上都能看到图标。
在Axure中,依次进入Publish-Generate HTML Files-Web Font。点击添加按钮后,输入字体名称,如:Ionicon。
这时候需要填写CSS或FontFace,这段代码可以在iconfont的项目信息中获取:
粘贴的时候注意开始和末尾的大括号,Axure的输入框已经预设了开头和末尾。
这样输出的文件无论在什么情况下浏览都可以正常显示字体图标了。
如果觉得麻烦可以直接下载文件,使用组件库中的图标和配置。
文件下载
如果下载地址失效,可前往Gitee下载:
本文由 @包子产品狗 原创发布于人人都是产品经理。未经许可,禁止转载
题图作者提供★End★
责任编辑:
相关下载 |
中兴官方宣布,经过 4 个月的用户体验打磨,MyOS 11.5 正式在 Axon 30 Pro 上首发推送,大家可以在系统更新右上角的“ 体验版本 ”里升级体验。 据了解到,详情>>
中兴在今年 4 月份发布了 Axon30 系列手机,其中 Axon30 Ultra 限量发售了 16GB+1TB 版本 ,售价 6666 元。 今日,中兴官方宣布,Axon30 Ultra 16GB+1TB 版本将于 7 详情>>
[PConline 资讯]据了解,中兴手机在昨日正式官宣了中兴AXON 20 5G新配色幻影橙风开启50元定金预售模式,在11月1日支付尾款就可以减掉10元,8GB+256GB版实际到手价则为2788详情>>
原标题:Axure教程:转盘抽奖交互原型 本文跟大家分享,如何使用axure制作转盘抽奖交互原型,不带登录流程。 效果如下: 抽奖流程 一、主要内容 (1)详情>>
原标题:千元级Wi-Fi 6 华硕AX3000电竞路由冲刺5G速度 5G时代的到来,让网络速度有了质变效果,甚至5G手机的测速已经能够超越家庭光纤宽带了。然而,在实详情>>
原标题:Axure RP 9 教程:模拟微信系列(2) 今天给大家送上模拟微信系列第二篇,我们使用简单的函数组合来达到我们想要的显示效果,只要懂得其原理,我们就详情>>
原标题:Axure RP8 教程:淘宝轮播图自动滚动效果 作为产品经理必备神器之一,axure相信每个人都用过。这篇文章带大家了解下淘宝轮播图效果的制作与详情>>
原标题:AX2 STUDIO 小宇航员和小狐狸 搪胶公仔 这是个关于一个叫Leori的宇航员男孩和他的伙伴小狐狸Foxy,一起在太空开加油站的故事,他们常说:“你抬详情>>
原标题:Axure 中继器:如何实现微信九宫格设计交互? 如何利用Axure中继器实现微信九宫格设计交互?一起来文中看看~ 下面这张图就是大家熟悉的、不详情>>
原标题:华为Mate30Pro、三星Note10+和中兴天机Axon10Pro,5G手机选谁? 文/焦运杰 审校/李俊慧 5G不是给手机准备的? 日前,工业和信息化部苗圩部长在国详情>>
原标题:Axure RP8 教程:照片胶片放映滚动效果制作(二) 用Axure RP8实现照片胶片放映滚动效果还有哪些方法呢,一起来看看~~ 继上一篇文章《Axure RP详情>>
原标题:线上课程 | 产品新人如何通过Axure原型设计,展示自己的可塑性? “简历投出去20天了,一个面试通知都没有,怎么办……”听到樊凡同学这个“悲剧详情>>
原标题:Axure教程:如何实现计时 总所周知,手机通常自带了一个计时小工具。于是前不久,笔者突发奇想能不能用Axure做出这个小工具,因此笔者将以此为案详情>>
这是一款利用音乐射击的游戏,弹动吉他的弦,利用音符射击敌人攻击你的敌人,获得美女们的芳心!*亮点可用自己设备中的的音乐游玩!游戏特性:1.使用自己的音乐,以新的方式来体验游戏。2详情>>
Axes.io(丢斧大作战)是io系列刚推出的一款新作,玩法和之前的io游戏是类似,这个游戏的画风㛑继承之前的游戏比较魔性,玩法也很魔性,在这个游戏中玩家需要通过不断的走位然后拿斧头详情>>
《AXYOS:战斗牌(AXYOS:Battlecards)》是一款全新的战术纸牌游戏,由AxyosGames公司制作发行。玩家在游戏中扮演一个指挥官,你可以在一次次的战斗中发明和使用不同的战术!并且你可以详情>>
Axure作为一款强大的原型设计软件,是不少产品经理和设计师高频使用的软件之一。如何实现点击按钮打开某网页功能?简单几步,让你轻松几步解决。攻略对象Axure RP 8步骤分解11. 详情>>
很多网站的banner都采用幻灯切换效果,页面简洁而富有动感。如何使用Axure RP 8快速实现幻灯切换效果?简单几步,让你轻松几步解决。攻略对象Axure RP 8步骤分解11. 准备好需要插详情>>
中兴推出Axon10Pro5G旗舰机型,支持5G通讯。中兴Axon10Pro5G配置怎么样?Axon10Pro5G什么时候出?99安卓网小编介绍下中详情>>
【17173新闻报道,转载请注明出处】2月21日,NEXON宣布旗下的MMORPG手游《AxE》将在全球上线。此次,《AxE》在除了中国和越南之外的全球其他国家的苹果和安卓两大平台中详情>>