Design UI UX Resources

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

Quickly spinn up a new logo

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

Share the article:

Leave a Reply

Your email address will not be published. Required fields are marked *