Last updated: 7/1/2018
I use a ton of resources when designing a new learning experience. I look to several sites and tools to help inspire me, to teach me, and to support me.
Get inspired by these resources
I integrate learning about beautiful and user friendly designs into my day. I use these tools and sites to inspire me.
- Panda - A Google Chrome extension.
- Collect UI
- PatternTap by ZURB
- One Page Love
- Site Inspire
Collect what inspirations you
As I'm looking through different designs for inspiration, I add the ones I like to a moodboard. I'll download images of the designs or take screenshots and add them into the moodboard. Here are some examples of moodboards to use.
Design a mockup and/or a prototype
My main tool of choice for creating mockups is Sketch. Here are some other common tools for creating mockups and prototypes. A pen and paper also works well!
Learn all the things
This list of curated courses have all been tested and approved by me. They've been super helpful in teaching me design tools/coding and a bit about web design fundamentals.
- Sketch Essential Training: The Basics
- Adobe XD CC Essential Training: Design
- Adobe XD Essential Training: Prototype and Share
- Code School - HTML/CSS path
- Code School - Fundamentals of Design
- Code School - The Elements of Web Design
- Daily UI - Check out this ID's take on the challenge.
Get the resources, don't let your dreams be dreams.
I'm always on the lookout for free and cheap resources to help me design a project. These are just a few of the resources I utilize.
- Sans Francisco
A collection of tools to help designers craft delightful experiences.
- All The Free Stock
Basically, a giant hub for stock sites on videos, images, graphics, icons, audio, color inspo, templates, and more.
- Stock Jo
Another really great hub for many different stock sites.
- Designer Lynx
Tons of resources to help inspire you and support you in designing.
- Free Design Resources
A great repository of all kinds of stock multimedia.
- Ui Goodies
An excellent resource for sites on accessibility tools, animation, audio, content, stock photos and more.
- Sketch App Sources
Resources for design for Sketch (and sometimes Photoshop and Illustrator.)
- Sketch Repo
More Sketch resources, UI kits, icons, and more.
- Freebie Supply
Lots of freebies, especially for UI design.
- Pixel Buddha
Lots more freebies.
- Up Labs
Freebies and inspirational resources.
- XD Resources
Free Adobe XD resources.
- Hero Patterns
Just a bunch of nice subtle patterns you can use for backgrounds and other things.
- Subtle Patterns
More awesomely subtle patterns.
Create your own custom patterns.
- Vector Emoji
Because emoji are important.
- Emoji One
Just some more emoji.
Avatars to use in your projects you can customize them in Sketch or use the web app in browser.
- The Badass List of Free Stock Photos Websites for Designers
A massive list of stock photo sites.
Reduce your image file size, without losing quality.