Channel | Publish Date | Thumbnail & View Count | Download Video |
---|---|---|---|
Publish Date not found | 0 Views |
Here is a collection of 13 UI/UX design tips that I use in almost all of my design work to help create a fantastic user experience for site visitors.
Start using these UI/UX design tips in your workflow today and enjoy more professional designs every time.
– Do not use Pure Black
– Limit the number of fonts used to 2 (varying weights are fine)
– Use consistent font weights
– Consistent font sizes
– Left-aligned text (larger text blocks)
– Use white space to let the design breathe
– Consistent spacing
– Use of the 8-point grid system
– Use visual hierarchy
– Use contrast to your advantage
– 60/30/10 color rule
– Use optimal line height – recommended 1.5x font size by WCAG
– Pattern repetition – Be consistent in your design
Left:
8-point grid: https://medium.com/swlh/the-comprehensive-8pt-grid-guide-aa16ff402179
30/60/10 – https://uxdesign.cc/how-the-60-30-10-rule-saved-the-day-934e1ee3fdd8
Design System Mini Course: https://designsystem101.com
#UIUXDesign #UIDesign #UXDesign
Take your WordPress website and skills to the next level!
THE TOOLS I LOVE
If you like what we do and want to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
EXCLUSIVE WPTUTS DISCOUNTS
WPVivid Backup Pro: https://jo.my/vividpro (use WPTUTS20 for 20% discount)
Project Huddle: https://jo.my/etafyp (WPTUTS for 20% discount – exclusive)
MY PREFERRED HOSTING PROVIDERS
CloudWays: https://jo.my/1feeng8
SiteGround: https://jo.my/sgwptuts
WORDPRESS VISUAL PAGE BUILDERS
ELEMENTOR PRO: https://jo.my/1s0t2s2
Brizy Pro: https://bit.ly/2Ji97r8
DIVI 3 Page Builder: http://bit.ly/2HiiDcE
WORDPRESS THEMES
GeneratePress Premium: http://bit.ly/2Ydn1SE
OCEANWP: http://bit.ly/2fRHBr0
DIVI theme: http://bit.ly/2G8JMiA
Astra Pro: http://bit.ly/2zruoKn
WORDPRESS TOOLS
SMART SLIDER 3: http://bit.ly/2G0G1vB
CSSHERO: http://bit.ly/2qbrRl6
WORDPRESS PLUGINS
SEOPress Pro: https://jo.my/seopress
SUBSCRIBE
http://bit.ly/2rX7rhu
Let's connect:
Twitter: https://twitter.com/WPTutz
Facebook group: https://wptuts.co.uk/facebook
SUPPORT: Our website provides additional information and benefits. Please check it out! http://wptuts.co.uk
Please take the opportunity to connect and share this video with your friends and family if you find it helpful.