Here are some links that relate to our UI Design Bootcamp.
Collections of Free Resources
- thestocks.im A list of various resources (photos, icons, fonts, etc.).
- Stock photos that don’t suck A list of places to find the best free stock photos.
- Meet the Ipsums Need placeholder text? Get lorem ipsum, coffee ipsum, corporate ipsum, and so many more!
Free Photos
- unsplash.com
- pexels.com
- pixabay.com (photos, vectors, & illustrations)
- stock.adobe.com/free
- FreeJPG
- kaboompics.com (free photos & color palettes)
- skuawk.com (Use the menu to choose a category.)
- librestock.com
- Some Free Creative Common Photography
Free Vector Icons & Graphics
- icons.getbootstrap.com
- feathericons.com
- Generate unique SVG design assets/backgrounds (Click Start designing for free to enter the web app.)
- shapedivider.app (Create custom shape dividers/backgrounds to visually divide sections of a webpage or app.)
- iconic.app
- phosphoricons.com
- svgrepo.com
- fonts.Google.com/icons
- atlasicons.vectopus.com
- iconfinder.com (Some are free, but not all. Filter by Free, with a license type of No link back.)
- ionicons.com
- tablericons.com
- iconsvg.xyz
- Barista & Coffee Lovers Icon Set (50 free icons)
- Subtle Patterns
- Animated Icons (include code for the Web Developer)
Free Fonts
- Google Fonts (Figma automatically has these, but to use in other design apps, check out the free FontBase app.)
- Adobe Fonts (included with any Creative Cloud membership)
- Font Squirrel (double-check individual font license before using)
- The League of Moveable Type
Font Inspiration
- Brandmark’s Font Generator Generates font pairings from Google fonts.
- Google Web Font inspiration in HTML & CSS
- 100daysoffonts
- Aesop’s Fables paried with Google Fonts
- 10 Google Font Combinations
Color & Contrast
- color.adobe.com Adobe Color is free for anyone to use, not only Creative Cloud members. While it does not integrate with non-Adobe apps such as Figma or Sketch, you can copy/paste the hex code, or use Sketch’s Eyedropper to pick up a color.
- paletton.com This is another free site to generate color harmonies.
- Creating color palettes in Photoshop using adjustment layers
- thedayscolor.com color inspiration
Design Tips & Inspiration
- RefactoringUI has a great series of Design Tips
- Ira Glass “The Gap” between Taste & Talent
- Vintage logos from the mid-70’s
- Logos by George Bokhua
Design & Typography
- Optical Adjustment An article on how humans perceive shape, color, and size.
- Type Connection A typographic dating (pairing) game.
Product & Physical Device Mockup Generators
- Meta (Facebook) Design Resources Devices, Device Hands, iOS GUI, and more
- free-mockup.com
- MockUPhone
- psdcovers.com
Design Systems
Figma Resources
- See our Figma Links Page for more useful resources (such as UI Kits & plugins).
Miscellaneous Goodies
- SketchSheets Ready to print device templates for UI & UX Designers. Phone, tablet, and desktop templates for paper sketching/prototyping.