电商设计师王鸿涛: 电商设计素材整理方法与思维

王鸿涛・2018-08-20

Eagle 团队今天邀请到梵墨设计师王鸿涛来和我们分享他在设计素材管理上的经验，相信这些经验对大家都会很有帮助的。本文由 王鸿涛 撰写，Eagle 团队进行编辑。

介绍一下你自己和所做的工作

我是小坏蛋，这个名字，我用了快10年了，我朋友同事都这样叫我，导致我有时候都忘记自己的名字叫王鸿涛了。入行的经历也是很偶然，算是机缘巧合，我是机械工程及自动化专业的，压根和设计不沾边，可能和工业设计有那么稍微一点点关系吧。在学校的最后一年，我这个年级，要几个学生在学校实习，我是其中一个，我被分到了平面设计组，所以，我的第一份工作就是设计。

2016年毕业后，本来打算做平面的，也是机缘巧合，入职后没多久，平面设计公司转型电商外包。电商的很多流程公司都不知道，前景一片迷茫，工作一段时间后，我刚毕业无法适应公司这么大的转变，离职后，自己摸索了很长时间。2017年才走上正轨——梵墨。这时我才正式的开始了我的电商之路。

在遇到 Eagle 之前，你是怎么管理图片的，遇到什么挑战？

作为一名设计师，平时收集一些灵感，图片的习惯是非常重要的，之前我是用文件夹来分类，也就是本地，因为这样资料不会丢失，刚开始我是很认真的制定分类文件夹，还研究过很长一段时间分类的方法，希望在需要时能快速的找到自己想要的图片，随着图片越来越多，找图时间，分类质量直线下降，文件夹是一层嵌套一层，令我找图和分类感觉非常混乱，而且 Mac 上面也没有非常好的全局看图软件，有心而无力。

后来转移到花瓣，也就是云端，花瓣确实更加高效，也有全局看图的功能，而且找图收集和分类变得更容易，但是因为之前网盘大规模关停，花瓣服务器很不稳定，时不时宕机，让我改变了看法，这种保存在云端的方法，很没有安全感。我一直在寻找一款能实现云端，本地互相结合的软件，可以组建私有云，机遇巧合，大约6月份的时候，我遇到了Eagle。

为什么选择 Eagle 作为平时管理图片的工具呢？

起初是因为 Eagle 能组建私有云，全局看图，查找，分类，优秀过滤重复图片的机制，还有采集的浏览器插件，几乎解决了大部分的问题。但是人就是这样，旧的问题解决了， 一直会有新的问题出现，开发人员主动与客户对接，回复问题非常即时，解决问题的速度非常快，软件的更新频率很高，我的很多想法，都在短时间内采纳实现了，我决定使用 Eagle 来管理我的素材库。

平常你是怎么使用 Eagle 的？能不能介绍几个你特别喜欢的功能或者使用方式？

随着软件的更新，客户的需求，软件的功能会越来越多，我觉得软件只是一个工具，是为设计师服务的，重要的是如何去用，不需要使用的很全面，关键在于怎么对软件的功能进行取舍，怎样分类会让你管理图片变得更加高效。

我最喜欢的功能是图片包分享功能，这个图片包包含了文件夹结构，图片名称，链接，标签，注释和标注，这个功能可以把分析图片等时间降低很多，有时候我会和朋友分享素材包的文件，他可能会有我从没看到过的图片，我也可能会有他没看到过的图片，并且能学习到他对素材整理的经验，还有对这张图的分析思路，这种方式非常适合与同伴学习交流。

另外就是从花瓣的画板上导入的图片和浏览器插件，能保留原采集的网站，有时候我会看到一些精品的画板，我会整个画板采集下来，进行筛选，分类，能节省大量采集的时间，看到好的图也会进入原网站，进行采集更多图片。经常能发现更多的惊喜。

平常你是如何组织分类图⽚片素材的?能不不能分享你的分类、思维⽅方式?

我之前所说的，怎样分类会让你管理图片变得更加高效，我研究过很多种素材分类的方式，分类方法也会根据自己的需要进行调整，每个人都要应该要总结出适用于自己的分类方式，也许我的方法并不适用于你，仅作为参考。

也许下面的文字比较多，很多人不会看，我先放一张图上来，这张图可能很多人都看过，大概就是这个思路。

科学的管理状态应遵守 “MICE”原则（Mutually Exclusive Collectively Exhaustive），既“相互独立，完全穷尽”，做到不重叠、不遗漏的分类。

• 1 级文件夹分类（总类目）：
  创意海报、电商首页、空间搭建、会场搭建、游戏网页
• 2 级文件夹分类（用途）：
  以电商首页为例：电器、化妆品、零食、服装
• 2 级文件夹分类（节日）：
  以电商首页为例：圣诞、电商大促、女王节、春节

说明：2 级分类也可以加入到 3 级分类，主要看你优先级，一般 3 级分类，我不会用文件夹，直接用标签了，比如色彩，还有构图等等

• 3 级文件夹分类：
  • A. 色彩：

    冷暖对比，冷色系、暖色系、主色色系（绿色，红色）、明淡、暗灰、中性等等
  • B. 表现形式：

    手绘、三维、合成、排版以及各种构图和形式感等等（这个其实是一级类目，为了和下面对比）
  • C. 风格调性：

    科技感、热血、中国风、古惑仔港风、欧美风、品牌调性等等（还有小清新魔兽风、科技美味风、性冷淡促销风…咳咳，我们客户的奇葩要求）
  • D. 场景：

    家庭温馨、现代军事、中世纪、美国大西部、海洋世界等等
  • E. 构图：

    上下、左右、上中下构图、左中右构图、压四角、三角形等等
  • F. 氛围：

    逆光、顺光、光效、光影、黑白等等
  • G. 其它类和待分离整理素材

    用来存放疑难杂症的素材，和当天采集未分类的素材
    

注意事项

• 如果素材分类有冲突，选择效果最好的类目，比如，排版很好，而且是三维的，那要看哪个更为突出。
• 分类嵌套文件夹不要过多，最多只能三层（事不过三，少就是多，这句话应该很多人都知道）。
• 采集的素材，要当天进行归类完毕，如果采集太多再分类，会感觉很累。

你觉得 Eagle 为你来大最大的改变是什么？

能保持每天学习的习惯，懂得如何去看优秀作品的方法，明白优秀的图片素材分类的方法。有问题立刻指出并解决，也让我深刻明白了一个道理：要不断学习探索，最前沿的技术和管理方式，甚至是软件，优质的网站，你懂得越多，和别人的差距就越大，不要仅跟风，而是要做前卫的大神！随着经济发展，客户审美及要求越来越高，所以作为乙方也需要不断的学习提升自身能力，走在设计前沿。

给读者推荐几个值得关注的灵感来源吧！

推荐一些我常去的设计网站，都是自学圣地，有些需要付费

• 灵感网站：
花瓣、站酷、Pinterest、Behance、Artstation、Dribbble、Doooor、Deviantart、CGSociety。
• 教程网站：
Youtube、饼干教育、翼狐网精品教程、哔哩哔哩、Vimeo。
• 素材网站：
Google、求字体、Textures、大作、美工云。
• 版权图库：
锐景创意、华盖创意、500px、摄图网、海洛创意、全景网、美好景象、下吧、 Flickr、Niice。

灵感来源于生活，高于生活，阅读、绘画、电影、音乐、文学、自然等等。细心观察生活的细节，需要长期执行的事，要懂哲学，有文化、作品才会有深度。