Crafting better App Icons
summary
Step-by-step workflow: break the app into keywords, use image-generation only to produce reference angles, sketch on paper or iPad, digitize, render and iterate until testing on-device resolves issues like dock collisions — one icon took 25 hours iteration to land. Export guidelines: PNG P3 or sRGB, no transparency, full resolution. Platform specifics: align artwork to the m-grid, supply dark and grayscale variants because iOS 18 four appearances (automatic, light, dark, tinted) change how icons are layered and tinted.
AI-written summary · about
chapters (8)
- 0:00Introduction and speaker background
- 2:09Evolution of app icons
- 4:18Creative process for icons
- 11:12Guidelines for ecosystem icons
- 12:37iOS 18 icon appearance options
- 14:23Key attributes of standout icons
- 20:34Alternative icons and final tips
- 21:38Summary and resources
related talks
48mDesigning Better App Icons
47mThe Icon Design Process
46mLets Design an Icon Set
18mHow to Make Your App Look Like You've Hired a Designer
43mMajor 🔑s to iOS design
48mAdaptive Icons: Case Studies & Principles of Design
42mBeyond White: Embracing the iOS Design Aesthetic
38mDesigning Spatial Apps for Apple Vision Pro