I am adding various resources within design, user interface, user experience and more that I find useful. Do also let me know of other resources I should add to the list.
Web
Prototype Tools
Visual Sitemaps
Various
Colors
Free Vector Graphics Software
Fonts
User interface Inspiration
Image resources
Web
WebSiteResponsiveTest.com – “Easy Mobile Responsive Test. Free Online Tool for Phones & Tablets.”
InfobyIP.com/testwebsiteresolution – “Test website usability with different screen resolutions.”
Search.Google.com/test/mobile – “Is your web page mobile-friendly?”
experte.com/mobile-friendly – “Bulk Mobile Friendly Test – Is My Website Mobile Friendly?”
SiteChecker.pro – “Get Free SEO Report.”
SiteChecker.pro/speed-test – “Speed test.”
WebSiteSEOchecker.com – “SEO Checker – On-Page Off-Page SEO Analysis Report.”
seobility.net/en/seocheck/ – “Test your Website with the SEO Checker from Seobility!”
ProtoType Tools
figma.com – “Nothing great is made alone.”
I use Figma a lot for contributing to WordPress core as well as Gutenberg and other projects.
A Figma resource: Lo-Fi Wireframe Kit for Figma (By Dave Whitley a core contributor to WordPress.)
FluidUI.com – “Create Web and Mobile Prototypes in Minutes.”
InvisionApp.com – “Design Better. Faster. Together.”
Visual Sitemaps made easy
Gloomaps.com
Octopus.do, a lightning-fast visual sitemap builder – octopus.do
Visual design help
Free Online Logo Maker, Generate Logos Instantly – launchaco.com
Remove backgrounds: https://bg-eraser.com/ (Did not work in Brave but works from my test in Firefox.)
Various
The Anatomy of effective web design by Doodlepod.co.
Instantly create, edit and turn your photos into artwork with Colorcinch with cartoonize.net
Videos/Images just got easy – designwizard.com
What will you design? – Canva
The best website color schemes — and how to choose your own – Canva
Little UI details – Codepen.
We analyzed the homepages of 20 awesome startups and here is what we learnt – hotjar.com
How to: Run a Crazy Eights exercise to generate design ideas – iamnotmypixels.com
Find a Degree, Certification, Bootcamp, or Career in Design – techguide.org
The best tips for dealing with difficult clients – getflywheel.com
Redesigning A Digital Interior Design Shop (A Case Study) – Smashingmagazine.com
7 Rules of Using Radio Buttons vs Drop-Down Menus – blog at prototypr.io
Colors
The Best Website Color Palettes to Increase Engagement in 2020 – The Daily Egg
56 Website Color Schemes for 2021 (+ How to Choose One) – websitesetup.com
A directory of essential design tools and resources to keep your projects moving forward – Google Design
Design your way – resources
Free Vector Graphics Software
Vectr is a free graphics software used to create vector graphics easily and intuitively – vectr.com
Fonts
What font is? (Find any font from any image or site.) – whatfontis.com
Free Fonts – ffonts.net
User interface Inspiration
The 23 Steps Guide Towards Crafting The Perfect Website Layout – amazing7.com
UA Concise Guide to Visual Aesthetics – UXtricks.design
10 Popular UI Design Trends on Dribbble in 2018 – blog.icons8.com
Designer Challenges Himself To Create Logos With Hidden Meanings For A Year, And Result Is Amazing – boredpanda.com
A guide to effective use of white space in web design – getflywheel.com
10 Basic Interaction Design Principles to Boost the UX Design. -mockplus.com
Image resources
“The WordPress Photo Directory is the perfect place to release
your photos into the public domain for the benefit of all.” – WordPress Photo Directory (my profile)
“Gifted by the world’s most generous community of photographers.” – Unsplash.com
“Stunning free images & royalty free stock” – Pixabay.com
“Free stock photos for websites and commercial use” – burst.shopify.com
“Affordable Stock Photos, Vectors, Icons, Fonts and Templates” – StockUnlimited.com
“High Quality, Free Stock Photos” – PikWizard.com
“The best free stock photo sites in 2018” – getflywheel.com
“Enhance your images using AI” – upscalepics.com
Imagecompressor
websiteplanet – webtools – imagecompressor
Other resources
Ultimate guide to B2B web design – goingclear.com
A Career Guide for Women in SEO – growresolve.com
