扫码登录 我要学设计网
设计师的职业进阶课堂

微信扫码登录 | 方便安全省心

优秀设计师都是如何整理灵感资源库的

菜菜不甜 2022年04月21日 发布 / 666 次阅读




『 什么是整理图库 


《佐藤可士和的超整理术》书中提到了一个让我影响深刻的观点“不是因为忙碌而疏于整理,而是为了提升工作效率而主动整理”。 




整理设计图库,其实就是在做3件事情:
1. 搜集
2. 删除
3. 分类(本篇重点)



很多设计师比较享受搜集赏心悦目的图片,对删除素材图有选择困难症,最不想做的是分类这件事,因为他们认为这属于体力活,费时费力。那只能说你的理解太片面了。我曾经也烦躁整理图库,但自从我掌握了方法之后,就越来越享受了。先说下大家的误区,整理并不只是体力活,它包含了大量的脑力劳动。





『 整理图库的意义 


我总结了一下,整理图库大概有以下4个好处:
1. 提高工作效率
2. 提高审美
3. 提升结构化思维
4. 身心愉悦




① 提高工作效率



提高效率,能让你在有限的时间内完成更多的设计工作。能减少不必要的加班,让你获得同事的信任,领导的认可。要想提高效率,那你要决定「做什么」和「优先做什么」。整理图库就是在执行前优先做的工作。


在我们的设计工作中,任何一个项目都是需要大量的参考的,很难做到100%原创,所以你的设计灵感主要就源自于你日常积累的图库。比如:我接到了一个关于活动弹窗的设计需求,那我就可以迅速的找到“弹窗”图库,并且能给到对方“中间弹出”“下方弹出”“异形”“矩形”等不同的表现方式,省得再去设计网站上找新的参考,特别是在需求比较紧急的时候,有了图库的参考,是可以大大提高我们的工作效率。如果之前没有积累的习惯,等接到需求的时候脑袋里面很难有画面感,大量的时候会消耗在琢磨设计效果,或者网上疯狂搜图上。



② 提高审美



审美决定了一个人的品味,试想一下你自己设计的图在别人的眼里很丑,但你却不自知,别人也无法跟你沟通丑在哪里,这个也没有什么逻辑可言,因为你们的审美不在同一个level。所以可以说,审美力,其实就是一个人的核心竞争力,因为它不仅关系到你做图的水平,而且还影响了一个人的形象、魅力、气质,进而会影响方方面面。对设计师而言,大众的审美是由我们引领的。说设计师是一个注重创新的职位,但是任何的创意都是建立在之前的认知之上,我们更应该重视审美力。


“技术决定下限,审美决定上限”整理图库的过程,就是在消化人家作品的精髓,去除糟粕的过程,就是在不断的更新自己对图片的鉴赏能力,只有眼界提高了,你的设计能力才能提升,你在职场才更有魅力,你的作品才会有影响力。所以不要小看整理图库这个简单而有意义的事情。



③ 提高结构化思维



结构化思维是一种从整体到局部、从框架到细节的思维方式。它要求思考者不先入为主,不会过快地陷入细节,而要经常留意事物的整体框架,在框架的基础上去拓展细节。


专注于视觉表现的设计师,如果能够习惯用结构化的方式进行思考,你的思维能力、沟通能力、学习能力都将获得大幅度的提升经常迭代设计图库是否符合逻辑顺序,新的图片是否已经被归置到它应在的文件夹中,是否又产生了新的需要被丢弃的图片。经常整理的过程也是一个实践和理论不断结合和碰撞的过程,通过长期的科学分析整理,能够总结出自己的一套关于设计分类的结构化思维,并可以把这种有益经验和思维模式应用到更广的领域,使自己受益更多。



④ 身心愉悦



整理图库的过程也是整理大脑碎片的过程,通过不断的整理和思考能够使我们对自己所搜集的图片有更清晰的认识,并且能够通过不断总结、优化使大脑有更清晰的逻辑。养成良好的整理图库的习惯,能够使人更加自律。看到图片被分到属于他们自己的文件夹、井井有条,满足感和成就感油然而生。解放硬盘空间,节省了时间、精力,让我们的工作环境化繁为简、达到舒适可控的理想状态。


身体和精神都愉悦了,我们才能带着更好状态的进入到下一个项目当中。这就是一个积极的正向循环。




『 何时整理图库 


还是从前面提到的整理图库的3件事来说,图片是随时随地“搜集”,没有任何限制。而“删除”和“分类”这两件事情最好是每月整理一次。为什么是“每月”?因为时间间隔太长,文件挤压过多,我们比较容易想放弃;时间间隔太短,也没有必要这么频繁,毕竟整理还是比较耗时的。




