@scomper

找 ICON 图标的那点事

2015.01.16

PPT、文档、产品原型绘制中经常会用到一些图标,寻找合适的图标,要么是「拿来主义」从网络直接搜索,要么「自力更生」用绘图软件创作。

网络搜索

除了最基础的 Google 搜索以外,专门的图标搜索网站是更好的选择。例如:

Icons8 为了方便用户,还专门提供了客户端程序来方便用户搜索和直接下载图标,没有付费的用户可以使用客户端程序获取50PX(像素)的 PNG 图标,而且能自定义图标颜色。通常的使用中,这些风格统一、可以定制颜色的小图标就够用了,如果要进一步获得大尺寸的图标或 eps 矢量格式需要付费。

Icons8 的程序界面

从网页里提取

从浏览器里搜索某个应用程序,然后通过「检查元素」的方式提取图标素材,例如,搜索「某个应用程序名 + iTunes」打开它的 iTunes 介绍页面。

Safari 检查元素

在网页上右键,选择「检查元素」,随后在下方的资源窗口中选择「图像」文件夹查找图标素材,直接拖拽到桌面即可。

由程序里提取图标

先打开「预览」程序,然后从 Finder 的应用程序列表中将要提取图标文件的应用程序拖拽到 Dock 栏上的「预览」上,这样就能通过预览程序浏览到应用程序中包含的所有图片素材。

预览-应用程序

另一个方法中,通过 Finder 也可以浏览应用程序中的图标文件,只需要在程序上右键-选择「显示包内容」,将文件夹定位到「Contents - Resources」文件夹,通过按类型排序就能看到该程序所有的图标资源。

其他已有的资源

Visio、OmniGraffle 的模具图标非常丰富,既有位图格式也有海量的矢量图标,类似的应用程序体系内的图标资源还有 Office 的剪贴画、Snagit 的模板库等等。

OmniGraffle 模具文件

用 Sketch 绘制

网络上获取的免费图标绝大多数都是 PNG 位图格式的,矢量图标需要通过 Sketch 这类绘图软件制作获得。绘制图标同时也是个不错的学习 Sketch 软件使用的起步方式。

使用 Sketch 绘制其实也不用从 0 开始,同样可以先从 Sketch 资源网站获取丰富的 .Sketch 格式图标,这些可编辑的图标文件能帮助你快速开始。

IconsMind_Free_100_Sketch

Mac 的符号输入面板

通过快捷键「control+command+空格」打开系统内置的符号输入面板这个「熟悉的陌生人」。

符号输入面板

--「壹页单章」会员计划 --

Comments
Write a Comment