前端开发中,经常会用到各种各样的图标(icon).这些icon,如果每个都要自己去做,那真的是耗时又耗力.但是,有了阿里巴巴矢量图标库这样的平台后,一切都变得简单了起来. 本文以此平台为例,演示如何搜集并下载项目所需的icon资源. 访问官网并登录 访问iconfont官网,并且登录.推荐大家登录以后,再做后续的一些操作.登录以后,不仅可以收藏icon,并且可以创建自己的icon项目.这个icon项目,可以非常方便地对icon的管理(删除.添加等). 搜索图标 首页有个大大的"搜索框"…
如何在 IconFont 上获取图标资源 阿里巴巴矢量图标库网站(https://www.iconfont.cn/)上提供了非常丰富的图标资源,包括 SVG.AI.PNG.字体图标等格式.使用该网站提供的图标,需要在该网站上注册账号并登录. 1 搜索图标 登录成功后,在首页的搜索框中搜索关键字,例如搜索一个手机的图标: 输入'mobile' 后回车,可以看到搜索结果.可以在搜索结果上方选择色系.风格等,对结果进行过滤. 在前端开发实战中,最常使用的是 SVG.PNG.字体图标三种方式.使用 PN…
在做安卓设计时,找美工设计界面的漂亮图标是必不可少的,但是对于一个初创团队来说,请一个UI的成本其实也挺高的,此时对于一个偏技术的产品经理来说,从其他成熟的产品的apk中提取图标就是一个很便捷的方法,提取的方法也很简单: 1)到应用市场上下载apk,比如华为应用市场:http://app.hicloud.com/  2)用解压工具解压: 3)然后到asset文件夹或者res文件夹内找对应的图标资源即可,比如下面就是某应用的res文件夹的图标资源,基本上常用的图标都有了.   来自为知笔记(Wiz…
好,忙,我懂..... 首先把图标放进项目里(废话): 接下来把这些图标下载到本地(这里不介绍网络途径了,下载就完事了) 然后利用一个网站将这个ttf文件转成base64文件https://transfonter.org/(幽幽绿光中夹杂了一些爱情的颜色)没错,就是这个网站 进入  https://transfonter.org/ 网站后界面是酱紫,然后我们用 阿里的iconfont.ttf文件 去转换成我们需要的CSS文件 下载之后就得到我们想要的css文件啦 打开我们的薇信小程序,建立一个新…
如果你也在寻找一些商务相关的图标的话,今天推荐的这套图标资源绝对是你梦寐以求滴 , 首先呢请预览一下效果吧~ 这套来自Vexels的图标包含了28张商务和商业相关的内容,包含了战略,市场,项目,付款等等商业相关的内容, 并且支持不同的文件格式,例如, AI,EPS,PSD,PNG等等 最重要的是符合 Creative Commons Attribution 3.0 Unported 授权,我们可以自由修改和演绎, 是不是超棒哈? 完整的预览效果吧: 最后是下载地址: 立刻下载商业相关图标 (28…
想必关注iconfont的同学都知道,iconfont最近做出了一次重大升级,升级成为iconfont+了,而这次更新,iconfont+居然开始支持彩色图标,这意味着我们能够使用更具有特色更形象的全新图标.之前我们也发表过一篇关于iconfont图标字体的相关教程,以文字的方式,实现网页中的图标和特殊字符.教程链接可参考:点这里接下来我们来详细了解一下全新的功能吧. symbol引用: 这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法.相关介绍可以参考这篇文章 这种用法其…
下面这些网站可以搜索图标资源,方面界面制作: 分享下http://www.tutorialcadet.com/20-user-interface-icon-sets-for-developers/下面是图标搜索http://www.iconseeker.com/search/refresh/http://www.iconfinder.com/http://findicons.com/还可以看看这篇文章8个高质量图标的最佳搜索引擎http://sd.csdn.net/a/20110408/2954…
功能其实很见简单,通过 phantomjs.exe 采集 url 加载的资源,通过子进程的方式,启动nodejs 加载所有的资源,对于css的资源,匹配css内容,下载里面的url资源 当然功能还是很简单的,在响应式设计和异步加载的情况下,还是有很多资源没有能够下载,需要根据实际情况处理下 首先当然是下载 nodejs 和 phantomjs 下面是 phantomjs.exe 执行的 down.js var page = require('webpage').create(), system…
Visual Studio 如何给生成的exe加入多个图标资源(快捷方式可调用) 方法: 打开你的VS, 文件—>新建—>文件 常规—>选择本机资源模板(rct文件) 如图一 新建后,鼠标右键 :添加资源 选择icon导入 如图二 导入你所有的资源 最后保存 使用: 项目—>属性—>应用程序—>资源 资源文件设置为刚保存的rct文件即可 如图三 保存编译即可 注:首个图标将作为你的应用程序显示的图标…
在开发Winform程序界面的时候,我们往往会使用一些较好看的图表,以便能够为我们的程序界面增色,良好的图标设置可以让界面看起来更加美观舒服,而且也比较容易理解,图标我们可以通过一些网站获取各种场景的图标资源,不过本篇随笔主要介绍如何利用DevExpress的内置图标资源来实现界面图标的设置. 1.设计时刻的图标处理 丰富的图标处理,在菜单.工具栏.树列表等地方,以及按钮等地方,都可以使用,而这些我们可以利用DevExpress的内置图标选择来减轻我们寻找合适图标的烦恼. 一些按钮.工具栏等的图…