掃描二維碼 上傳二維碼
域名商店
選擇防紅平台類型,避免鏈接被攔截
選擇允許訪問的平台類型

设计沉思录|「水晶球」素材共享中心从0到1

日常工作中,几个问题反复出现,让人头疼。设计师找素材的效率太低,经常要在几个图库网站之间来回登录、切换,大量时间都花在了“找”上。更麻烦的是重复购买,不同设计师可能从不同渠道买了同一张图,公司预算就这么被白白浪费了。资源共享也不够直观,明明有现成的素材,大家还是各做各的,重复劳动很多。偶尔碰到线上紧急项目,时间短、要求高,想在短时间内既保证效率又保证质量,压力非常大。运营和产品的同事也经常跑来问:这张图有没有版权?能不能快速找到图?能不能直接给我一批已购买的图片素材,或者把以前用过的元素拼一拼、改一改直接用?

公司层面同样面临挑战。互联网行业竞争激烈,迭代快,业务压力大,多角度的重复下载让图片预算居高不下。我们需要让图片的使用情况更清晰、更精细,把不必要的成本省下来。这些问题几乎天天发生,大家心里都清楚,必须有一个资源整合和素材共享的中心,才能从根本上解决。



正是这些原因,让我们在一年多前下决心发起一个内部项目,想做一个能真正帮团队提效的资源平台。后来,我们给它取名叫“水晶球”。下面就把这个项目从零到一的搭建过程完整梳理一遍,也聊聊背后的设计理念和主要功能,希望能给有类似需求的朋友一些启发。

项目启动后,我们首先做的是前期调研。一方面去和视觉中国、IC等图库网站对接,了解技术接口方案,摸清图库的图片功能,以及类似百度信息流等产品的对接方式;另一方面,和前后端技术开了无数次会,反复沟通实现成本、技术难度和开发周期。那种反复拉齐信息、不断推翻又重建的过程,现在回想起来还觉得挺磨人的。

基于调研结果和技术成本的综合评估,我们定了一个分两期走的计划。第一期先做一个共享的可视化网盘,把部门内部的设计效率提上来;第二期再逐步升级,加入图片管理功能,比如显示下载次数、多平台搜索,还有更细的权限管理。

命名是项目启动后的第一件事。名字像一个象征,得让人感觉对劲儿。我们拉着交互、技术同学一起开脑暴会,最后筛出六个备选:设计食堂、口袋、水晶球、巴士、八音盒和摩天轮。投票结果出来,“水晶球”以绝对优势胜出,大家对这个名字都挺有感觉。

有了名字,品牌方案就顺势展开了。我们围绕水晶球做了很多 logo 方向的探索,尝试过聚合、魔法、太极等概念,最后产出一批方案,经过投票选定了三个优胜方案作为最终 logo。在梳理品牌关键词时,我们结合了对产品的思考和定位,希望水晶球能融入与58品牌紧密相关的颜色,形成视觉上的引导,同时严格控制页面中品牌色的比例。关键词里包含了未来、共享、高效、智能、技术、聚合这些感觉,它们一起决定了水晶球整体的品牌色方向。



进入设计阶段,我们从产品目标到使用场景,反复讨论和研究,包括框架结构、文档撰写、视觉稿输出,每一步都来回打磨了好几轮。水晶球的核心功能,我们主要聚焦在几个方面。

搜索是起点。作为效率工具,水晶球的第一要务就是让人快速找到图片。从主页到图库、运营库,再到个人中心和后台管理,我们希望搜索入口随时都在,用户不管在哪个页面,只要想搜就能立刻搜,不需要任何多余操作。图库的分类和展示,我们花了很多心思去想:到底要展示什么素材,怎么分类才合理。比如图片类素材,一部分是我们自己拍摄的,一部分是已经购买并下载使用的版权图片,还有一部分需要接入外部图库,像图虫创意、视觉中国这些。另外,很多日常运营的设计稿也要整理上传,还有大量 icon、页面版本文件,都需要妥善收纳并且呈现得清晰直观。这些内容决定了分类的逻辑和展示形式。上传功能对应着图库的分类,需要大家贡献自己的图片资源。麻烦的点在于图片的名称和标签,因为它们直接关系到搜索能不能搜出来。所以我们要求上传者自己对资源进行分类和打标签,这也算是一种共建规则。个人中心和管理则属于后台部分。个人中心可以展示和管理自己上传的资源,方便随时修改和编辑;管理后台用来监控和分析整个水晶球的上传、下载数据,让我们能看清资源的使用情况。



经过反复打磨,一系列设计稿最终落地。7月25日,水晶球一期正式上线了。

上线后用了一段时间,我们陆续收到一些问题反馈。把它们记录下来,在后续迭代中逐步优化,不断完善功能、丰富内容、打磨体验。新的一期里,我们接入了图意图片库,个人中心做了调整,上传部分的一些问题也得到了修正。



到现在,水晶球的上传量已经超过一万,下载量两千多。从下载数据里,我们发现了一些很有意思的现象:图库中扣好的 png 图片是最常用的素材,几乎大家拿过来就能用;运营库里,拆分后的元素特别受欢迎,比如金币、红包、人物这些;运营库分类中,闪屏类素材的下载量明显偏高;品牌库里,字体和代言人素材使用最多,查询和下载都很方便。这些素材直接就能用于设计,实实在在地帮大家省了时间,提升了效率。

最后,特别感谢幕后前端、后端以及测试同学,还有视觉设计师何芳。因生活而设计,因设计而美好。