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?”
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.

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

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

“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

Share the article:

Leave a Reply

Your email address will not be published.

12 − 5 =