#Design #GitHub情报 #APP

⭐ 盘点一些在线 Icons 图标项目

最近看到了很多不错的在线 Icons 图标项目，它们大多开源、可免费使用，希望可以帮助到相关开发人员和设计师

1️⃣ Lucide

🔗：GitHub | Web

Lucide 是 SVG 图标的合集，它开源、可免费商用、多语言多平台支持友好。在网页上，你可以通过关键词进行简单搜索，并对图标的颜色、字重、大小进行简单的自定义

2️⃣ Icônes

🔗：GitHub | Web

Icônes 在功能、界面、设计方面，是这几个项目里面我最喜欢的。它支持在线使用也提供 App，将不同图标以设计风格、用途等标准进行分类，你甚至可以将自己喜欢的图标打包做成字体集

3️⃣ Doodle Icons

🔗：Web

Doodle Icons 提供 400+ 精美图标，可以免费商用，它还很贴心地提供了 Figma 源文件

4️⃣ Sargam Icons

🔗：GitHub | Web

Sargam Icons 是开源、免费的图标项目，内含的 700+ 图标每个都有不同样式可供选择。它也提供了包括 Figma 在内的多种获取格式

📘 关联阅读：

1️⃣ IconPark - 技术驱动矢量图标样式的开源图标库
2️⃣ IconBrew：在线开源图标包合集，每周更新

频道：@NewlearnerChannel

#Design #GitHub情报 #Tools #Web

🎨 用两款在线工具，轻松制作文章简介封面

对于像我这样不太会设计的人来讲，每次制作文章封面都要思考很久。在我看来，文章封面必须要包含：主题图片、标题和一些概述文字。今天介绍的两个项目，可以帮助我们轻松实现这一点

1️⃣ CoverView

🔗：GitHub | Web

CoverView 是一款开源的在线文章封面生成器，输入文章标题、作者，并且自定义字体、颜色、徽标图案后，即可生成并下载章简介封面

2️⃣ Pika

🔗：Web

相比于 CoverView，Pika 在设计和功能上更为成熟。除了能够自定义文章标题、作者、概述、图片等封面元素外，Pika Pro 还支持直接通过文章 URL 获取 Meta 信息并自动填充。虽然需要付费，但它确实提供了非常多的自定义选项

👀 其实类似的封面格式，GitHub 在去年也开始使用，便于分享链接后人们能在预览图中直观地看到项目相关信息。无独有偶，我很喜欢的播客节目 Anyway.FM 也用 CDN URL 巧妙地实现了动态 Twitter 卡片预览，非常有意思

📘 关联阅读：

1️⃣ chaosMachine：一键生成独特图片背景
2️⃣ Haikei · 快速生成独特的背景设计
3️⃣ Wicked Backgrounds：一键生成 SVG 波浪背景图片
4️⃣ Figen：灵活、可自定义的封面图片生成器

频道：@NewlearnerChannel

#Design #GitHub情报

🌟 IconBrew：在线开源图标包合集，每周更新

🔗：GitHub | Web

👉 Features

- 内含数百个不同图标，每周更新
- 提供不同像素的图标
- 支持关键词搜索
- 以 SVG 格式下载，支持一键下载

说起 IconBrew 的作者 Elias，从 Big Sur 之前使用至今的 macOS 用户们一定不会陌生，他还开发了著名的 macOSicons。本次，他带着新的图标作品走来，依然完全开源免费

👨🏻‍💻 Elias 称，IconBrew 是他在开发 macOSicons 网页中诞生的需求。后续他将每周上传新的图标，继续开发更多功能，并最终实现 JS / CSS 库，方便网页开发者直接调用。如果你是网页开发者，可以关注一下这套图标的后续更新

📘 关联阅读：IconPark - 技术驱动矢量图标样式的开源图标库

频道：@NewlearnerChannel

#Notion #Tools #Design

👻 Notion style avatar generator：Notion 风格头像在线生成器

🔗：在线体验

😍 用过 Notion 的朋友一定对他们手绘素描风格的头像留下了深刻印象。作为一款笔记软件，Notion 常常在一些官方宣传图中加入经典的人物头像。黑白主色调一如笔记中文字和背景的颜色，我非常喜欢 Notion 的头像设计

介绍过 Notion-avatar 后，我又发现了一个新的 Notion 风格头像在线生成器。相比于前者，后者的搭配选择并不是那么丰富，而且将重心放在了头像的背景和头像人物本身上。除了能够选择不同部位进行搭配组合外，该生成器还可以自定义头像背景和头像人物的色彩，并且能够对头像人物进行旋转、对头像分辨率缩放 / 镜像处理

