Episode 74
74: Steve Schoger - Tactical Design Advice for Developers
In this episode, Adam is joined by Steve Schoger to talk about five ways developers can get better at designing their own projects.
October 12, 20171h 7m
Audio is streamed directly from the publisher (media.transistor.fm) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.
Show Notes
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
Topics
technologysoftwarewebdevelopmentproductstartup