• Home
  • WordPress
    • How To
    • Plugins
    • Themes
      • Genesis
      • Themify
      • Mysite myway
    • Security
    • Developer
    • Teaching
    • Conference
    • Chat
  • Blog
  • About
  • Freelance
    • Plugins
    • Teaching
    • Need help?
    • CV og ref.
  • Contact

Easy Web Design Tutorials

WordPress Tutorials and more

  • Home
  • WordPress
    • How To
    • Plugins
    • Themes
      • Genesis
      • Themify
      • Mysite myway
    • Security
    • Developer
    • Teaching
    • Conference
    • Chat
  • Blog
  • About
  • Freelance
    • Plugins
    • Teaching
    • Need help?
    • CV og ref.
  • Contact

12 January - 2017 By Paal Joachim 1 Comment
Last updated on: June 18, 2020

Design – UI – UX guidelines

I am adding various resources that I find useful.

Prototype tools
fluidui.com (Looks interesting)
invisionapp.com

Visual Sitemaps made easy
gloomaps.com

Anatomy of effective web design
doodlepod.co.uk/the-anatomy-of-effective-web-design

designschool.canva.com/design-elements-principles

 

Little UI details
codepen.io/tyrellrummage/full/ZJPXgy

Color
crazyegg.com/blog/website-color-palettes/
https://design.google.com/resources/
canva.com/learn/website-color-schemes
https://www.hotjar.com/blog/2014/08/07/we-analyzed-the-homepages-of-30-successful-startups-and-here-is-what-we-learnt/
https://websitesetup.org/website-color-schemes/

Free Vector Graphics Software
Vectr is a free graphics software used to create vector graphics easily and intuitively.
https://vectr.com/

Crazy eight design ideas
iamnotmypixels.com/how-to-use-crazy-8s-to-generate-design-ideas/

designyourway.net/blog/resources/free-stock-footage-sites-to-download-videos-from/

Free Photoshop resources:
fribbble.com

 

Fonts

What font is? (Figure out the font a site uses.)
whatfontis.com

A huge library of fonts: ffonts.net

 

getflywheel.com/layout/tips-for-dealing-with-difficult-clients

blog.prototypr.io/7-rules-of-using-radio-buttons-vs-drop-down-menus-fddf50d312d1

launchaco.com/logo

 

UI Inspiration:

fromupnorth.com/user-interface-inspiration-843/
thezen.zone
designschool.canva.com/design-elements-principles
amazing7.com/the-23-steps-guide-towards-crafting-the-perfect-website-layout.html
nickbarron.co/best-home-page-design
uxtricks.design/blogs/ux-design/visual-design-beautiful
icons8.com/articles/popular-ui-design-trends-dribbble

boredpanda.com/365-challenge-minimalist-logo-design-ideas-daniel-carlmatz

getflywheel.com/layout/effective-use-white-space-web-design

Designing a web site: .youtube.com/watch?v=WJ_6n6-Yh_s

Case studies:
smashingmagazine.com/2018/04/redesigning-digital-interior-design-shop

 

Image resources:
unsplash.com/license “Gifted by the world’s most generous community of photographers.”
There are also various other stock photo resources out there. Appreciates credit
pixabay.com  “Over 1.4 million royalty free stock photos and videos shared by our generous community.”
burst.shopify.com
stockunlimited.com
pikwizard.com
For additional stock photo sites see this article: getflywheel.com/layout/best-free-stock-photo-sites-2018

upscalepics.com
“Do you need to increase the size of your images without losing quality?
Upscale Pics is an exceptional new service that uses the power of AI to instantly scale up your images without any loss of quality.”

Design Wizard is a really unique content creation tool. Think Canva, Promo and Shutterstock all on the one platform.

Share this:

  • Email

Categories: Web Design

Paal Joachim Romdahl

I enjoy teaching and creating tutorials. As well creating web sites.
I help people gain WordPress knowledge through my easy to follow tutorials and specialized training. Contact me for more information on how I can improve your WordPress skills and to help get your web site quickly up and running.

Comments

  1. Alex says

    12 June - 2020

    Hi, I want to introduce for your list a new visual sitemap builder tool https://octopus.do

    Reply

Leave a Comment Cancel reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

© 2021 · By Easy Web Design Tutorials · Built on the Genesis Framework · WordPress · Log in · ⇪

loading Cancel
Post was not sent - check your email addresses!
Email check failed, please try again
Sorry, your blog cannot share posts by email.