watermark logo

2 Views· 25 August 2022

13 UI/UX Design Tips To RADICALLY IMPROVE Your Designs

Advertisement

Advertise With Vidude


jasperbradbury
Subscribers

UI/UX design tips you can implement today to radically improve your user experience and user interfaces.

Here's 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 benefit from more professional designs every single time.

- Don’t use Pure Black
- Limit fonts used to 2 (varying weights is fine)
- Use consistent font weights
- Consistent font sizes
- Left-aligned text (larger blocks of text)
- Using whitespace to allow for the design to breath
- Consistent spacing
- Using the 8 point grid system
- Use visual hierarchy
- Use contrast to your advantage
- 60/30/10 colour rule
- Use optimal line height - recommended 1.5x font size by WCAG
- Pattern repetition - Be consistent in your design

Links:

✅ 8 Point Grid: https://medium.com/swlh/the-co....mprehensive-8pt-grid
✅ 60/30/10 - https://uxdesign.cc/how-the-60....-30-10-rule-saved-th

✅ 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 would like 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% off)
✅ Project Huddle: https://jo.my/etafyp (WPTUTS for 20% off - 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

► LETS CONNECT: ◄
👉 Twitter: https://twitter.com/WPTutz
👉 Facebook Group: https://wptuts.co.uk/facebook

SUPPORT: Our website offers additional information and perks. Please check it out! http://wptuts.co.uk

Show more


Up next

Advertisement

Advertise With Vidude


0 Comments