🌐 Public

An Introduction to Grid-Based Layouts

By Wouter de Bres

Introduction

A simple short learning flow about the usage of grids in design.

Wouter de Bres — Designer • Co-founder Gibbon • Psychologist

1 The designer's guide to grid theory

Grids are like the invisible glue that holds a design together, so whether you work in print or on the web you need to understand grid theory. There's been a resurgence in the popularity of the grid in recent times. This has come about as the web has matured into a more capable design platform, and web designers (and developers)

2 The Use of Grids in Website Design

When creating a website one of the most important things to get right is the layout, the UI - user interface as you would call it, is something that is crucial to conveying the information and point of your website. There are many kinds of website layout designs. However the main point of a website is to convey understanding to

3 Grid-Based Web Design: Techniques and Tools

Grid-based layouts are generally more aesthetically pleasing and balanced than those not based on grids. While there are definitely great designs out there that don't use a grid-based layout, they are more difficult to create and often end up falling into some sort of loose grid structure anyway. So why not just design based on a grid in the first

5 Designing Faster with a Baseline Grid

Lately, grids have become the ultimate obsession of designers and design writers. Hundreds - not to say thousands - of articles, tutorials, books and websites solely dedicated to grids and their application in (web)design have been published in the last few years. A simple search on Google with the terms "grid" and "webdesign" returns almost 5 million results. There is

6 Fluid Grids

Issue № 279by Published in Ethan MarcotteCSS, HTML, Graphic Design, Layout & Grids, Responsive Design · Early last year, I worked on the redesign of a rather content-heavy website. Design requirements were fairly light: the client asked us to keep the organization's existing logo and to improve the dense typography and increase legibility. So, early on in the design process,

alessandraoli

Freshman

  • 0 Playlists
  • 0 Followers

Ashley Nee

Freshman

  • 0 Playlists
  • 0 Followers

Alexander Avramenko

Freshman

  • 0 Playlists
  • 0 Followers

Vytas Butkus

Freshman

  • 0 Playlists
  • 0 Followers

Chanutphon Thongsin

Freshman

  • 0 Playlists
  • 0 Followers

Mariya Lambrianov

Freshman

  • 0 Playlists
  • 0 Followers

Vladimir Milojevic

Freshman

  • 1 Playlists
  • 1 Followers

Eduardo A

A lean startup guy, another one trying to change the world for better

  • 0 Playlists
  • 0 Followers

Remington Robertson

Former tech startup founder, product designer & growth hacker consultant available for hire. https://t.co/8kvRGw3LbL

  • 0 Playlists
  • 0 Followers

Brandon L. Harris

Freshman

  • 0 Playlists
  • 0 Followers

ahmedmagdi

Freshman

  • 0 Playlists
  • 0 Followers

heychris

Freshman

  • 0 Playlists
  • 0 Followers

Thomas Offinga

Designer / Front-end Developer at Present Plus.

  • 8 Playlists
  • 1591 Followers

Sumit Manchanda

Freshman

  • 0 Playlists
  • 0 Followers

Louis Currie

UI/UX Designer @Wimdu · Freelancer @Home

  • 0 Playlists
  • 0 Followers

Joanna Żamojta

Freshman

  • 0 Playlists
  • 0 Followers

Nikola Čupić

Expanding the Web

  • 0 Playlists
  • 0 Followers

salman

Freshman

  • 0 Playlists
  • 0 Followers

Grzegorz Laszczyk

Freshman

  • 0 Playlists
  • 0 Followers

Jelle Vrieswijk

Interaction Designer • Communication & Multimedia Design

  • 1 Playlists
  • 3 Followers
Load more

Delete your comment

Are you sure you want to delete your comment?