手把手教你打造一个低管理成本的素材库

   每个设计师都应该有自己的素材库,这是确定的。我不认同与别人这些高管理成本的行为,因为时间真的很值钱。所以,我探究出一个低管理成本的素材库建立方案。

  目录 INDEX:

  创建的规则;

  划分素材库;

  目录说明;

  使用「素材」和规则;

  灵感的加入工具;

  灵感与项目的协同使用;

  素材与项目的使用;

  结语;

  我的素材;

  创建的规则

  其实,创建一个素材库,应该和自身经验相结合起来。

  我几年工作下来,产生了素材库是这样的要求的:

  这个素材库应该可以被容易同步(多计算机工作的问题)

  容易打理

  容易输入

  容易寻找

  允许临时的混乱,但是定期被整理

  接着,就应该根据规则来划分素材库了(见「划分素材库」和「目录说明」)。

  划分素材库

  为此,素材库有两个目录:

  灵感

  素材


  他们的子目录是这样工作的:


  目录说明

  灵感:

  _待整理:Dribbble 等网站的小图片,用于作为创作参考的;

  !inspiration:启发类型的图片,如和项目无关的 UI、海报、平面等

  !Key:技巧和流程的图片;

  Desktop UI:桌面的 UI、Web UI、桌面端的;

  Effect:动态效果;

  Mobile UI:移动端 UI;

  Public UI:通用的,跨平台的,UI Kit;

  Typography:排版;

  VI:Logo 之类的;

  壁纸、壁纸(Phone):好看的壁纸……

  素材:

  GIF:Loading 之类这些循环 Gif

  PhotoShop:abr、asl、atn 等这些 PS 设定;

  PSDs:直接可用的 PSD 文件,这里会放了一大堆 PSD,如果没有放在活页夹下,就说明只是 PSD 文件而已;

  PSDs 》_mini icons:小 icon;

  PSDs 》_Screens Mock-Up:Mock up;

  PSDs 》_UI Kit:UI kit

  PSDs 》_规范模板:iOS UI PSD、Android UI x.x PSD 等,这些一定是原生的 UI

  RepeatPhoto:可平铺的素材;

  Sketch:Sketch 文件……

  高清图片:没有意义的高清图片;

  矢量字型:AI 格式的字体文件;

  矢量图片:顾名思义;

  图片:高质量的大背景图片;

  音效:购买的音效库;

  使用「素材库」和规则

  建立了素材库的目录结构,当然要符合一些手段来使用啦。

  在我的计算机下(多计算机),只要是 Mac 的话,就可以很容易地使用「素材库」了。

  当然,Windows 也可以,只是稍微麻烦了一些。

  使用规则:

  所有输入的灵感文件,均输入到「_待整理」档案夹。

  所有输入的素材文件,均先暂存「下载」(OS的)档案,在解压缩后,挑选可用文件(如抛弃那些 MD、Readme、URL 等无用文件,多个 AI 和 PSD 文件,选最合适的文件类型)

  每周或每月将「_待整理」迁移到对应的分类目录;

  灵感的加入工具

  适合于灵感的 JPG 文件和 PNG 文件不见得和 PSD 文件这样拥有丰富的文件信息。

  因此,我特意写了一个小工具,来适用于增强这些文件的文件信息。


  此工具的使用 DEMO:保存图片—在线播放

  这个工具是这样运作的:

  拖放图片到工具上;

  确定其 PNG 或 JPG 所在的网页网址,定义为 SourceURL;

  把 SourceURL 和 图像文件 加入到数据库;

  爬虫检索 SourceURL 的文字内容;

  当打开 Search 时候,搜索文字即可显示到关联的图像文件和 Web Page(SourceURL);


  灵感与项目的协同使用

  我们搜集素材,无非就是因为设计元素而已。

  强大工具 Pixa

  这里,我需要介绍一个强大的工具﹣Pixa。


   这里也稍微重新做一些介绍。

  Pixa 是一个优秀的灵感管理工具。

  拥有其出色的项目功能(以关联模式工作,不添加复制新的文件)

  视觉效果舒服;

  具备丰富的 Tag 信息;


  项目与 Pixa 的协作

  步骤:

  在 Dribbble、Behance、Pinterest 等网站浏览,认为合适的项目图片;

  在「灵感库」浏览,筛选认为合适的项目图片;

  在 Pixa 中,把这些图片加入到对应项目;

  在「工作目录」下,建立对应项目活页夹,开展工作;

  在 Pixa 中建立项目:


  在「工作目录」下建立项目:


  这里就不展开说工作如何进行了,因为我们的重点只是在说素材库而已。

  项目与素材的使用

  为了加速工作,我们应当使用合适的 OS 特性来加速我们的工作。

  素材库虽然很大,但是,常用的文件,应当容易访问。

  基于 Tag 加速访问

  在我这里,我是使用 Finder 的 Tag 特性来满足这个情况。


   我主要常用的就是「_mini icon」、「PSDs」、「图片」这几个活页夹。

  基于搜索加速寻找

  由于 Mac 的一个特性,可检索 PSD 内部文件的信息,因此,良好的 PSD 文件就可以被搜索出来哦。


  PSD 文件是具备很多信息的:


  Sketch 这方面就弱很多了,根本不支持搜索了。


  结语

  平时关注一些好的网站,RSS,多看看外面的人是怎么工作的。

  素材和灵感,的确很重要,但是,也不是没有就不能工作的。

  我也觉得上文说的有点多了,所以简单来说,这个素材库规则就是这样用的:

  灵感,统一先入待整理;

  素材,统一先入下载目录;

  定期整理和分类;

  灵感用浏览回顾;

  素材使用搜索查找;

  我的素材

  在我长期的积累下,素材库已经总计有 15G 左右的文件;

  其中灵感有约 3k 个文件;素材有约 2w 个文件。