『 用什么软件整理图库 


工欲善其事,必先利其器。我是用eagle来做图片的整理工作,它的强大只有使用过才会懂。在这里列举了我曾经使用过的3款整理图片的软件,并且写下了我使用的感受,仅供大家参考。




Adobe Bridge 界面图




花瓣Pro 界面图




eagle 界面图





『 如何整理图库 


① 整理图库的原理mece法则

我在这里分析图片是使用mece法则,有了这个法则,你可以很轻松的给图片分类。


(1)什么是mece法则



mece法则,是Mutually Exclusive Collectively Exhaustive的缩写,是麦肯锡培训师芭芭拉明托(Minto)书籍《金字塔原理》中提到的一种思考方式,中文意思是“相互独立,完全穷尽”。大家记得两个点:不重复,不遗漏,这样我们思考问题才全面。



(2)mece的分析步骤

在应用MECE原则时,我们一般分为以下三个步骤:



第1步:确定范围
MECE原则虽说要「完全穷尽」,但是「穷尽」也是有边界的,不是无止境的。所以在开始分析问题之前,要首先界定清楚问题的边界和范畴。比如说,我平时接触手机端和pc端比较多,那我给UI图库分类的时候,不需要刻意加上其他的设备,因为我的工作中也用不到。

第2步:找到合适的维度
维度,讲的是从什么切入点进行划分,比如UI的分类,可以按不同的设备划分(手机、pad、电脑、一体机...),还可以根据不同的风格(毛玻璃、大黑字、新拟态...),这便是切入点。


有时,你会发现很难把所有要素都考虑进来,这时你不得不加入项「其他」,用以包含不能被划分到别的维度的要素。用「其他」当然是可以的,但是如果你不得不用「其他」的时候,往往可能是你切入点没有选好,所以要慎用「其他」。高手和菜鸟的区别,亦经常体现在切入点的选择上。

第3步:检查重复和遗漏
反复检查和分析各要素之间是否有遗漏或者重复。最好的检测方法,当你发现有一张图不知道放哪里(不穷尽),或者放哪里都可以(不独立),则说明你的分类有问题。

最后,我们要注意,MECE原则必须应用在「纯理性分析」的情境之中,对于感性的问题,MECE原则可能并不适用。



② 图库分类的10个维度

在《交互设计精髓 About Face 4》书中提及到了“视觉界面设计元素”,以下的10个维度是站在巨人的肩膀上总结出来的,结合了我个人的工作经验,有所增减。



(1)情景

根据不同的使用场景进行分类,比如:光照、设备、地点...




(2)形状

根据不同的形状进行分类,比如:圆形,矩形、三角形、梯形、异形... 



(3)尺寸

根据不同的尺寸进行分类,比如:基础版本(常规字号)、老年版本(大字号)、单屏、多屏...



(4)颜色

根据不同的颜色进行分类,比如:日光模式、暗黑模式、彩色系、中性色、红、黄、蓝...



(5)文字

根据不同的文字进行分类,比如:字号、字体、行高、字重...

(6)位置

根据不同的位置进行分类,比如:上、下、左、右、远、近、留白... 



(7)方向

根据不同的方向进行分类,比如:向上、向下、向左、向右...



(8)质感

根据不同的风格进行分类,比如:毛玻璃风格、插画风格、立体风格、新拟态风格、酸性风格、扁平风格...



(9)动作及其时间变化

根据不同的动作进行分类,比如:拖拽、滑入、移出、双击、单击、点击前、点击时、点击后...



(10)目的

根据不同的目的进行分类,比如:引导目的、引流目的、展示目的、强调目的...




③ UI设计图库分类(举例)

温馨提示,图片的分类方式有很多种,尽量按照自己的习惯来,也不要过于死磕「穷尽」这件事,不然会把自己逼死~~

下图是我的UI图库分类方式,仅供参考



整理图库是一项颇有技术含量又能够使人受益匪浅的工作。通过认真思考并付诸行动,可以让我们养成做事认真、关注细节的良好习惯,可以让我们提升效率,收获越来越高的自律性和自信心,可以让我们拥有更敏捷的反应和更智慧的思维,那我们何乐而不为呢?

参考文献:
《交互设计精髓 About Face 4》艾伦.库伯Alan.cooper著
《金字塔原理》巴巴拉·明托 Barbara Minto著
《佐藤可士和超整理术》佐藤可士和,Kashiwa Sato著
《什么是「MECE 分析法」,有哪些适用领域,该如何运用?》第3类人(知乎)


@菜菜不甜 授权黑马家族发布,同步更新51学设计网

原文地址