Hi,我是优设小编

cyRotel

浏览全部 3760 篇文章

到我的微博瞧瞧

酷站两连发!免费打包40,000个图标+日本图标素材站

flat-icon-design-icons8-1

编者按:今天推荐的两个福利站,一个免费打包了近4万个高质量的图标素材,一个是日本的图标素材站,风格清新,按需收藏哟。

自己动手,丰衣足食:

  1. 学习图标设计的同学,建议先掌握设计流程:《聊聊图标设计流程及小技巧》
  2. 设计完成后从这四个方面来审视你的图标:《好图标怎么做?教你从四个方面来评价图标设计的质量》
  3. 想让图标出彩,可以从顶尖设计师的分享汲取经验:《顶尖设计师分享的6个图标设计优化指南》
  4. 动效图标已是趋势,来这看基础的图标动效设计:《高手常用的六种图标动效设计思路(附大量实例)》

FLAT ICON DESIGN 是一个日本的免费扁平化设计图示网站,总数量大约有 500 个左右!网站提供的图示风格设计都很简约、可爱,非常适合使用于网页设计、应用程序开发或投影片报告,而且这些图示明确标示为「可以作为商业用途」,网站开放 Illustrator AI、EPS、JPEG、PNG 和 SVG 五种格式下载。

近年来扁平化设计相当流行(或者可以说已经流行一段时间),尤其在网络服务和手机应用程序上都可以看到它的踪迹,如果你对于扁平化设计风格有兴趣,或者喜欢 FLAT ICON DESIGN 网站收录的图示,都可以从这网站来免费下载,无须登入或注册。

Flat-icon-design

STEP 1

开启 FLAT ICON DESIGN 网站后,从上方选单来开启特定的图示分类,如果看不懂日文也没关系,把网站丢进 Google 翻译直接转成中文也是可以的(或者干脆从网站直接寻找你要的图案)。

uisdc-flat-20170111-2

STEP 2

点选右上角的方块和调色盘,能显示图标为圆形或方形,亦能调整该图案不同的配色组合。

uisdc-flat-20170111-3

点选图示页面后,从右下角点选来切换不一样的颜色组合(如下图以红色框框圈选处)。

uisdc-flat-20170111-4

STEP 3

FLAT ICON DESIGN 网站比较特别的不是只有单一种颜色的图示可以下载,而是能调整不同背景色、移除背景或加入阴影,还能在网站中选择图示大小(16×16、32×32、64×64、128×128、256×256 及 512×512)和图片格式(JPG、PNG 和 SVG)。

选择后于网站中实时预览或点选下方绿色按钮来免费下载产生的图示。

uisdc-flat-20170111-5

STEP 4

前面有提到,FLAT ICON DESIGN 网站开放五种格式的图示免费下载,从图示页面下方找到 DOWNLOAD 区域就有 Illustrator AI、EPS、JPEG、PNG 和 SVG 下载按钮,点选后需等待五秒钟产生链接,不过不用注册或登入账号。

uisdc-flat-20170111-6

Icons8

Icons8 以提供免费的平面化设计图案为主,总数将近四万个!数量非常丰富,网站亦提供各种格式、尺寸大小和配色,使用者也能自己定制。

比较特别的是 Icons8 除了将图示按照类别分类外,还利用不同平台的设计风格准则加以区隔,例如有 iOS10、Windows、Android、Google、Office,你可能很难立即在脑海中联想出某个操作系统的设计风格,但只要透过筛选方式,就能让所有 Icons8 网站的图示风格一致。

uisdc-flat-20170111-7

Icons8 免费开放网站所有 PNG 格式、尺寸不超过 100×100 的图示供用户下载,免费使用的条件是必须要加注一个链接连回 Icons8(可参考 Free License 说明),要求并不会太严苛。如果你需要其他向量图格式,例如 SVG、EPS、PDF、Font 字型或 SVG Set 就必须付费取得。

Icons8

STEP 1

开启 Icons8 网站后点选上方的「Icons」来开启图示浏览页面,Icons8 的接口操作方式还算简单,从左侧分类找到需要的图示类别,上方是平台的设计风格筛选,下方则有各种图示类型,当然你也能输入关键词直接透过搜寻功能查找。

uisdc-flat-20170111-8

STEP 2

点选任一图标图案后,右侧会开启更大的预览画面,从最右方工具栏可以切换不同设计风格,虽然是同一种图案,但在不一样的风格下也会有不同呈现感觉。

uisdc-flat-20170111-9

STEP 3

点选图标下方的尺寸选择功能,Icons8 提供 100x100px 以下 PNG 格式图示下载!如果你需要更大图示或者其他向量格式,旁边出现锁头图案必须要付费才能获取。

点选后按下方的「Download」红色按钮就能免费下载,非常简单。

uisdc-flat-20170111-10

STEP 4

Icons8 内建基本的编辑器模式,无须额外下载或安装软件,就能直接于浏览器内对你选择的图示稍作修改,例如加上图案、文字、裁切成其他形状,调整后能在网站里预览及下载。

uisdc-flat-20170111-11

STEP 5

如果你想将 Icons8 图示使用于网页开发,它也能产生 HTML 程序代码,包括 Base64 编码格式或者产生CDN 适用的网址(这项功能是 MaxCDN 提供,速度还蛮快的而且没有流量限制),如果你想直接将图示使用到网站里,透过外部链接即可快速取用。

不过前面有提到,使用 Icons8 免费图示的条件是必须在网站或项目里放上一个反向链接连回 Icons8,在取得图示网址时下方也会提供连回 Icons8 的原始码。

uisdc-flat-20170111-12

STEP 6

说了那么多,如果你想一次从 Icons8 下载「所有」免费图示,一共 38,200 个,网站也提供这项超大福利!只要简单注册一个账号,就能将所有图示下载!

开启 https://icons8.com/download-all-packs 页面后点选右侧的「Download icons only」。若你想要试试看从 App 里搜寻图示的话,也可以点选另外一个选项,两者取得的图标是相同的,只是另一种方式会多一个 Mac 应用程序。

uisdc-flat-20170111-13

填入你要使用的账号名称、Email 和密码,登入后就能下载 Icons8 免费提供的所有图示打包压缩文件。

uisdc-flat-20170111-14

「优设近期人气最高的3个神器」

  1. 免费图库丨《超过5万张!免费高清可商用图库ZOOMMY 3.0重磅来袭!》
  2. 日本图库丨《福利两连发!PS快速复制图层插件+日本免费商用图库》
  3. 可商用素材丨《每日更新,展示免费可商用素材的PIKTAB》

原文地址:free.com.tw

2016uisdc-classroom-new

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/flat-icon-design-icons8