# 我设计了一套给mirror社区使用的头像背景

By [Boo](https://paragraph.com/@boo-2) · 2022-08-08

---

这个设计的起源，是受到一篇文章作者头像的启发，他把本人的头像嵌入到Mirror logo中，做出了自己的头像。

![](https://storage.googleapis.com/papyrus_images/956bc42c24b89766ac868ec2744a76b0751021418580bf16e21dcc459d74298a.png)

这个头像启发了tian7，他提出了一个想法：是否可以做一个模版，让作者可以将自己的头像嵌入mirror的logo里？**这样子可以给mirror社区成员创造相似的头像背景，把大家联系在一起。**

我在discord看到这个提议，觉得可以试试，就开始了自己的设计。

如何设计这样一个模版呢？ 目前来看，这个模版里需要三个元素： 圆形的头像框，mirror的logo，和作者想要放入的头像。

经过思考，我觉得mirror logo中门的元素与头像框的形状比较冲突。如果要放比较大的头像，会将mirror logo挡住，反而没有辨识度了。但是如果我可以放弃mirror logo作为主要背景，利用mirror的品牌元素，做一套不同样式的头像背景，还可以让社区参与者有所选择。

于是，在mirror的主页上，我挑选了以下几个功能介绍作为基础元素。

![(截图来自以前的mirror主页，目前主页已经改版)](https://storage.googleapis.com/papyrus_images/7f59db7e983144ab7aff0598ca8385cf940994d39bb0b6c0766d15a31fa62e5c.png)

(截图来自以前的mirror主页，目前主页已经改版)

我希望利用表现这些功能的logo，做出有趣又不引发密集恐惧症的背景。经过尝试，我做出了一下几个模版：

![](https://storage.googleapis.com/papyrus_images/1ea3d184094c3a778177fb865b62eeaad024ab50ca30f44a513404ce21685a14.png)

嵌入memoji头像之后，看起来会是这样：

![大家可以在背景中嵌入自己想要放入的avatar](https://storage.googleapis.com/papyrus_images/1d6e80f2c655b514588387798d46ea4ee882a9db77a9398179629b078910b4f2.png)

大家可以在背景中嵌入自己想要放入的avatar

背景模版我放在figma里面了，大家可以复制文件，进行自取：）

[https://www.figma.com/file/RDAkRl8lz6gBPjosjO1ltf/mirror\_profile?node-id=0%3A1](https://www.figma.com/file/RDAkRl8lz6gBPjosjO1ltf/mirror_profile?node-id=0%3A1)

目前figma只能做到一定程度上的用户友好，还不能做到自动帮助用户嵌入头像的功能。如果有感兴趣的设计师，开发者成员想要进一步探索这个idea，欢迎联系我的推特：@xuermeimei

如果您喜欢我的工作，请收集本篇文章NFT，感谢您的认可！

---

*Originally published on [Boo](https://paragraph.com/@boo-2/mirror)*