个人channel,记录生活与发现
频道聊天室:https://t.me/fishome
频道聊天室:https://t.me/fishome
关于图片素材管理的一点讨论,不知道有没有用,先贴在这里。
我自己使用 Billfish 管理图片素材和自制素材,图片素材管理分为三部分:收集、整理、搜索。整理是我遗漏的部分,因为缺少了这一步,所以搜索起来特别麻烦。
收集:通过浏览器扩展来把网页中有价值的图片收集到Billfish浏览器收集素材文件夹,借助自动化工具将手动下载的图片也放入这个文件夹。
整理可以分为三步:
1. 文件重命名。把重命名过的文件和未命名的文件分别存放,只有命名过的文件才会放到 Billfish 的库当中。命名重点强调意义,即围绕图片本身命名,就好似淘宝商品标题,便于后续检索。我也尝试过给每一个素材加时间戳,但效果不大,因为当我保存素材的时候并不知道我会什么时候用到,我使用素材的时候也并不知道是什么时候保存的;
2. 建立文件夹层级。文件夹和标签管理不同,文件夹管理天然具有排他性,例如我会经常保存插画素材,插画就有不同的分类,例如艺术插画,商业画,北欧风,3D风,日系,像素,扁平,矢量,古风,水彩……根据你的领域来构建这个层级。这个层级之下我还建立了几个画师单独的文件夹;
3. 标签体系。这个比较成熟,在少数派等各大网站都有教程。可以分出两三个标签打颜色,分出一到两个标签写风格,一两个标签给图片类型(插画?图标?文本框?)图片标签和备注也可以围绕图片关键词来写。需要注意的是,写文件名时可以任意发挥,穷尽图片所有值得关注的点,但打tag要有边界和体系,不能直接根据关键词来临时创建一个tag。
搜索分为检索某一个素材或检索某一类素材。
与检索文字不同,检索图片最直观的依据是颜色和风格,但目前所有的素材管理软件用下来,感觉对颜色的识别和筛选都做不到完美,因此打算自己打tag和风格。检索时可以检索风格,关键词,颜色等,这样就比较方便了。
我自己使用 Billfish 管理图片素材和自制素材,图片素材管理分为三部分:收集、整理、搜索。整理是我遗漏的部分,因为缺少了这一步,所以搜索起来特别麻烦。
收集:通过浏览器扩展来把网页中有价值的图片收集到Billfish浏览器收集素材文件夹,借助自动化工具将手动下载的图片也放入这个文件夹。
整理可以分为三步:
1. 文件重命名。把重命名过的文件和未命名的文件分别存放,只有命名过的文件才会放到 Billfish 的库当中。命名重点强调意义,即围绕图片本身命名,就好似淘宝商品标题,便于后续检索。我也尝试过给每一个素材加时间戳,但效果不大,因为当我保存素材的时候并不知道我会什么时候用到,我使用素材的时候也并不知道是什么时候保存的;
2. 建立文件夹层级。文件夹和标签管理不同,文件夹管理天然具有排他性,例如我会经常保存插画素材,插画就有不同的分类,例如艺术插画,商业画,北欧风,3D风,日系,像素,扁平,矢量,古风,水彩……根据你的领域来构建这个层级。这个层级之下我还建立了几个画师单独的文件夹;
3. 标签体系。这个比较成熟,在少数派等各大网站都有教程。可以分出两三个标签打颜色,分出一到两个标签写风格,一两个标签给图片类型(插画?图标?文本框?)图片标签和备注也可以围绕图片关键词来写。需要注意的是,写文件名时可以任意发挥,穷尽图片所有值得关注的点,但打tag要有边界和体系,不能直接根据关键词来临时创建一个tag。
搜索分为检索某一个素材或检索某一类素材。
与检索文字不同,检索图片最直观的依据是颜色和风格,但目前所有的素材管理软件用下来,感觉对颜色的识别和筛选都做不到完美,因此打算自己打tag和风格。检索时可以检索风格,关键词,颜色等,这样就比较方便了。
Google 字体知识库
Google Fonts 上线新网站,分享字体相关知识,除了一些普及字体基础名词的小文章以外,也有很多如何应用好字体的教学~
Google Fonts 上线新网站,分享字体相关知识,除了一些普及字体基础名词的小文章以外,也有很多如何应用好字体的教学~
British soldiers arrive to assist Japanese troops in capturing the German-held Tsingtao, China, c. 1914 1201 x 686
fffuel:设设设计用的小工具集合
🔗:官网
fffuel 是一个「即将推出」Html 模板的集合网站。除了网页模板,还提供了一些在网页设计中会使用到的工具
🟢 ssshape:矢量形状生成器
在画布上添加几个点,点击 ssshape,会自动闭合所有点并对其形状进行平滑处理,最终得到一个边缘平滑的 SVG 形状
〽️ llline:矢量线段生成器
在画布上添加几个点,点击生成后便能得到一条光滑的曲线,然后你可以旋转角度、改变它的颜色以及线段的形态
🎉 bbburst:图形散落分布
以往想要制作一个「图形散落」风格的背景图,大多是通过喷枪或逐个逐个放置而成,过程比较繁琐。bbburst 可以帮你在预设的几个图形中,自动生成一张「图形散落」风格的图片
🪄 nnnoise:「杂色」纹理生成器
利用 nnnoise,可以生成一些「杂色」纹理,搭配上你想要的风格,或许别有一番滋味
🖌 dddoodle:「极其」手绘风格的插图
dddoodle 是一套手绘的 doodle 插图,其中有线段、箭头、圆形、星星以及一些有趣的形状,均为 CC 协议
✅ rrready:CSS 特性兼容列表
不同浏览器支持不同 CSS 特性,这个问题长期困扰着开发者,利用 rrready 可以查看要使用到的 CSS 特性在不同浏览器中是否能够达成一致的效果
🧮 cccolor:选色器
除了能够利用色盘、哈希值选取到想要的颜色,cccolor 还会为你生成匹配该颜色的相似色调、适合作为其阴影的颜色,及与其匹配的冷暖色调
🔮 ffflux:流体渐变生成器
流体渐变带来的冲击力会比普通渐变色更强,色彩也更加丰富,或许能让你的设计更加活跃
🙂 lllook:你想要什么表情
lllook 是一套面部的简笔画表情包,比 emoji 丰富得多,也更加有趣
💭 除了这些小工具,fffuel 的作者 Seb 还有其它有趣的项目,不妨去看看,其中我比较喜欢的是 muted 和 rrrelax,这里还有他整理的一些 设计小工具
频道:@NewlearnerChannel
A young girl fighting for the Lon Nol regime against the Khmer Rouge, Cambodian civil war, circa 1970-1975 (998x1500)