74: Steve Schoger - Tactical Design Advice for Developers
Oct 12, 2017•1 hr 7 min•Ep. 74
Listen to this episode in Metacast mobile app
Don't just listen to podcasts. Learn from them with transcripts, summaries, and chapters for every episode. Skim, search, and bookmark insights. Learn more
Episode description
Topics include:
- How to pick great fonts
- Choosing a color scheme for your project
- Designing in greyscale
- Recreating existing interfaces from scratch
- Recommended design tools
- What you should design first on a new page
- Strategies for making things look professional without graphic design skills
Sponsors:
- Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days
Links:
- Steve's Blog
- Little UI Details, a collection of Steve's hot design tips
- Google Fonts, prefiltered
- "12 Google Fonts You Can't Go Wrong With", by Steve
- System Font Stack courtesy of CSS-Tricks
- Inter UI font family (formerly "Interface")
- WhatFont Chrome Extension
- Fonts In Use
- Dribbble color picker
- "Color in UI Design" by Erik Kennedy (great resource on HSL)
- Sketch, design tool for macOS
- Figma, cross-platform design tool
- "Building a professional design tool for the web", on how Figma is written in C++ and compiled to asm.js
- "Epicenter Design" by 37signals
- Doodle, example of a small UI
- Example login page, from Shippo
- Refactoring UI "Redesigning Laravel.io" case study
- Zondicons, Steve's free SVG icon set
- Hero Patterns, Steve's free SVG background pattern gallery
- Pushsilver, example of Hero Patterns in use
- Heroicons, Steve's premium marketing icon kit
For the best experience, listen in Metacast app for iOS or Android