Design Details

386: Designing with Grid Systems


Listen Later

This week, we talk about designing with grid systems. In particular: when grid systems break, and what to do when they don’t align with our hardware screens perfectly. In The Sidebar, we talk all about design debt: how to work with it, pay it down, and eventually learn to accept it.

Golden Ratio Supporter:

A huge shoutout to Copilot, the best app for budgeting and tracking your personal finances. It’s our favorite tool for categorizing our spending, having our net worth available at a glance, and getting monthly (and yearly!) digests of all your spending.

Get the app at copilot.money.

Latest VIP Patrons:
  • Leigh LaMon
  • Edyta Niemyjska
  • Jaime
  • Brandon Hills
  • Jonathan De Wet
  • Guilherme Kaiser
  • Lillian Lin
  • Aris Acoba
  • Kyle Stuart
  • Hugo Tunius
  • Kish Patel
  • Michael Otto
  • Denis Zastanceanu
  • Kelvin O'Shea
  • Scott Underwood
  • Lachlan Campbell
  • Lucas VanGombos
  • Sam xia
  • Ravi Aujla
  • Brian Nelson
The Sidebar:

The Sidebar is an exclusive weekly segment for our Patreon supporters. You can subscribe starting at $1 per month for access to full episodes going forward! Sign up at https://patreon.com/designdetails.

In this week's Sidebar, we answer a listener question that can be ultimately paraphrased as: How do you deal with design debt?

Main Topic:

Joey Jungle asks on GitHub: Designing with grid systems? – and continues with many words asking why grid systems are often unintuitive, and don’t align neatly with our hardware screens. Great question!

Cool Things:
  • Brian shared the iA Quattro typeface, one of three beautiful (and free, open source!) typefaces from the iA team. It seems to be striking a happy middle ground between a sans and a mono, making it useful for adding a computer-y tone to an interface while staying readable.
    • My thread with some work in progress screenshots.
  • Marshall shared Little Nightmares II, a beautiful (and scary) indie side-scroller. It looks gorgeous, and the sound design is incredible.
Design Details on the Web:
  • 📻 We are @designdetailsfm
    • 🎙 Brian is @brian_lovin
    • 🎙 Marshall is @marshallbock
    • 📬 Don't have Twitter? Email us at [email protected]
  • 🙌 Support us on Patreon - your support literally makes this show possible. Thank you ❤️
  • ❓ Got a question? Ask it on our Listener Questions Hub, and we'll do our best to answer it on the show :)
  • ⭐️ Enjoying the show? Leave us a review on iTunes

Byeee!

...more
View all episodesView all episodes
Download on the App Store

Design DetailsBy Brian Lovin, Marshall Bock

  • 4.7
  • 4.7
  • 4.7
  • 4.7
  • 4.7

4.7

360 ratings


More shows like Design Details

View all
99% Invisible by Roman Mars

99% Invisible

26,222 Listeners

Fragmented - Android Developer Podcast by Donn Felker, Kaushik Gopal

Fragmented - Android Developer Podcast

69 Listeners

The Knowledge Project by Shane Parrish

The Knowledge Project

2,691 Listeners

Design Matters with Debbie Millman by Design Matters Media

Design Matters with Debbie Millman

1,226 Listeners

Developer Tea by Jonathan Cutrell

Developer Tea

402 Listeners

The Changelog: Software Development, Open Source by Changelog Media

The Changelog: Software Development, Open Source

289 Listeners

The a16z Show by Andreessen Horowitz

The a16z Show

1,087 Listeners

The Talk Show With John Gruber by Daring Fireball / John Gruber

The Talk Show With John Gruber

3,145 Listeners

Decoder with Nilay Patel by The Verge

Decoder with Nilay Patel

3,154 Listeners

Does Not Compute by Sean Washington, Rockwell Schrock

Does Not Compute

53 Listeners

How I Built This with Guy Raz by Guy Raz | Wondery

How I Built This with Guy Raz

30,203 Listeners

Toolsday by Una Kravets, Chris Dhanaraj

Toolsday

48 Listeners

Swift Unwrapped by JP Simard, Jesse Squires, Spec Network, Inc.

Swift Unwrapped

90 Listeners

Creative Confidence Podcast by IDEO U

Creative Confidence Podcast

128 Listeners

Y Combinator Startup Podcast by Y Combinator

Y Combinator Startup Podcast

226 Listeners

Syntax - Tasty Web Development Treats by Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Syntax - Tasty Web Development Treats

988 Listeners

Design Better by The Curiosity Department, sponsored by Wix Studio

Design Better

320 Listeners

The Futur with Chris Do by The Futur

The Futur with Chris Do

859 Listeners

Hard Fork by The New York Times

Hard Fork

5,518 Listeners

The Startup Ideas Podcast by Greg Isenberg

The Startup Ideas Podcast

205 Listeners