Portfolio Expo dashboard - listing view

Hi guys,
this is a listings view of the project called Portfolio Expo.

Quick design tip #5: Grid systems

A grid system is an invisible structure that helps you achieve a consistent and organized design.

1??The most popular framework is 12-column grid; it’s possible to have 12, 6, 4, 3, 2 or 1 evenly spaced columns. This gives you flexibility over a layout.

2??Break the grid if you wanna increase the visual interest of certain element, ie. call-to-action.

3??Use a baseline grid to align elements. Aligning UI design elements to a baseline means you’ll need to make their heights a multiple of the baseline value.

What types of grids are you using?

??And don't forget to show me some love with "L" key. Thanks!

??????? Make sure to follow me on other social networks as well:

Behance ? Instagram ? UI8 (comming soon)

Robin Holesinsky
Design lead @ Squire
Get in touch

More by Robin Holesinsky

View profile