小雨点

很多设计师不注意素材库的整理,在需要时,总是不太确定它在哪个位置,通常都是根据自己隐约的记忆来查找,最后即使找到,可能还不是自己想要的,这很大程度上降低了我们的工作效率。

 

还有一些设计师素材库整理得很细致,但是在做项目时不知道如何去使用,如果这样你收集再多的素材都是没有用的。因此我们需要通过整理,将杂乱无章的素材进行分组便于下次查找,同时定期复盘分析、练习这样才能够学以致用。那么一个“好”的素材库应该具备什么特征呢?这里我总结了三个特征:容易打理、容易收集、容易寻找。

 

容易打理

容易打理也就是不需要花过多的时间,整理时毫无压力,同时对于不方便整理时留出空间,以便闲暇时间再去整理。具体该怎么做呢?

 

在整理时应该尝试引进“设计规则”理念

我在看日本作家泉正人的《超级整理术》时,书中提出在整理时应该尝试引进“设计规则”理念。也就是在整理前期制定一定的规则,制定完成后我们便可根据这套规则进行整理,因此不需要我们投入过多的精力。另外,建立规则的好处可以避免同一种类型的图片,由于存的时间不同,建立多个类似的收藏夹,加重后期查找负担。

 

如何建立“设计规则”理念?

在制定规则时,需要遵循三个原则:越简单越好、整理方法不能过细、整理得不彻底也没关系。下面我以UI设计的素材库整理为例,给大家分享如何建立“设计规则”理念。

第一步:按优先级罗列自己经常收集和应用到的素材。

比如UI设计师经常会收集界面、模块控件、图标、风格、扁平素材等。大类别确定后,我们在根据这些类别进行细分。比如界面还可分为主页、个人主页、详情页、列表流等。

 

第二步:制作思维脑图,可以更形象的看到当前目录结构。如下图:

通过“设计规则”的建立,后期你在收集和整理时,只要放入对应收藏夹中就可以了。比如你看到一个好的主界面,直接将其存入主页中即可。上面说到规则越简单越好,因此我们在设置规则时不用过细,根据个人需求建立相应规则。

 

容易收集

容易收集也就是在收集素材时简单便捷,采用最适合自己的方式,避免在操作上浪费时间。上面我们制定了“设计规则”这里就需要利用它建立相应的素材库了,有了相应的规则我们才能够更容易的收集。

 

如何利用“设计规则”建立素材库?

一些设计师喜欢将素材收集到本地文件夹,觉得这样比较安全;一些设计师喜欢将素材收集到线上例如花瓣画板中,觉得这样实时比较方便。这个根据你个人习惯来就可以。不管你采用本地还是线上,都需要根据前期我们制定的“设计规则”来建立相应的素材库,这样才可以让收集更高效,下面我分别从本地和线上来说。

 

本地素材库

根据上面制定的“设计规则”可以在素材库的大目录下建立我们设置的一级标题也就是界面、模块控件、图标、风格、素材、设计分析、其他。这里你可以用序号进行排序,便于后期查看。

为了不加重查找负担,一级标题不易设置过多,最好保持9个以内,因此我对文件夹设置01-09的序号。然后我们分别将二级标题新建到对应的栏目中,一般情况下也不要超过9个,但是二级根据个人需求来设置,比如我的界面这类后期可能会超过9个,因此为了保证延展性,我对文件夹设置001-009的序号。

注意一下,在每个栏目的最后我们建立一个待整理的文件夹,便于不知道如何分类,或者时间太紧来不及分类的情况,提高素材库的灵活性。

本地素材库优势:在使用时不受断网的影响,更安全。

 

线上素材库

同样根据上面我们设定的“设计规则”来进行设置。以我们最常用的花瓣网的整理为例。花瓣没有文件夹的性质,因此为了方便查找我们给每个画板设置封面,同时不同的内容设置不同颜色,另外在摆列上同样的颜色尽量排在一起,同时把经常使用的内容靠前排列。

容易寻找

容易寻找也就是在使用素材库时能够及时找到相应素材,同时还能够被我们使用或提供一定的创意灵感。这时候就需要对图片设置标签方便寻找了。

 

图片收藏或采集时尝试设置标签

在素材库使用时我发现一个问题,比如一个主页界面,我既想存在主页的文件中,又想存在导航栏、瓷片区的文件中。如果我收藏或采集时存多次,这无疑是浪费时间的。那么这时候你可以尝试设置标签。下面我仍然以本地和线上素材库为例。

 

本地素材库设置流程

第一步:设置标签,以MAC为例,点击图片右击>标记>创建新标记,然后敲回车即可创建成功。


当你已经创建标签后,你可以在下拉框中看到,点击标签即可新建。

第二步:查看标签,建立标签之后,我们可以在左侧看到标签,点击对应的标签即可查看对应的内容。

 

线上素材库设置流程

第一步:设置标签,当你选好要采集的图片时,点击采集下方就可设置标签,同样敲回车确认。同时即使你采集的时候来不及设置,也可以在后面有时间整理的时候点击图片上方的编辑进行设置。你可以看到一张图片我们可以将其觉得比较好的地方设置下来。


第二步:查看标签,花瓣在个人主页下方,就有标签的栏目,点击进去我们可以看到他默认是按照字母排序,同时提供使用频率排序,这个还算比较人性。

点击对于标签即可查看该标签下的全部图片。

以上是我分别针对Mac系统本地素材库和花瓣网线上素材库,大概介绍了他们设置标签的方法,其实不管你是喜欢用哪一个,这里的标签不易设置过多。同时标签的设置也需要遵循我们的设计规则,当你发现你的“设计规则”不能满足,那么你还可定期更新你的“设计规则”。

最后提示一点,我们至少3个月需要去整理一下素材库,将以前收集的进行分析、练习,然后将不好的内容清理掉

 

总结

在整理素材库时需要围绕整理的核心:容易打理、容易收集、容易寻找三原则来建立自身的素材库。

容易打理:开始不要盲目建立文件,导致需要的时候找不到东西。应该提前建立一定的规则,这样在以后采集和收藏素材的时候都采用这个规则,以方便素材库的打理。

容易收集:根据“设计规则”,就需要根据自己使用素材库的情况建立本地或线上的收藏夹,便于后期素材资料的收集。

容易寻找:为图片设置标签,方便图片的查找,以及使用。

 

参考文献:

《用标签代替文件夹!教你更高效的图片素材管理术》  https://www.uisdc.com/labelling-collating-method

推荐书籍:《超级整理术》

原文地址:海盐社

作者:风筝KK

 

转载请注明:学UI网 » 教你从0到1高效整理素材库

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.xueui.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.xueui.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

 
你可能喜欢的:
HJUX香港设计之旅HJUX香港设计之旅
实例讲解:设计师应该如何去抄(上)实例讲解:设计师应该如何去抄(上)
跨职业转型 | C端运营转型B端交互跨职业转型 | C端运营转型B端交互
⌈外面⌋ 关于竞品分析、设计体系、行业术语、白板及更多⌈外面⌋ 关于竞品分析、设计体系、行业术语、白板及更多
设计师的信息觅食指南设计师的信息觅食指南
如何提升作品的整体设计感?如何提升作品的整体设计感?
目前市面上最完整的GIF导出方案目前市面上最完整的GIF导出方案
如何从0到1建立设计规范如何从0到1建立设计规范
如何在琐碎的 UX 设计中,做出显性价值?如何在琐碎的 UX 设计中,做出显性价值?
关于“少即是多”的交互思考关于“少即是多”的交互思考