Daily UI Design #6: User Profile

图片发自App

Today's UI design theme is "User Profile". If you are familiar with web applications like Facebook, a user profile is where you see your personal info.

I started with listing the kinds of applications that can have a user profile, like games (for some reason, this was the very first thing coming to my mind) and application profiles. I've seen many profiles for applications, and they look more or less the same. I went with the game idea -- it's the right time now because I can make it a Halloween theme!

图片发自App

My idea: a game user profile with a little character named "Mr. Spooky". In this profile page, a user can glance its name (supposedly, set in the beginning of the game). She can see the Mr. Spooky's game level, health power, magic power and weapons. Of course, it has a button to resume the game.

图片发自App

Tool: I created "Mr. Spooky" and the rest of UI in Adobe Illustrator (so much easier than Sketch using vectors). However, when I was trying to add shadows to the UI, it was surprisingly confusing in Illustrator, so I had to export the image and added Shadows in Sketch. How sarcastic!