Boo

Posted on Aug 08, 2022Read on Mirror.xyz

I designed a set of profile picture backgrounds for Mirror authors to use

This design was inspired by a profile picture of an author on Mirror, who made his own profile by embedding his own avatar in the Mirror logo.

This profile picture inspired tian7, who came up with the idea: Can we create a template for profile pictures, so that authors could embed their avatars in Mirror's logo?

In this way, we can offer similar avatar backgrounds for participants in the mirror community to use, and connect everyone together.

I saw this proposal on discord and thought I'd give it a try. How can I design a template for authors? In this case, the template has three elements: a circle profile picture frame, Mirror‘s logo, and the avatar that the author wants to put in.

After thinking about it, I think Mirror's logo conflicts with the shape of the profile frame. If people want to put a larger header image in the logo, it would block the Mirror‘s logo and the overall visual will be less recognisable. However, I could drop the logo and make a set of different styles of profile picture backgrounds using Mirror's branding elements, and it would also provide community participants with different choices.

Therefore, I selected the following functional introduction as a base element on Mirror's homepage.

This screenshot is from the previous one, Mirror's homepage has been rebranded

I wanted to use the icons of functions to make interesting backgrounds. After some experimentation, I made the following templates.

After embedding them with the Memoji avatars, it looks like this.

I put the current template in Figma, anyone can duplicate the file, put your avatar inside, and make your own mirror profile picture :)

https://www.figma.com/file/RDAkRl8lz6gBPjosjO1ltf/mirror_profile?node-id=0%3A1

At the moment Figma can only be user-friendly to a certain extent. If there are designers or developers who want to explore this idea further, feel free to contact me on Twitter: @xuermeimei

If you like my work, please collect this article as an NFT, thank you 😄

Mirror