500-ish Free stuff for learning Design (UI/UX)
Published in
6 min readMay 4, 2016
Whatwhatgoose — get the skills to land the job.
UI-UX Ultimate Guides
Prototyping Tools
- Pixate
- Design CC / Adobe Comet
- Invision Sketch
- Proto
- Marvelapp
- Form
- Framer
- Macaw
- Hype 3.5
- Origami
- Flinto
- Webflow
- froont
Wireframing Tools
- Mockplus
- Moqups
- Balsamiq
- AdobeCC
- Mockflow
- Justinmind
- OmniGraffle
- Wireframe.cc
- Mockingbird
- Axure
- Flair Builder
- UX Pin
Style
Colors
- Color Contrast
- TNW: Emotions with Colour
- Kissmetrics: Color for Conversion
- SMW: Color Psychology
- GMD: Color
- DFF: Color theory
Icons
Stock Icons
- Fontello: Icon fonts generator.
- Flat Icon: A search engine for 16000+ glyph vector icons.
- Font Awesome: The iconic font and CSS toolkit.
- Glyphsearch: Search for icons from other icon databases.
- Material Design Icons: 750 Free open-source glyphs by Google.
- Icon Finder: Free icon section of the website.
- Doodle Set: 50 Free Hand Doodle Icons
- Flat Set: Free flat round icons set — 60 icons
- Vector Line Set: Free Vector Line Icons Set — 50 icons
- MakeAppIcon: Generate App Icons of all sizes with a click.
- Endless Icons: Free flat icons and creative stuff.
- Perfect Icons: A social icon creation tool.
- Material Design Icons: 750 Free open-source glyphs by Google.
- Icon Sweets: 60 free vector Photoshop icons.
- Ico Moon: 4000+ free vector icons, icon generator.
- The Noun Project: Thousands of glyph icons from different artists.
Imagery
Stock Photos
- Thestocks
- Stock Up
- Pexels
- All The Free Stock: Free stock images, icons, and videos.
- Unsplash: Free (do whatever you want) high-resolution photos.
- Splashbase: Search & discover free, hi res photos & videos.
- Startup Stock Photos: Go. Make something.
- Jay Mantri: Free pics. do anything (CC0). Make magic.
- Moveast: This is a journey of a portuguese guy moving east.
- Travel Coffee Book: Sharing beautiful travel moments.
- Designers Pics: Free photographs for your personal & commercial use.
- Death to the Stock Photo: Free photos sent to you every month.
- Foodie’s Feed: Free food pictures in hi-res.
- Mazwai: Free creative commons HD video clips & footages.
- Jéshoots: New modern free photos.
- Super Famous: Photos by Dutch interaction designer Folkert Gorter.
- Picography: Free hi-resolution photos.
- Pixabay: Free high quality images.
- Magdeleine: A free high-resolution photo every day.
- Snapographic: Free stock photos for personal & commercial use.
- Little Visuals: 7 hi-res images in your inbox every 7 days.
- Splitshire: Delicious free stock photos.
- New Old Stock: Vintage photos from the public archives.
- Picjumbo: Totally free photos.
- Life of Pix: Free high-resolution photos.
- Gratisography: Free high-resolution photos.
- Getrefe: Free photos.
- IM Free: A curated collection of free resources.
- Cupcake: A photographer’s treat by Jonas Nilsson Lee.
- The Pattern Library: Free patterns for your projects.
- Public Domain Archive: New 100% free stock photos.
- ISO Republic: High-quality, free photos for creatives.
- Stokpic: Totally free photos.
- Kaboompics: The best way to get free photos.
- Function: Free photo packs.
- MMT: Free stock photos by Jeffrey Betts.
- Paul Jarvis: Free high-resolution photos.
- Lock & Stock Photos: Free stock photos for you.
- Raumrot: Free high-resolution picture.
Typography
- GMD: typography
- Font-Pairing
- Typography Intro
- Typography Commentary
- TypeGenius: Find the perfect font combo for your next project.
- FontFaceNinja: Browser extension to find the web fonts a site uses.
- Google Fonts: Free, open-source fonts optimized for the web.
- Font-to-width: Fit pieces of text snugly within their containers.
- Beautiful Web Type: Best typefaces from the Google web fonts directory.
- Font Squirrel: 100% free commercial fonts.
- DaFont: Archive of freely downloadable fonts.
- 1001 Free Fonts: A huge selection of free fonts.
- FontPark: The web’s largest archive of free fonts.
- Typography Resource: Google Fonts
- Inspiration: type wolf
- Inspiration: type inspire
- Inspiration: design inspiration
- Inspiration: dribble
- Inspiration: the inspiration grid
- Inspiration: type for you
- Inspiration: abduzeedo
Writing
Layout
Principles
Units & Measurement
Metrics & Keylines
Structure
Responsive UI
Components
Patterns
Usability
Usability categories
Accessibility
Bidirectionality
Animation
Animation Categories
Drawing
UX Design
Resources
- growth supply
- student web design
- Design for Founder
- designcode
- ontiwik
- complex
- Tuts+
- Tools
- Person: Paul Boag
Online Courses
- Law of Interface Design
- Steer
- WebPlatform
- Learn to Design a Better Interface
- Noexcuselist
- Harvard Open Courseware
- MIT Open Courseware
- Yale Open Courseware — actual video lectures for the class so you can get the in-class experience. Lots of classes over lots of subjects.
- Stanford Open Courseware
- Codecademy — Learn to code interactively, for free.
- Codeplace.com — Learn how to code from scratch. previously Stuk.io
- Udacity — Earn a Nanodegree recognized by industry leaders.
- Learnable — The best way to learn web development.
- Code School — Learn to code by doing.
- Thinkful — Advance your career with 1-on-1 mentorship.
- Code.org — Start learning today with easy tutorials.
- Code School
- Treehouse
- Freecodecamp
- Lynda
- Code.org
- Codeacademy
- Udacity
Podcasts
- Design Matters
- Deep end design
- Happy Monday
- The Industry
- Adventures in Design
- Boagworld
- Shop Talk Show
- Iterate
- The Back to Front Show
- On the grid
- The Big Web Show
- Upfront Podcast
- Unfinished Business
- The Freelance Web
Communities
- eventbrite
- meetup
- Designer News
- UXstackexchange
- UX graphic design
- Reddit Design
- Reddix UX
- Designers Talk
- Layervault
Inspiration
- MatrialUp: Daily material design inspiration.
- FLTDSGN: Daily showcase of the best flat UI design websites and apps.
- Site Inspire: Web design inspiration.
- UI Cloud: The largest user interface design database in the world.
- Moodboard: Build a beautiful moodboard and share the result.
- Crayon: The most comprehensive collection of marketing designs.
- Land-Book: Product landing pages gallery.
- Ocean: A community of designers sharing feedback.
- Dribbble: Show and tell for designers.
- Behance: Showcase & discover creative work.
- Pttrns: Mobile user interface patterns.
- Flat UI Design: Useful board I discovered thanks to Erik.
- Awwwards: The awards for design, creativity and innovation.
- The Starter Kit: Curated resources for developers and designers.
- One Page Love: Resource for one page website inspiration.
- UI Parade: User interface design tools and design inspiration.
- The Best Designs: The best of web design.
- Agile Designers: Best resources for designers & developers.
- Niice: A search engine with taste.
Jobs
More Free Stuff
Awesome-UI
This is a list of free UI/UX learning resource and other design related stuff. Check out our github repository for updates and feel free to add resources there!