Reverse-engineer beauty with grids and visual hierarchy

Varun Dhawan
Innovaccer Design
Published in
2 min readMay 9, 2020

Two or more dots on a screen can be a design.

The ‘Aesthetic-Usability Effect’ suggests that the things which are designed to look beautiful are perceived to be more usable. Down to the first-principles of aesthetics — rhythm and proportions play a major role in making something look beautiful. And there’s a lot we can learn from nature in both areas.

Visual hierarchy

A weak visual hierarchy provides little to no guidance about what is important. The text and images in each example are blurred out so you can focus on the layout in terms of hierarchy. You can achieve a similar effect by squinting at a layout.

Get ready to squint your eyes

Composing beautiful designs

Take inspiration from nature to reverse engineer beauty. Read through chapters 5, 6, and 7 to understand proportions and visual hierarchy.

Learn design from The Vitruvian Man

5 steps to design a grid system

Grid systems are the foundation of any graphical layout: think of them as pillars to bring structural integrity.

Jump to the article

Wabi-Sabi: The elegance of imperfection

Ending it with the Japanese philosophy of finding beauty in simplicity, process, and imperfection.

How to be perfect at iimperfection
This guy is really into Wabi-Sabi

--

--

Varun Dhawan
Innovaccer Design

Engineer by education, designer by choice. Passionate about systems, technology, sushi, and types. Head of Design at Innovaccer.