最近在家进行远程办公,进行网页设计。

这是我一段时间内使用Eagle以及iconJar的一些小结——尽管是使用了工作时间进行撰写的,但我依然选择继续坚持下去,即使可能有“目前工作无法交付”的风险。



从文件夹整理到Eagle以及IconJar,我经历了什么

由于自己的特有“焦虑”影响,我的移动硬盘的图片通常是“没有4-5级”下不来的,所以可见在一些时候搜寻一些图片都是极为困难[^1],下图是自己寻找相关文件的日常。

image.png

如果是使用手机,也会使用新建不同相册的形式进行管理,之后迁移至移动硬盘里的文件夹。

image.png

甚至自己打算使用机器学习来训练我的计算机,帮助我整理。当然由于工作任务的原因迟迟没有下来,导致这就是一个恶性循环。

image.png

购买Eagle之后

支持正版在数码荔枝购买了Eagle新春特惠到2月10日,收到序列号mail之后果断觉得“比较对不起”QQ群里的人,还希望我在购买的时候可以艾特Ta一下[^2]

在官网中发现没有论坛,还好我可以在APPINN小众软件论坛上进行交流。

迁移与整理

从移动硬盘迁移至Eagle并不是一件容易的事,同时也经历了删除移动硬盘进行减负的过程,这都需要时间。

首先根据常用项目进行文件夹的整理:公司文件,客户案例[^3]与解决方案、常用的微信公众号的设计以及二维码,都需要进行细致的分类,简化了自己的移动硬盘操作路径。

开始时考虑文件夹或标签管理

最终选择文件夹进行大项的管理,标签进行更大类的整理,于是我创建了“中庸”的符合自己以往习惯的管理方法。

简单的管理体系

根据自己的产品思维以及使用过程中的习惯,自己迅速的建立了一套“素材管理”体系,这套体系可能很多人并不陌生,即:

项目使用文件夹的形式,标签可以涵盖不同的项目。

以自己的插画标签为例,由于部分收集的的引导页中包含插画,以及年终总结中也包含插画以及手绘,自然一个图片我觉得是不能进行多个项目中的,此时我则使用标签进行概括,相信这也是一部分设计师或者是开发朋友的管理方式。

随着自己放进去的图片不断的多,在此过程中我逐渐加入了我之前的一些截屏甚至是运营的一些活动截图,让侧边的内容体系逐渐增多,以及愈加丰富。

image.png

之后则是一个逐渐增加的过程,在今后的工作中会再次进行撰写。

插曲

不是所有图片都称为“素材”

在添加素材的过程中,会出现一部分图片“是否值得放进去”的过程,例如:

从自己个人审美来看,其实这内部元素的配色画的不是特别的好,可以作为参考和借鉴意义[^4],自己还是选择放进去,参见下方的注释:

只能参考元素,不能参考配色。

可见在素材管理时,自我辨别能力也可以一并进行培养。

image.png

于是这也是产品中“简介”的意义,以及Eagle底部预览功能旁边的“注释”的意义。

注意产品设计者的生活习惯

我觉得这一点很特殊,所以可以在这里说一说。

主要是多音字,从这一点上对产品设计来说也是很有帮助。

对,在寻找“弹(tan)窗(chuang)”这个标签的时候,右侧索引可见是并没有”T“的。

image.png

网页剪藏

自己比较喜欢Eagle的一点是使用浏览器插件进行管理,这一点上也可以简化自己将网页上图片进行拖拽至桌面。

不过不是很方便的一点,则是部分内嵌于网页的SVG图片无法识别出来,使用Chrome的“检查”才得以出现。

此处以 百度的疫情doddle Logo之后的搜索结果为例。在剪藏的结果中并没有出现左侧红框中的小图标。

即使出现了,我也会用下面的软件进行管理。

image.png

再说说iconjar

上述功能性图标是自己目前在制作的图标,我用这个IconJar进行管理。这个软件是SetApp中的一个软件。

关于更多,敬请期待我即将撰写的一篇关于SetApp的体验博客文章。

image.png

IconJar与Eagle不同,选中一个素材之后,右侧并没有出现配色,而是简单的“简介”、“标签”等等。

考虑可能是仅仅是一个图标管理工具,而不像Eagle一心想做一个大而全[^5]的设计素材管理工具。

下图简单的和Eagle在“选中图片”上出现的功能进行了一下对比。

image.png

由此可以得出结论:

版权:国外产品在版权上确实更加在意;关于Eagle,则是作为一个素材管理工具,是否商用反正全放过来了。

细节:打开方式,似乎国外产品更加关心对他的操作以及后续步骤,也许Eagle打算做一个产品的“闭环“,这也是和国内恶劣的商业环境有关系。

分类方式

IconJar作为图标管理工具,同样有文件夹分类的形式,不过是以“Set“和”Group”的形式展现。

Set则是小箱子的icon;Group,就是文件夹了。

image.png

自认为”反人类“的拖拽交互

由于Mac上以及Smartisan OS的“直接拖拽”观念深入我心,这个操作在iconjar上并不适用,直接拖拽其实就会隐藏操作面板,直接显示桌面。

ezgif.com-optimize.gif

这样的操作从产品的角度想可能是便于用户使用,而不是移动至左侧的Set以及Group。

与前者一样,我还是以目前的公司为主,进行项目上的管理,此处我将Sketch中以及我们之前的“解决方案与客户案例”中的图标进行管理,之后则是功能性图标的收集,如果能有配色功能就好了——毕竟自己对于“大型海报”、插图“以及”功能性插图“的级别还是分得很清楚的。

当然作为产品,这也可能是自己的个人需求而已,并不能代表大众,一个需求的上限要经过分多复杂的步骤,此处不多赘述,可以参见我的其他博文。

素材图标分开管理

我使用Eagle进行设计素材的管理,iconJar进行图标的管理,所以经常会同时打开两个软件进行管理,当然也经常导致自己的2019的MacBook Pro的风扇声音特别大。

image.png

后记

如果你有哪些比较好的使用方法,以及其他的素材管理工具推荐,也欢迎给我留言。

当然,以上的产品分析仅为自己的个人拙见,也欢迎分享你对这两个软件以及素材管理的看法与想法。

本文同步发表于我的个人博客故事熊,有删改。