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
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.
Hi, I want to introduce for your list a new visual sitemap builder tool https://octopus.do