👀 该项目没有开源，我也不清楚所用的素材包出自哪里。但能够对任意部位进行自定义选择，是最起码的特性。而 Notion-avatar 刚推出时只能进行一键随机组合，好在我写这篇推送时，它也支持了自由选择不同部位样式

我喜欢在线头像生成器，因为对于我这样的设计门外汉，这些生成器向我提供了免费、便捷的体验美观的设计。我们之前也介绍了诸如 Vue Color Avatar、Avatar-gen 等项目，甚至在两周年庆的时候推出了 自留地工牌生成器。我对这些项目毫无抵抗力，或许 NFT 头像这么火也确实有它的道理

频道：@NewlearnerChannel

#Design #APP #macOS #Windows

🐟 BillFish · 国产设计素材管理工具

官网｜下载

💡 特点

- 素材导入和整理方便，支持 Eagle、花瓣、堆糖素材资源导入
- 多浏览器插件支持，涵盖国内外常用浏览器
- 素材采集、截图方式多样且灵活
- 免费，支持 macOS 和 Windows 平台
- 使用体验流畅，索引建立快速

🐦 使用体验

使用 BillFish 进行素材管理了一段时间，体验是很棒的，它简单易用，对非专业设计师（例如我）很友好。素材的索引和加载速度很快，操作流畅，不存在加载大量素材会十分卡顿的情况

我个人很喜欢它提供的浏览器插件，素材采集思路有点类似 Yoink，通过拖拽图片即可将素材采集；BillFish 提供各种采集的方式，拖拽、快捷键、鼠标右键等，适合有不同习惯的用户

👀 BillFish 为小白设计师搭建了 知识库 还有 论坛，喜欢这款产品可以上去获得更多的资讯

📘 关联阅读：Picsee · 开放式素材管理工具

频道：@NewlearnerChannel

#Design #Tools

🏞 Figen：灵活、可自定义的封面图片生成器

🔗：Web

👉 Features：

- 极简的素色设计
- 分辨率提供多种社交平台选项，支持自定义
- 支持自定义背景图案 / 照片 / 色彩
- 支持标注作者信息文字
- 自定义程度高，提供色阶、透明度、图形形状、文字排版等选项
- 随机生成不同样式

这类封面生成器我们已经介绍过很多，但看到新的设计项目还是忍不住要发出来。我认为这类项目都有一些共同特点：极简设计、操作简单易上手、采用常见形状作为背景点缀、提供一定的自定义选项。有了这些工具，我们在写博客或者发布文字到社交媒体时，可以很方便地生成一些美观的图片

👀 而 Figen 是我见过同类项目中社交属性最强的一个，它提供了 Twitter、Ins、Facebook 等社交平台不同用途的图片尺寸。和 Wicked Backgrounds 相比，它还贴心地加入了文字插入（作者信息）的选择，这里其实变相可以放上大标题和小标题

最后来说说 Figen 的一些不足，首先是我发现了一个外接显示器使用的 bug：我在外接 4K 显示器时，生成的图片跟随显示器分辨率，而非我选择的 1080P，并呈现「套娃」样式。经测试，使用 MBP 内屏是无此问题。还有一点就是生成的随机图案过于「随机」，需要点选很久才能找到合心意的图案

📘 关联阅读：

1️⃣ chaosMachine：一键生成独特图片背景
2️⃣ Haikei · 快速生成独特的背景设计
3️⃣ Wicked Backgrounds：一键生成 SVG 波浪背景图片

频道：@NewlearnerChannel

#APP #macOS #Design

Picsee · 开放式素材管理工具

官网 ｜ 下载

💡 特点：

- 照片整理：通过标签、时间、地点、格式、任务、文件夹等快速的整理归类照片
- 屏幕截图：快速截图、标注、添加箭头，马赛克、滚动截图，进行分享
- 图片编辑：修改尺寸、GPS、拍摄时间，进行裁剪、加外壳、水印，批量编辑导出
- 图床分享：自动上传图片、保存 Markdown 链接

👀 素材管理对于设计师来说是获取灵感的很重要的一环，借助素材管理工具，可以协助设计师在浏览设计网站时收集并整理素材。Picsee 目前是免费下载的，对比收费约 $30 的 Eagle，Picsee 在功能上目前没有那么强大，但足够日常的素材整理需求，对于我这类入门的业余设计师而言，借助 Picsee 入门进行并学习素材管理，或许是个不错的选择；然而，对于专业设计师，我还是更推荐使用Eagle。

🤔 另外不得不提的是，Picsee 在 UI 设计上目前还略有欠缺，使用起来也有些小 bug， 希望开发者可以持续更新，越做越好吧。

📘 关联阅读：

1⃣️ 编辑部分享·我是如何做文章封面的
2⃣️ 最佳设计师伴侣 Eagle，我的使用技巧分享

频道：@NewlearnerChannel