网页设计 » 设计杂谈 » 素材整理术:设计素材太多如何分类?

素材整理术:设计素材太多如何分类?

发表于: 设计杂谈. 评论
Sponsor

前言:设计师日常都会为自己搜集一些优秀的设计灵感,但随着时间推移,素材会越来越多,如果前期没有分类整理好,就会不好查找作品了。

想必你肯定遇到过下面的情况:

场景1

如下图所示,小明发现一个网站的插画设计风格很独特,排版也很有创意,于是想把这个网页收藏起来。然后问题出现了,是应该把它放到插画文件夹还是网页文件夹呢?如果放到插画文件夹,后期如果想做一个类似的网页只会去网页文件夹寻找,结果可能翻天覆地一番也找不到了。那如果把它放到了网页文件夹,后期想绘制一张类似这种画风的插画,仍然无法在插画文件夹找到这个设计作品。

素材整理术:设计素材太多如何分类?

场景2

作为一个 UI 设计师,我们设计页面时要符合本产品的设计调性也要同时满足交互的可用性。拿到一个需求后,在设计的过程中找参考是必不可少的,但是如何在我们可能收藏了上千上万张图的图库中快速筛选出能够供我们参考完成需求的 UI 参考图可能就比较困难了。

举个例子,产品有个需求,需要小明设计一个用户等级页,要突出产品活泼、趣味的风格。小明突然想起自己曾经收藏过一个类似的页面,或许可以用来做参考。于是小明满心欢喜地打开了自己从不整理和分类的素材库……

素材整理术:设计素材太多如何分类?

然后……

素材整理术:设计素材太多如何分类?

因此,为了解决这些痛点,我们需要一套系统的素材分类整理的解决方案。接下来我会细致地告诉你这个让你工作效率翻倍的素材分类整理术。

标签系统

每一个设计作品都有属于它的标签,这里的标签指的是描述一个设计作品的不同角度,如下图。

素材整理术:设计素材太多如何分类?

但是想要将标签形成一个系统,也就是标签系统,我们就要将标签进行分类。

在这里,将标签分为两大类,分别是复用标签专属标签。下面为你分别讲解:

复用标签指的是可以用来描述几乎所有设计作品种类的标签,比如你可以用“可爱”描述一个 UI 界面,也可以用“可爱”描述一张插画或者一张摄影作品。那么“可爱”就是一个复用标签。在这里我将复用标签进行分为了主要的三个类别,如下图。

素材整理术:设计素材太多如何分类?

相对于复用标签,专属标签就只能描述单一的设计作品种类了。比如你可以用“宋体风格”去描述一个字体设计作品,但是“宋体风格”很难去描述其他种类的设计作品,如摄影、工业产品等。那么“宋体风格”就是一个专属标签,只能用来去描述字体设计作品,如下图所示。

素材整理术:设计素材太多如何分类?

看到这里,有的小伙伴可能有点蒙圈。每个设计作品标记这么多标签,不得累死我。是的,我们给设计作品标记标签的目的是方便后期需要的时候筛选寻找,提高效率,如果把每一个设计作品都在每个维度上标记一个标签确实会很浪费时间,本末倒置。但是每一个设计作品都有自己的优缺点,我们只需要去标记那些我们认为是优点的部分,去进行学习和参考即可,如下图所示。

素材整理术:设计素材太多如何分类?

接下来我将以  Eagle  为例(因为这款软件用户量比较大,因此选择它最具普适性,含有标签功能的其他软件均可)以案例形式展示标签系统的使用。

在  Eagle  中你可以在【全部标签】页面设置自己的标签群组,以此来构建自己的标签系统。下图的红色方框内,有“【】”的分类属于复用标签,无“【】”的分类属于专属标签。当然你可以根据自己的习惯和喜好自己进行设置。

素材整理术:设计素材太多如何分类?

解决问题

讲解完标签系统的知识后,我们回到文章开始时场景1的问题。很明显我们知道了,这个设计作品仍然是一个网页,这是它的定义,是无法改变的,所以我们应该将它放入网页文件夹,但是我们可以给它标记一个“插画”标签。之后当我们想要找一个插画设计风格的网页时,我们就可以进行下面操作:

素材整理术:设计素材太多如何分类?

当我们想要找所有插画风格的设计作品时,我们可以使用  Eagle 的智能文件夹功能。智能文件夹指的是将拥有单个或多个相同属性的图片集合到一起形成的一个文件夹,属性可以是标签、尺寸、创建时间、评分等。在这里我设置的插画智能文件夹是将所有标记过“插画”标签的作品集合到了一起,如下图所示。同样你也可以进行各种自定义设置。

素材整理术:设计素材太多如何分类?

素材整理术:设计素材太多如何分类?

在场景2中,如果小明平时做好了分类整理,那么遇到的问题就可以通过选择两个标签筛选出他之前收藏的那张图。

素材整理术:设计素材太多如何分类?

总结

以上是我日常处理素材的方法,针对的是所有的设计类别。由于我是一个 UI 设计师,所以可能对于其他类型的设计工种素材分类罗列不是很全面。大家可以根据自己的实际情况在框架里进行扩充和修改,总之提高效率才是第一位。

作者 | Ballen成明
来源 | 设成于思(ID:gh_3605dbbfc6f0)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }