一、转赞一个组件站的启发
在 Bootstrap 组件实验室 翻组件时,我突然想清了一件事:
它把界面拆成 25 个独立组件,每个都能单拿出来用。
做图素材库也可以用同样思路。
二、素材库现在的问题
大多数人存素材靠文件夹:
- 头像1、头像2、头像3
- 背景1、背景2……
存到两百张以后,完全找不到要用的那张。
三、组件化的四个维度
把一张图拆成四个可组合的层:
维度一:主体。 人、物、动物。单独存。
维度二:环境。 室内、街、自然、虚空。单独存。
维度三:光线。 顶光、侧光、逆光、柔光。单独存。
维度四:质感。 胶片、水墨、低饱和、三维。单独存。
四个维度各存二十张,就是 80 张,能组合出的风格远超两百张随意堆的图。
四、为什么拆分比堆积有效
因为找东西时你脑中想的是维度,不是具体图。
“我想要一个逆光的人”比“我想要那张蓝背景的图”好检索。
五、组件站给我的三个具体做法
- 每个组件带示例代码。 换成素材库,就是每张图要带提示词。
- 组件按功能分组,不按风格。 素材库也应该按用途分,不按好看程度分。
- 组件能单独预览。 素材库要能快速预览全部缩略图。
六、落地一个文件夹结构
```
/material
/subject
/scene
/light
/texture
/final
```
前四个目录存素材,最后一个存成图。
每条素材文件名写成“关键词_编号”,例如 side_light_03。
七、一个提醒
不要为了分类而分类。
如果某个维度你根本不用(比如你不做三维),就别建那个目录。
八、一句总结
素材库的价值不在于多,而在于每个都能被找到。