top of page

QUICK Collection of UI/UX Stuff

Sadly I don't have much to show but I've done a little amounts as I have mostly been put to work on art and models. So here's a quick page on some small UI/UX related things I've done before as a part of an project or just self study.

Rough graybox layout.png
BattleButtonCollab.jpg
AdventureButtonCollab.jpg
SkillButtonCollab.jpg

00

Buttons and a Graybox layout

These I did for a company called HeavyWeightRex.
On the left is a simple graybox layout for a hero/character menu, I'm pretty happy about this quick layout as I managed to squeeze in buttons for equipment creation and hero list menus.


Button pictures above also include the pressed states, but the other Beehive skillslot picture is a alternative version. I wasn't sure which one was better ended up with the top one.

Totaly real screenshot.png

01

Re-design player UI study

I decided to draw a mock up drawing of an idea I had, which was to make the player UI in LoL more compact and place it where the player would naturally be looking at.
I also added more indicators to show where the character is facing.
I did this drawing as a study on UI.

02

Small icon painting study

I did study drawings of small icons you'd usually see on mobile games, they're not immensely exciting looking but readability and simplicity was the point of my exercise.

The Strongest Potion.png
task1.png
Task2.png
Task3.png

03

WIP Pause menu & Tool menu

Here is a small clip of me using the pause menu to navigate to the tools menu, and then switching my tools on the face buttons on the upper right.
The menu is designed a controller in mind but it can be clickable with a mouse too.
The descriptions and input icons are still undone (most of those button icons are still temp images) but I've coded the menu myself and it works.

bottom of page