All the useful design resources I have ever bookmarked
Most of the designers will have a really crowded Bookmarks bar, at least mine is. This article is all about the resources I have collected and added to my bookmark bar through the years. I hope this will be helpful to you as it has been to me.
This is going to be a very LOOOOONG article; Grab a cup of coffee ☕ and start Bookmarking
Resources for Color
This includes resources helpful for choosing the perfect color for your next project.
- Color Hunt – Color Palettes for Designers and Artists
- Free Gradients Collection by itmeo.com
- Gradient by ShapeFactory | Chromatic Gradient Generator
- Pigment by ShapeFactory | Simple Color Palette Generator
- Gradient Colors Collection Palette – CoolHue 2.0
- Colourco.de – find your colour palette
- 198 beautiful gradients and blend image effects FREE by trionndesign.com
- Free Mesh Gradient Collection
- Color Palette Generator – Create Beautiful Color Schemes
- ColorSpace – Color Palettes Generator and Color Gradient Tool
Resources for Font
Choosing the right font for the next big project is always confusing. Go through some of the below resources which will help you choose the right font.
- Free Fonts – Pixel Surplus | Resources For Designers
- Roboto + Arial
- 20 Best Google Web Fonts
- Fonts In Use – Type at work in the real world.
- 45 free retro fonts
- FontPair helps you pair Google Fonts together.
- Google Fonts
- Google Fonts
Free stock photos have always been a myth, but these sites below are changing that and bring life to stock photos.
- Free Stock Photos – Simply Beautiful, Creative, Professional | Icons8
- Free Travel Photos from BucketListly Blog
- Beautiful Free Images & Pictures | Unsplash
- Free Stock Photos: High-Res Images for Websites & Commercial Use
- Diverse UI
- 100k_models – Google Drive
Duotone by ShapeFactory | Create Beautiful Free Duotones
Free icons are always welcome, they inspire us to create the perfect icon set for our projects.
- Flaticon, the largest database of free vector icons
- Explore and Download 2000+ Free Line Icons – LineIcons
- Unicons icon library | Line | Monochrome
- iconmonstr – Free simple icons for your next project
- Material Icons
- Free icons by first-class designers
- Orion Icon Library
- Download free icons, music, stock photos, vectors
- 😋 Get Emoji – All Emojis to ✂️ Copy and 📋 Paste 👌
- Noun Project
- Animated Icons – 400 Free Icons
All designers are not artists, who can create that perfect illustration for his next project. These resources help you with beautiful illustrations for your next project.
- Illustrations | unDraw
- Vector Creator – Create engaging illustrations in-browser for free
- Open Doodles – Free sketchy illustrations
- Free Illustrations
- IRA Design by Creative Tim
- Free vector illustrations – Ouch.pics
- DrawKit – Beautiful Free Illustrations
- illlustrations – open source illustrations kit
- Humaaans: Mix-&-Match illustration library
- Gradientify SVG Icons – The definitive pack for gradient lovers
- Open Peeps, Hand-Drawn Illustration Library
- Blobmaker – Make organic SVG shapes for your next design
- Avataaars Generator – Generate your own avataaars!
- Charco | Karthik Srinivas
- Glaze | Illustrations
- Illustration Gallery by ManyPixels | Open-Source Editable Illustrations
- Fresh Folk
- Blush, Illustrations for everyone
Designers rely on multiple types of visual content while designing a project. These resources provide free downloadable content to grab so that you can speed up your design flow.
- DesignerMill | Collection of Best Free Design Resources
- Pixel Surplus | Resources For Designers
- Freepik | Graphic Resources for everyone
- Cool Backgrounds
- Premium & Free Assets for Designers
- Download free fonts, logos and graphic design resources.
- Spoon Graphics
- Psd, premium icons & free web design resources for designers – latest freebies by PixelBuddha.
- Free PSD, graphics and vector files | +60,660 Vectors & PSD – 365PSD.com
- DB Freebies Design Resources from Behance and Dribbble
- CSS Author
- Directory | Illustration Tools
- UI Kits, Icons, Templates, Themes and More – UpLabs
- Royalty-Free GIFs, GIF Icons and Animated ClipArt GIF – Cliply
- Free Mockups and Design Tools [PSD, Sketch, Figma]
Sounds & Music
Working with content creation, we know that sound is an important factor. Check these neat sources for free sounds.
- Unminus | Free Premium Music for Your Projects
- Free Music Archive
- Free Royalty Free Music – Fugue
- Royalty Free Music by Bensound | Stock Music
We now that inspirations come from the most unexpected of the sources. The following are some of the expected sources of inspiration.
- UI Movement
- Beautiful iOS apps | LaudableApps
- Muzli Design Inspiration
- siteInspire – Web Design Inspiration
- One Page Love – One Page Website Inspiration and Templates
- Marvel Blog |
- DesignValley | Ultimate design tools depository
- Smashing Magazine – For Web Designers And Developers
- abdz – Have you given up on being inspired?
- Inside Design Blog | Thoughts on users, experience, and design
- Playbook – Achieve your career goals
- UI Sources | Mobile Design Patterns and Interactions
- Really Good Emails
- Airbnb Design
- Checklist Design – best UI elements for the best UX practices
- Search by Muzli
- Discover Design Better
- Nicely done – Products & pattern designs inspiration.
- Design Kit
- The User Experience of Virtual Reality
- Mozilla Mixed Reality
- Mozilla Mixed Reality Blog
- Mobbin – Latest Mobile Design Patterns
- Collect UI
- The Best Free Photoshop Tutorials + Lightroom and Photography As Well
Blogs & Articles
Reading will help us be a better designer. These are some of the articles & books I have been reading lately.
- Google Design
- Design Better
- UX Planet
- UX Collective
- PHLEARN Magazine
- AR/VR Journey: Augmented & Virtual Reality Magazine
- Etsy Design
- 3 practical cheat sheets for designing attention grabbing UIs
- The design guide to iOS and Android app icons
- Why Altruism Is The Ace To Get Your Dream Design Job – Smashing Magazine
- Things Designers Should Know About SEO In 2018 – Smashing Magazine
- Redesigning A Digital Interior Design Shop (A Case Study) – Smashing Magazine
- The Most Important Color In UI Design
- There are 7 types of logo designs: but which type of logo is right for you?
- Using a Grid-system in Logo Design
- How to create your next design project, completely free
- What I Have Learned at Google as a Designer
- 8 graphic design trends for 2017
- Crash Course: UI Design
- Ultimate Start guide for beginner UX/UI designers in 2019
- List of tools required for the designer in 2018
- About the Book
- Home | Laws of UX
- Enterprise Design Sprints
UX Related Resources
UX the fundamental building block of any design. These are a couple of resources that will help you master the art of UX.
- UX Design Articles and Books
- UX Crash Course: 31 Fundamentals
- Attracting Users To Evaluate Your Product – Smashing Magazine
- A Comprehensive Guide To Product Design – Smashing Magazine
- UX Planet
- 138 FREE ebooks on User Experience, Usability, User Interface Design and more
- 52 Weeks of UX
- UX Laws with practical examples.
- UI/UX Case Study: Empathizing healthcare for diabetics
- UX Case study of Coutloot: C2C (Buy & Sell) platform
- Case Study Club – Curated UX Case Study Gallery
- UX Techniques –
- UX Your Life: Applying The User-Centered Process To Your Life (And Stuff) – Smashing Magazine
- Tools for better thinking
Make sure that you read the copyright instructions of each resource before using them.
I hope you find this article useful. If you have anything to add, please leave a comment below. If you found this article helpful, I request you to kindly share it.
If you think I deserve some claps, don’t hesitate!
Follow me on Dribbble, Linkedin and Instagram
My Other Articles:
Some UI/UX love from codepen!
Children’s UX: Usability Issues in Designing for Young People.
Design for Kids Based on Their Stage of Physical Development.
Designing for Kids: Cognitive Considerations.
My LOOONG list of design resources was originally published in UX Planet on Medium, where people are continuing the conversation by highlighting and responding to this story.