深圳UI培训
达内深圳地王中心

134-1646-6912

热门课程

横扫电商设计中所有技巧

  • 时间:2017-08-17
  • 发布:深圳UI培训班
  • 来源:达内新闻

掌握GUI、WUI、UX/UE前端等产品设计能力,可从事岗位:UI视觉设计、UI交互设计、准产品经理

图标的使用在设计界已经无处不在了,目前被广泛用于UI和网页设计的界面领域。然而,图标资源网站很多,真的很多,但实际好用的,我只推荐这几个。下面请看看达人为大家整理的一系列图标素材资源,建议收藏分享。

目录:

一、扁平化、拟物化、表情图标

二、网页字体图标

三、logo图标

四、图标制作工具

一、扁平化、拟物化、表情图标

Iconstore图标库

iconstore 的图标可能没其它图标库数量多,但重要的是icon质量好,并有详细的分类,大家可以通过分类来查找和项目相关的图标。

【横扫电商设计所有技巧】

网站地址:https://iconstore.co

Easyicon

这是一个可以用中文搜索的图标网站,所以觉得用户英文麻烦的同学可以使用这个,实际上,这个也只是把中文自动翻译成英文~

包含图标内容:扁平化、拟物化、表情

【横扫电商设计所有技巧】

网站地址:http://www.easyicon.net/ (已加入设计导航搜索条)

Iconfiner

老牌图标素材搜索引擎,里面有些付费图标不错,主打扁平化系列图标。

包含图标内容:扁平化、拟物化、表情

【横扫电商设计所有技巧】

网站地址:http://www.iconfinder.com/

阿里图标库

用户不仅可以在这里搜索下载ICON,还集成上传、收藏、管理图标功能,是国内不错的图标管理工具。

【横扫电商设计所有技巧】

网站地址:http://www.iconfont.cn/

Flaticon

专注扁平化图标,真的超多……

【横扫电商设计所有技巧】

网站地址:https://www.flaticon.com

Noun Project

这是一个纯扁平化图标提供网站,全部均可免费使用,当然设计达人网小编认为这里最牛 B 之处就是:图标高度可识别性!

包含图标内容:扁平化

【横扫电商设计所有技巧】

我们将这个网站也放到了设计导航的素材搜索栏目,大家可以直接在设计导航的搜索条来搜索 Noun Project 的图标。

【横扫电商设计所有技巧】

网站地址:https://thenounproject.com/ (已加入设计导航搜索条)

二、 网页字体图标

网页字体图标相当多,但流行使用的也就这么几个,所以我们只列出几个优秀的 icon font,更多可以看看我以前的文章《30个免费网页图标字体》

Fontawesome

可能是世界上使用最多的开源网页字体,几乎你想要的图标都有了,并且国内也有这个字体的 CDN,真的相当好用。

【横扫电商设计所有技巧】

网站地址:http://fontawesome.io/

PrestaShop Official Icon Pack

PrestaShop 是开源电子商务平台,原先这个平台使用的也是 Fontawesome,因平台改版设计团队重新设计了一套新的图标包,并十分适用于电商行业,目前是免费下载使用。

【横扫电商设计所有技巧】

网站地址:http://build.prestashop.com/news/icon-pack-beta/

EGO Icon

一套设计非常个性的图标,因为图标填充了颜色,所以放大使用也有不错的效果。作为设计师,即使不下载,也可以当前参考。目前开放100个免费图标下载。

注:这不是网页图标字体,但觉得很有特色,推荐大家看看。

【横扫电商设计所有技巧】

网站地址:http://ego-icons.com/

谷歌 Material Design 图标

Material design UI 必备图标,总数超750个图标,系统界面、网站、移动 APP 都足够用了。当然也可以单独下载 SVG 或 PNG 格式的图标。

【横扫电商设计所有技巧】

网站地址:http://www.shejidaren.com/material-icons.html

三、LOGO图标素材

有时候,我们经常要找一些大品牌公司的 LOGO 源文件,可是用 google 或 百度时,只能找到图片,所以如果需要LOGO源文件的同学,可以试试这2个网站。

Logo EPS

提供了大量的品牌标志源文件,比如 NBA, GOOGLE, VISA 等等著名品牌 LOGO,请注意是用英文搜索哦。

