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
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
Free Online Logo Maker, Generate Logos Instantly – launchaco.com
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
