App Design Course Resources List
Colour Theory
- Curated colour palettes on Color Hunt
- Popular iOS colours from Flat UI Colors
- Popular Android colours from Material Palette
- Nabbing your favourite colours with Color Zilla
- Create Emotion with Color in UX Design
- Further reading: Color: A Course in Mastering the Art of Mixing Colours by Betty Edwards
- Further reading: Interaction of Color by Josef Albers
- Sign up for the App Brewery Newsletter
Typography
- 26 Digital Typography Rules for Beginners
- XD Essentials: Typography in Mobile Apps
- Need hints for good fonts? Here's 14 typographers with their favorite fonts
- What’s The Difference Between A Font And A Typeface?
- Further reading: Thinking with Type. A Critical Guide for Designers, Writers, Editors, and Students by Ellen Lupton
- Further reading: The Elements of Typographic Style by Robert Bringhurst
- Further reading: Just my Type by Simon Garfield
User Interface (UI) Design for Mobile
- Web Design in 4 Minutes
- Searching Dribbble by a Specific Colour
- Translating Client Speak: What Clients Say and What they Mean
- Golden Rules of User Interface Design
- Designing User Interfaces for My Mother
- Teehanlax.com
- Further reading: About Face: The Essentials of Interaction Design by Alan Cooper
- Further reading: Universal Principles of Design, Revised and Updated: 115 Ways to Enhance Usability, Influence Perception, Increase Appeal, Make Better Design Decisions and Teach Through Design by William Lidwell at al.
User Experience (UX) Design for Mobile
- UX Myths
- Using Dark Patterns for Good
- UX Design in 14 Simple Steps
- UX design tips for your app
- 52 Weeks of UX
Note: 52 Weeks of UX is not quite an article. It's 52 articles where the author reflects on some of the most important points in user experience and interaction design.
- Further reading: Don't Make Me Think by Steve Krug
- Further reading: The Design of Everyday Things by Don Norman
- Further reading: 100 Things Every Designer Needs to Know About People by Susan Weinschenk
Designing for iOS and Android - What are the differences?
Putting it All Together - A Step-By-Step Guide to the Mobile Design Workflow
- Find design patterns: mobile-patterns.com
- Find design patterns: pttrns.com
- Find the right colours: colorhunt.co
- Find iOS colours: flatuicolors.com
- Find Android colours: materialpalette.com
- Download & Print Templates for Wireframing: uistencils.com
- Download Marvel/Pop for iOS
- Download Marvel/Pop for Android
- London App Brewery Sample Recipe App Wireframe using Marvel
- Online Wireframing: wireframe.cc
- Mockup Tools: Adobe Photoshop & Illustrator
- Mockup Tools: Sketch
- London App Brewery Sample Workout App using Sketch
- Protyping Tools: Marvel
- London App Brewery Sample Recipe App Prototype using Marvel
- London App Brewery Sample Workout App Prototype using Marvel
- Create Digital Design in Browser: Canva
Additional Tools and Alternatives
- Real-Life Mockup Tools: placeit.net
- Real-Life Mockup Tools: MagicMockups.com
- Real-Life Mockup Tools: SmartMockups.com
- Prototyping: uxpin.com
- Mockup Tools: invisionapp.com
- Mockup Tools: moqups.com
- Prototyping: principleformac.com
- Prototyping: proto.io
- Prototyping even works with: MacOS Keynote
Image, Icon, Font and Sound Resources
These sites are fantastic for finding free image assets for-commercial-use, but double check the licence of each individual asset you will use.
- HD Photographic Images: resplashed.com
- HD Photographic Images: pixabay.com
- Vector Image Assets: vecteezy.com
- Vector Image Assets: freepik.com
- App Icons: flaticon.com
- Android icons: material.io/tools/icons
- Free custom fonts: fontawesome.com
- Free custom fonts: fontsquirrel.com
- Sound effects: freesound.org
App Marketing Resource List
- No app downloads? I got you fam.
App Programming Resource List
Where Next? Stay in touch to keep learning and improving!
- The L.A.B. Report: Our Newsletter
- Stay in touch over Twitter, Facebook, and our Meetup Group