Pinapps
首发于Pinapps
设计师如何管理 icons 素材 - Iconjar

设计师如何管理 icons 素材 - Iconjar

这两天不少同学购买了我推荐的那套超值的 icons套装欣喜之余你会发现如何管理这4千多个甚至更多的 icon 变成了一件让人头疼的事情。

在过去的日子里我尝试着用 pixa、ember、inboard 来管理 icons,结果都不太让人满意。网页截图、apps 截图和 icon 放在一起让人感觉特别奇怪,怎么用都觉得别扭,有段时间我甚至回到用 Finder 来管理。

直到前段时间 Iconjar 的推出,我才意识到对于 icon我最需要的其实只是将它与其他类型图片素材分开管理。这也正是 Iconjar 想为大家提供的服务。

Iconjar 采用了OS X 应用最常见的3栏结构。从左至右分别是分类导航、内容预览和检查器。

点击左下「 Add icons」 建立目录,添加 icons 素材。

Iconjar 目前支持 SVG、PNG、Gif 三种格式的图片。建议大家尽量保留 SVG,这样在 Sketch 之类的设计工具内还可以进行icon 的二次修改。

点选某个 icon,右侧会展示出该 icon 的名称和 tag。为了方便使用建议将常用的 icon 增加 tag 标示。

也可以同时选择多个 icons 进行打 tag,提升效率。

之后我们就可以很方便的通过搜索来找到想要使用的 icons 了。

其实早在去年底,Dribbble 上就出现过的飞机稿。相比现在我更喜欢这款集成在顶部菜单栏的设计,不用来回切换窗口,这在实际的设计工作中会方便很多。不过目前的 Iconjar 还在 beta 测试中,但愿最终版会把这个功能给加上。

除此之外,Iconjar 的网站还提供了一批免费的 icon 供大家使用。当然如果你已经购买过之前提到的那套超值的 icons套装这里很多也就不需要再下载了。

这款应用还处于 Beta中,网站提到的 「Works with your favorite apps」 似乎还并没有体现出来,但愿在正式版发布后会给我们带来一些惊喜。

Iconjar Beta 版下载地址:IconJar – HockeyApp

One more thing:

sketchappsources提供了一套免费的社交分享图标相关的 Sketch 模板,包含的状态非常全。大家日常设计中如果需要直接负责使用即可。

下载地址:Sketch Share Buttons Sketch freebie

发布于 2015-05-26

文章被以下专栏收录

    我推荐的不仅仅是apps,更是一种态度。 偶尔我也会聊聊和 apps 相关的设计,请保持关注! 微信搜索「Pinapps」