UI Design Tips for Non-Designers

Photo by Kelly Sikkema on Unsplash

Introduction

1. Consistency is key

2. Maintain an hierarchy

(Lofoten Islands Photo by Johny Goerend on Unsplash)

3. Negative spacing

(Icons from FontAwesome https://fontawesome.com/license)

4. Text

5. Box Shadows

6. Colors

Screenshot from slack.com

7. Fonts

8. Use known layouts

9. Use subtle animation

10. Check contrast

11. Images

Notice the usage and placement of the hero image. (Screenshot from store.google.com)

12. Icons

13. Use accents

14. Reduce number of borders

15. Get Inspired!

Conclusion

Coder, content creator. Admin of @baby_wolf_codes