Category: Grids

Adobe

Using Grid Layouts in Adobe XD

Posted on
Using Grid Layouts in Adobe XD

Welcome back everyone to another Adobe XD tutorial. In my example, we want to align page elements like text and images using a grid layout.  First, you need to figure out how many columns you want and what the gutters and margins are. My math does stink, so we used a website called Grid Calculator. […]

Grids

Using Grids and Create Guide Layouts in Photoshop

Posted on
Wayfair.ca using a grid layout system

There are over 2.7 billion mobile devices. Unfortunately, the sizes of their screens change as well. When creating for a mobile device, we can use grids as an approach to how content is laid out on the screen. Using Grids Grids are fantastic because they create a structure that enables designers to organize information quickly. […]