Learning spacing, buttons & colours

Latte
2 min readDec 17, 2020

--

I just started reading another book, Designing User Interfaces by Michal Malewicz and it’s been very insightful so far and eye-opening, but I’m tired of knowledge acquisition for knowledge sake. So I’ve decided to design after every two/three chapters based on what I’ve learned. Today it’s spacing, buttons & colours.

Spacing
Spacing is very key in design because it makes your design look organized and very aesthetically pleasing. So there’s a method called the red square method, which basically means creating squares of different sizes based on your grid sizing and use them for spacing. In my case I chose 8px.

Is the new one not better?

Buttons
Just learning how gradients and shadows make buttons look more realistic and give them a 3D effect

Colours
Colours affect the way you see a design because different colours mean different things. There are different ways to choose colors, here I did just three: Analogous, Complementary and Triadic.

--

--

No responses yet