时间: 2024-11-03 21:42:08

手把手教你打造一个低管理成本的素材库的相关文章

手把手教你打造一个纯CSS图标库

来,干了这碗安利 写这篇文章的目的其实就是为了安利一下我的图标库:iconoo,所以,开门见山,star吧少年少妇们!(这样的我是不是应该要加个github互粉的团伙了?) 主题说完了,下面进入正题. 在web开发中,我们经常要用到一些小图标(加减勾叉等).通常做法就两种: 直接使用图片; 使用css/svg直接在浏览器中绘制图标. 方案1:由于图标图片比较多,而且体积很小,为了减少请求所以很多时候我们会用雪碧图这种技术来将图标拼凑在同一张图片里面.你也能想到,一堆图标的雪碧图,修改维护会相当麻

老班:手把手教你打造完美符合SEO的博客(二)

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 老班在上一讲<老班:手把手教你打造完美符合SEO的博客(一) >讲了在搭建一个博客之前,应该确定博客的长期目标和短期目标. 其中谈到,选择一个合适的博客程序是博客搭建的核心 这一讲,老班就带领大家了解一下有关博客的程序选择.注意,适合自己的,才是最好的. 首先罗列一下目前主流的博客程序,给新手一个参考 1.Wordpress 官方

老班:手把手教你打造完美符合SEO的博客(三)

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 老班在前面两讲<老班:手把手教你打造完美符合SEO的博客(一) >与<老班:手把手教你打造完美符合SEO的博客(二) >主要讲了: 1.博客的策划(长期计划与短期计划) 2.如何选择博客程序(选择自己合适的,才是最好的) 这一讲的内容是:如何确定博客的主题. 写博如果仅仅是个兴趣而已,或者仅仅把它当做写日记一样看待.我

老班:手把手教你打造完美符合SEO的博客(四)

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 老班坚持每天写一文,陆续写出了<手把手教你打造完美符合SEO的博客>前三讲内容,并都在A5里投稿了,内容已经讲到了如何选择博客主题这方面内容. 上一讲,老班讲了<如何选择博客主题>的初步思路,今天老班继续对博客的主题进行优化讲解,从SEO的角度,讲解如何进一步选择博客主题. 我们做一个优秀的博客,最大的希望就是能够让更

手把手教您制作一个完整网站(内附教程)

手把手教您制作一个完整网站(内附教程) 1.搞个简单的策划先. 至少应该有一个大概的方向吧,先确定网站的类型,是地区门户.行业门户,还是下载.电影.论坛等等.然后基本确定网站的名称. 2.找一个合适的域名. 域名注册.com(国际域名)和.cn(国内域名)为宜,域名最好不要太长.且有一定的意义.容易记,现在好的域名已经不多了,你可灵活的使用数字.英文单词.拼音等的组合,在域名的前.后加上i.e.51.ok.hao.88.163等,可以灵活的组合出许多好的域名.域名注册信息查询 http://ww

PS+AI教程!手把手教你打造低多边形星系海报

  前言 笔刷.纹理.甚至是Photoshop的杂色滤镜都能做出星系的样子,但是我觉得远远不够.它或许不够直接,又很难用任何一种形状就能将它表达完全.所以,我们所画的星系似乎都只是概念中的星系.本教程要教大家用AI和PS来打造一张星系海报,当然,如果用星空做背景那就太平淡了.这次,让我们尝试用低多边形来为星系造型. 一.星系的造型 1.打开AI,新建一个任意大小的文档.矢量图的尺寸大小当然不太重要.在此我创建的是800px*800px,我想提醒一下,如果是想要画出非常纤细的星系线条(线条小于1p

PS+AI手把手教你打造低多边形星系海报

  前言 笔刷.纹理.甚至是Photoshop的杂色滤镜都能做出星系的样子,但是我觉得远远不够.它或许不够直接,又很难用任何一种形状就能将它表达完全.所以,我们所画的星系似乎都只是概念中的星系.本教程要教大家用AI和PS来打造一张星系海报,当然,如果用星空做背景那就太平淡了.这次,让我们尝试用低多边形来为星系造型. 一.星系的造型 1.打开AI,新建一个任意大小的文档.矢量图的尺寸大小当然不太重要.在此我创建的是800px*800px,我想提醒一下,如果是想要画出非常纤细的星系线条(线条小于1p

一步一步手把手教你做好一个网站

&http://www.aliyun.com/zixun/aggregation/37954.html">nbsp;   新手建站之实例教程,过来人手把手教你!制作一个网站总得来说分四步:申请域名.申请虚拟主机.制作网页,网站宣传推广! 1.申请域名:最好用COM,没有的话NET吧,CN现在没啥人注了;域名简短为宜,查询地址:http://www.e000.com/domain/?s=dark 2.申请虚拟主机:一般的现在的网站100M-1000M就差不多了,现在选择双线主机,比较

PS手把手教你创建一个MINI PLAYER

  教大家制作一个Wbe Mini Player,一个很简单的播放界面.主要是图层样式的应用,操作绝对简单.做完之后,修改颜色神马的相当的快,附上四个PSD源文件,收好! 当然,直接用色相之类的来修改颜色,我并不赞同,原因嘛,自己想!其实做完一个颜色后,直接在源文件里更改图层样式,换个色也花不了多长时间的. 今天,我所提供的PSD里,我们做了四个颜色,绿色,蓝色,灰色,红色,有兴趣的朋友可以试试别的颜色. 我这里的教程用的绿色来示范! 首先,新建个文档,我用的是400X300像素.创建一个渐变调