网站性能检测评分
注:本网站页面html检测工具扫描网站中存在的基本问题,仅供参考。
学icon设计专业
8个设计师必看的免费UI图标设计资源站 免费视频课程
图标是我们日常APP及网页设计过程中必不可少的元素之一,通过小小的图标,可以快速方便的实现视觉引导和功能划分。在创作时,我们需要寻找各种各样的图标来满足自己的设计需求,非常浪费时间和精力。今天,小编给大家整理了8个设计师必看的免费UI图标设计资源站,赶紧收藏。
1. 最大的免费图标库-Flaticon
平台简介:目前在Flaticon官网中收集了92万多个图标,我们可以通过输入英文关键词很快搜索找到自己想要的APP设计图标。
价格:免费
搜索方式:关键词、类别(如:教育、电商、游戏、医疗等)、最受欢迎、顶级图标制作作者等找到自己想要的图标。
图标格式:PNG,SVG,EPS,PSD及BASE 64五种格式。
亮点:下载矢量图标或像素图标,可以选择 16px,24px,一直到 512 px 等各种大小,非常方便。
APP图标素材资源站下载网址:Flaticon
2. 阿里巴巴矢量图标库-iconfont
平台简介:由阿里巴巴打造的国内最大及功能最全的矢量图标管理和交流平台。
价格:免费
搜索方式:支持关键词模糊搜索,中文 / 英文 / 拼音 无缝互译。
图标格式:SVG,AI,PNG。
亮点:设计师可以将图标上传到平台,用户可以自定义下载多种格式的设计icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。
图标素材资源站下载网址:http://iconfont
3. Easyicon
平台简介:官网里收集了近59万个设计图标,而且在持续更新。
价格:免费
摹客,定制你的设计规范
设计系统
搜索方式:关键词、颜色、热度、尺寸。
图标格式:SVG,PNG,ICNS,ICO。
亮点:支持将当前网站或个人外部上传的PNG图标转换为不同大小的Micrisoft或MacOs图标。
图标素材资源站下载网址:https://easyicon
4. 扁平化APP图标库-iconsDB
平台简介:一个超赞的免费图标库,目前拥有4000多个图标。
价格:免费
搜索方式:关键词、作者、分类、色系等。
图标格式:PSD,AI,EPS,PNG,ICO。
亮点:支持用户自定义颜色和尺寸下载自己想要的图标,而且大部分图标支持个人和商业使用。
图标素材资源站下载网址:https://iconsdb/
5.爱看图标网-IconPng
平台简介:目前收录 了近10万个图标和 1565 个图标系列。
价格:免费
搜索方式:关键词。
图标格式:ICO,GIF,JPG,PNG,ICNS。
亮点:里面已对图标做好分类(手绘、应用、立体、扁平等),可快速找到自己想要的设计图标。
图标素材资源站下载网址:http://iconpng/
6.图标设计综合网站-IconDeposit
平台简介:一个综合的设计图标库,收录了大量的icon作品,还包含一些经典的设计教程和PS源代码。
价格:免费
搜索方式:关键词。
图标格式:SVG,PSD,PNG。
亮点:除了数以百计的免费APP图标设计素材,还有图标集,UI / UX设计,插画/矢量图形,CSS,CSS3,jQuery,PS图象处理软件教程。
图标素材资源站下载网址:https://icondeposit/
7. 社区爱-icons8
平台简介:收集7万多个图标素材,iOS,Windows及安卓图标一应俱全。
价格:免费
搜索方式:关键词、颜色、类别,系统(Mac或Windows)。
图标格式:PNG,SVG,PDF,EPS等。
亮点:图标风格统一,矢量图可直接编辑,快速生成任何格式、大小和颜色的图标。分类齐全,方便用户迅速筛选出不同设计风格的图标。此外,提供API接口,方便开发人员快速对接。
图标素材资源站下载网址:https://icons8/
8. iconfinder
平台简介:提供海量(目前已有250多万)设计图标,是世界上前几大免费图标搜索引擎之一。
价格:免费
搜索方式:关键词,样式,类别。
图标格式:CSH,PNG,AI,ICO,ICNS,SVG,BASE 64。
亮点:提供强大的图标在线编辑器,编辑完成后可以导出为 SVG 或转 PNG 格式,各种大小尺寸一应俱全。
图标素材资源站下载网址:https://iconfinder/
上面就是小编给大家推荐的8个图标设计资源站,大部分图标都可以免费下载使用。有没有觉得很方便?当然,图标有了,我们该如何去使用这些精美的设计图标呢?大家都知道图标设计好后是需要应用到网页设计或APP设计中的,如何才能做到无缝对接呢?
其实非常简单,你需要的是一款原型设计工具。这里,小编给大家推荐国产原型神器-Mockplus。Mockplus是一款简单、快速的原型设计工具,里面已经封装了3000+的图标设计素材。包含字母、数字、形状、表情、手势等19大类图标资源。在网页或APP设计过程中,可直接拖出使用,非常简单方便。
外部下载的UI图标资源怎么使用?很简单,你可以批量上传到Mockplus个人组件库(限PNG格式),还可以一键分享给其它小伙伴一起使用。当然,个人建议你使用摹客设计系统,在这里,你可以将PNG, JPEG, SVG, GIF等格式的图标资源一键上传并管理。上传后可以直接在Mockplus中拖出使用。
什么?这些还不够?想自己制作特定的图标应用到自己的原型设计中?没问题,Mockplus提供了Sketch插件,在Sketch中制作好满意的矢量图图标后,可以直接上传至强大的摹客设计系统,然后在Mockplus中直接应用(详情看:在Mockplus和Sketch中对接设计系统)。
干货:设计图标哪里找?分享13个ICO下载网站 营销视频课程
对于设计师来讲,不管是平面设计还是网站设计,都需要用到图标,有现成的图标选择可以让设计进行的事半功倍。以下分享几个下载ICO的网站,希望可以给大家提供帮助。
一、 阿里巴巴图标库http://iconfont/
推荐指数:★★★★★
1. 界面简洁,支持中英文搜索,完全免费;
2.可以创建自己的图标库,并上传自己制作的图标;
3.可以建立项目,供团队使用;
4.可以直接下载svg、png、ai格式;
5.线上可以直接调整颜色和大小
二、Font Awesome http://fontawesome.dashgame/
推荐指数:★★★☆☆
1. 扁平黑色图标;
2. 不支持搜索;
3. 直接复制代码使用;
三、奥森图标https://thinkcmf/font
推荐指数:★★☆☆☆
Font Awesome的翻版;
不支持搜索;
需要下载到本地复制代码使用;
四、 Iconfinder https://iconfinder/
推荐指数:★★★★☆
图标丰富,线性图标、填充图标、立体图标、彩色图标、行业图标等,含付费和免费;
用户自己制作上传的图标,可以设置付费下载;
分类齐全,按图标属性分、按行业分、按颜色分等;
只能通过英文搜索
五、 Iconfinder http://iosicongallery/
推荐指数:★☆☆☆☆
个人制作/收集分享的图标库;
属于IOS专属图标,可以用于UI设计灵感;
分macosicon和watchosicon两大类,有类型和颜色分类;
至今大概收集至1100多个图标;
只有英文搜索
六、 扁平图标http://flaticon/
推荐指数:☆☆☆☆☆
1.扁平黑色图标;
2.只能黑色搜索;
3.网站像是没有在维护,搜索功能有问题,并页面打开慢
七、Proicons http://proicons/
象形图标,大多为实物立体,例如:大巴、电脑、水龙头等;
只能英文搜索;
免费下载;
只有固定大小的PING供下载
八、Iconarchive http://iconarchive/
实物图标、彩色图标;
只有固定大小的PNG供下载
九、 Findicons http://findicons/
1.实物图标、彩色图标;
2.只能英文搜索;
3.免费下载;
4.只有固定大小的PNG/ICO/ICNS供下载
十、 Easyicon http://easyicon/
扁平、立体、彩色图标;
中英文可以搜索(搜索中午直接翻译为英文);
可以下载SVG/PNG/ICO
十一、 Iconspedia http://iconspedia/
实物、立体、彩色、扁平图标;
可以下载PNG/ICO
十二、 爱看图标网http://iconpng/
支持中英文搜索;
十三、 在线制作ico图标http://bitbug/
方便实现浏览器标签上的ICO处理;
上次logo/图标选择尺寸即可生成相应的ICO;
ICO网站分享快速链接:
http://iconfont/
http://fontawesome.io/
http://thinkcmf/font/search.html
https://iconfinder/
http://iosicongallery/
http://flaticon/
http://proicons/
http://iconarchive/
http://findicons/
http://easyicon/
http://iconspedia/
教程UI设计专业―玻璃质感的icon制作教程 营销视频课程
期待已久的iocn教程又来了!这一次,我为大家带来的是有关于玻璃质感的icon图标教程,还等什么赶快做起来吧!
只需要七步就能搞定是不是很简单呢...
沙子墨
5年从业经验
UI设计专业高级讲师
曾参与设计app《实惠》、《两个人》、《京医通》、《北京交警》、《携程旅游》等项目
小白成就UI设计师
你不是一个人在战斗
四个月,一群人,在水晶石教育,创造不凡
戳原文,更有料!