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
Design Matters with Debbie Millman by Design Matters Media

Design Matters with Debbie Millman

1,234 Listeners

The Changelog: Software Development, Open Source by Changelog Media

The Changelog: Software Development, Open Source

284 Listeners

99% Invisible by Roman Mars

99% Invisible

26,159 Listeners

Monocle on Design by Monocle

Monocle on Design

71 Listeners

Accidental Tech Podcast by Marco Arment, Casey Liss, John Siracusa

Accidental Tech Podcast

2,092 Listeners

Creative Pep Talk by Andy J. Pizza

Creative Pep Talk

1,971 Listeners

Developer Tea by Jonathan Cutrell

Developer Tea

402 Listeners

Fragmented - Android Developer Podcast by Donn Felker, Kaushik Gopal

Fragmented - Android Developer Podcast

68 Listeners

Does Not Compute by Sean Washington, Rockwell Schrock

Does Not Compute

53 Listeners

Under the Radar by Relay

Under the Radar

210 Listeners

Toolsday by Una Kravets, Chris Dhanaraj

Toolsday

48 Listeners

The Futur with Chris Do by The Futur

The Futur with Chris Do

849 Listeners

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

Swift Unwrapped

90 Listeners

Creative Confidence Podcast by IDEO U

Creative Confidence Podcast

124 Listeners

Y Combinator Startup Podcast by Y Combinator

Y Combinator Startup Podcast

217 Listeners

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

Syntax - Tasty Web Development Treats

987 Listeners

Design Better by The Curiosity Department, sponsored by Wix Studio

Design Better

323 Listeners

Crime Junkie by audiochuck

Crime Junkie

366,047 Listeners

Awkward Silences by User Interviews

Awkward Silences

75 Listeners

NN/g UX Podcast by Nielsen Norman Group

NN/g UX Podcast

106 Listeners