Keep It Simple

01

In my opinion, simple designs are harder to get right than complicated ones. Still, I felt that my first web app needed to be minimal in order to not take away from the Identicons presented there. Here’s what I did.

The most important part, by far, is the font choice. I wanted a sans-serif font that’s easy to read and a bit extravagant. Also, it needs to support very thin and very bold font weights. Associations with coding would be a plus. I briefly considered to use Fira Sans, Ubuntu or Source Sans Pro. Finally I chose Overpass.

A second relevant topic is color. Since Origamicons are rather toned down, gray was the obvious choice. I found a wonderful soft palette on design-seeds.

The next step: structure. This one was easy; I just centered everything. Notice that the input field is also centered, which means that I had to place the form containing both input field and submit button slightly off-center.

At last, I needed to add an easy to find download button without cluttering the screen. Luckily, I had an idea: The button appears in front of the avatar when a user hovers over it. I think this solution might be optimal.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s