Hi, I'm Rihad!
I'm a Graphic Designer based at 43.8563° N, 18.4131° E.

Featured Image

Learn UI Design – Crisp tutorials on UX Design

This is a list of about 20 short, crisp tutorials on UI Design — once done, you should have a good understanding of what the field of UI looks like, have a good understanding of principles of visual design, as well as know a bit about the tools you can use to create your first mockups.

 

Introduction

This section will give you a brief introduction to UI Design, get into a little bit into how it’s different from UX Design, and also has an article with Dieter Rams’ 10 principles of good design.

  • What is UI Design, and how is it different from UX Design?
  • What is Good Design?

 

Visual Design Principles

In this section, we’ll cover the top visual design principles you will need as part of your toolbox to make your designs a lot better.

  • Visual Hierarchy, White Space and Gestalt Principles
  • Gestalt Principles of Grouping
  • Z-Pattern, F-Pattern, and the Visual Hierarchy
  • The Fold, Images & Headlines
  • The Axis of Interaction and Primary/Secondary buttons
  • Typography
  • Color Theory
  • Animation Design

 

Toolbox

In this section, we will look into the tools that you’ll be using on a daily basis to actually get your work done — these include digital design tools like Sketch (covered in depth), Figma, Adobe XD etc. and a brief overview of some of the top animation design tools.

  • Digital Design tools: Sketch, Figma, Adobe XD and Photoshop
  • Learn Sketch: Part I
  • Learn Sketch: Part II
  • Learn Sketch: Part III
  • Animation Design tools: Origami Studio, Framer, Principle, After Effects, Invision Studio

 

Conclusion

Hopefully you’re comfortable with some of the aspects of UI Design by now. This section will help you think about how to get started with building your UI Portfolio to get hired as a UI Designer, and what other places you can go to, or books you can read to keep improving your UI Design skills.

  • Getting hired as a UI Designer
  • Design Inspiration corner: Documentaries, Sites and Books

 

Link: Learn UX Design – Crisp tutorials on UX Design