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.
From my presentation on UI design for elearning
I use Ludus for my presentations. It's a really awesome web app that I learned about via Product Hunt. The coolest part is that you can easily add in loads of multimedia from different channels. You're able to add in websites via iframe, images from Giphy, icons from Noun Project, videos directly from YouTube, and so much more.
Check out my presentation
My presentation from DevLearn goes into why great UI design is important, how to scale your designs, and covers resources that will help you to design better.
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
- Learning Adobe XD
- 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.
- 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.
- 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.
- 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.