【横扫电商设计所有技巧】

网站地址:http://www.logoeps.com/

FREEPIK

这是一个老牌矢量素材站,不仅仅是 LOGO,可以说是什么都有,缺点:网站速度超级慢……

【横扫电商设计所有技巧】

网站地址:http://www.freepik.com/index.php?goto=2&searchform=1&k=LOGO

50款优质企业 LOGO 模板(无版权限制)

一共有50款企业类的标志素材,如果急着想要免费的标志,那么可以看看标志模板包,完全免费。

【横扫电商设计所有技巧】

网站地址:http://www.shejidaren.com/50-free-logo-templates.html

四、图标制作工具

正常设计图标都是用 AI, PS,Sketch 这些标准专业设计软件,但如果是小工具,比如把图标转成网页字体,又或者要制作 icon 格式的图标,就需要另类的工具了。

网页 Favicon 图标工具:Xiconeditor

favicon图标就是浏览器 tab 标签哪个小图标,PS 不支持制作这种格式的图标,但大家可以能过在线生成工具来制作,比如这个 xiconeditor。

【横扫电商设计所有技巧】

网站地址:http://www.xiconeditor.com/

网页图标生成工具 1:Icomoon

【横扫电商设计所有技巧】

网站地址:https://icomoon.io/

网页图标制作工具 2: Fontello

Fontello 里面有超多图标,用户可以从图标库里挑选网站所有需要的图标,然后把所有挑选选的图标,生成一个字体文件,这样就可以在网页里调用了。

【横扫电商设计所有技巧】

网站地址:http://fontello.com/

图标制作软件 1:IcoFX(Windows 系统)

IcoFX 可以说是专为 windows 下的软件图标和光标而创造,一次性制作多个分辨率,在Windows 8和 Macintosh的图标支持透明工作,当然也支付网站 icon 格式的图标了。

这个软件是付费的,当然你可以某度一下。。

【横扫电商设计所有技巧】

网站地址:http://icofx.ro/

图标制作软件 2:Icon Slate(MAC系统)

Icon Slate可让您轻松撰写,导入和导出桌面和移动设备的多种格式、多个尺寸的图标。格式有:苹果ICNS,微软ICO,CandyBar iContainer,图像(PNG或TIFF)。

【横扫电商设计所有技巧】

网站地址:https://www.kodlian.com/apps/icon-slate

总结

有了这么多图标素材资源,做项目时,都可以提高效率,也可用于寻找灵感,如果时间允许,还是建议单独设计一套和自己品牌勿合的图标。

在传统职场想要月薪过万,可能至少需要2个以上的3年计划或5年计划,而且除非你是那10%且思维能力超群的精英人群,已经进入高级管理岗;否则当眼下传统行业红利消逝后,你将作为一个“裸泳”的普通职员与企业一起沉没。

【收藏】横扫电商设计所有技巧

但是,在互联网行业,做一个深圳UI设计师,2-3年的项目能力提升,必定让你月薪过万证实自己的能力;你可能还不知道,北京深圳的UI设计薪资平均在9000-11000元。平面设计、室内设计、网页美工、淘宝美工的时代已经过去,受人尊敬的UI设计师将会伴随着互联网产品与信息产业的崛起将越来越好。

互联网是这个时代的机遇,是一个公平竞争的大舞台,你比别人多一份努力,就能多一份收获,这是一个只讲效率与能力的大职场;希望大家做为一个高级UI设计师,用你的专业能力和思维去征服互联网,做一个阳光职场人。

感谢大家阅读由深圳ui培训班分享的“横扫电商设计所有技巧”建议大家收藏 希望对你们有帮助,更多精彩内容请关注达内UI培训官网

免责声明:本文由小编转载自网络,旨在分享提供阅读,版权归原作者所有,如有侵权请联系我们进行删除

上一篇:我正在学UI设计,前辈能给些建议吗?
下一篇:评价UI设计作品“好、坏”的8个标准

斗图神器来袭,就等你上车!

深圳UI培训:浅谈UI行业前景

【深圳ui培训】ui设计师要不要真的懂技术?

选择城市和中心
贵州省

广西省

海南省