Newlearnerの自留地

#GitHub情报 #Tools

👻 Vue Color Avatar：纯前端实现的头像生成网站

GitHub | Web

👉 Features：

- 可视化组件配置栏，自定义选项多
- 随机生成头像，有一定概率触发彩蛋
- 撤销/还原更改
- 国际化多语言
- 美观的页面与易用的交互

在之前我们介绍过同类开源随机头像生成项目 Avatar-gen，当时我给出的改进建议是：可以着眼于提供一些基础筛选选项，如「性别」「戴 / 不戴口罩 / 饰品」等等。这样更有利于我们快速选出适合自己的头像。而 Vue Color Avatar 做到了

😀 本项目依然使用 Micah Lanier 设计的 Figma 素材，将头像图片分为头、耳朵、眼镜、头发、饰品等不同图层，并将这些图层进行组合，最终生成一张随机的头像。不同的是，Vue Color Avatar 支持定制人脸的不同部位，甚至还可以选择背景色和头像形状

👀 这对像我一样控制欲极强的人非常友好，可以帮助用户迅速选出他们心目中的头像。美中不足的是，目前「脸蛋」的选项只有一个，且没有提供肤色选择。希望开发者能够根据 Figma 素材将它们补充进来。该项目使用 Vue3 + Vite 进行开发，大家喜欢的话可以试用一下

📘 关联阅读：

1️⃣ Avatar-gen：开源的随机头像生成器
2️⃣ Boring Avatars - 可自定义元素的头像 JS 库
3️⃣ Notion-avatar：开源的 Notion 风格头像在线生成器

频道：@NewlearnerChannel

www.tgoop.com/NewlearnerChannel/8165

7.9K views初学者 | newlearner.site, edited  Oct 23, 2021 at 07:00

#GitHub情报 #Tools

👻 Vue Color Avatar：纯前端实现的头像生成网站

GitHub | Web

👉 Features：

- 可视化组件配置栏，自定义选项多
- 随机生成头像，有一定概率触发彩蛋
- 撤销/还原更改
- 国际化多语言
- 美观的页面与易用的交互

在之前我们介绍过同类开源随机头像生成项目 Avatar-gen，当时我给出的改进建议是：可以着眼于提供一些基础筛选选项，如「性别」「戴 / 不戴口罩 / 饰品」等等。这样更有利于我们快速选出适合自己的头像。而 Vue Color Avatar 做到了

😀 本项目依然使用 Micah Lanier 设计的 Figma 素材，将头像图片分为头、耳朵、眼镜、头发、饰品等不同图层，并将这些图层进行组合，最终生成一张随机的头像。不同的是，Vue Color Avatar 支持定制人脸的不同部位，甚至还可以选择背景色和头像形状

👀 这对像我一样控制欲极强的人非常友好，可以帮助用户迅速选出他们心目中的头像。美中不足的是，目前「脸蛋」的选项只有一个，且没有提供肤色选择。希望开发者能够根据 Figma 素材将它们补充进来。该项目使用 Vue3 + Vite 进行开发，大家喜欢的话可以试用一下

📘 关联阅读：

1️⃣ Avatar-gen：开源的随机头像生成器
2️⃣ Boring Avatars - 可自定义元素的头像 JS 库
3️⃣ Notion-avatar：开源的 Notion 风格头像在线生成器

频道：@NewlearnerChannel

BY Newlearnerの自留地