This crash course is based on CareerFoundry's one-week course on UI Design. I've selected points I think may be useful for a beginner. Hope you find this series useful! Day 03 will be up soon.

1. UI Design Crash course:
Basic Principles of Design
Day 02
(what I learned from a one-week course)

2. Why the need for good ui design?
Users would have less to think about when they interact with
your product, making them a happier user. One interaction
with your product can make your user leave or stay.

3. 5 UI DESIGN PRINCIPLES
1.Movement
2.Rhythm
3.Balance
4.Proportion
5.Emphasis

4. Design Principle #1: Movement
A good design movement is able to provide a path for a user's
eyes, helping him or her easily navigate a composition or
layout on a screen.
Smooth.

5. Design Principle #1: Movement
Movement can be done by guiding a user with elements arranged
by hierarchy, emphasizing elements with colors or shapes for
example, or through sections of the screen.
tomatree/dribble

6. Design Principle #2: Rhythm
A good design rhythm can add structure and visual interest to
your layouts.
Source: Ramachandra Babu/©Gulf News

7. Design Principle #2: Rhythm
You can create rhythm using 3 techniques:
Repetition: rhythm created by predictability
Alternation: rhythm created by contrast
Gradation: rhythm created by progression of regular steps

8. Design Principle #2: Rhythm
With those 3 techniques, you can plan for 3 kinds of rhythm:

9. Design Principle #2: Rhythm
1) Regular: Identical elements are arranged over predictable
intervals.
2) Flowing: This is organic. Each element is similar but not
exactly the same, and intervals vary slightly.
3) Progressive: A combination of the first two. Elements are placed
in regular intervals but begin to vary and change gradually. One
element transforms into another or a variation of itself.

10. Design Principle #2: Rhythm
Regular Rhythm Examples

11. Design Principle #2: Rhythm
Flowing Rhythm Examples

12. Design Principle #2: Rhythm
Regular Flowing
If a design is trying to communicate consistency, a regular rhythm is probably
best. If the design is trying to communicate something more natural and
organic, a flowing rhythm would be preferred. source

13. Design Principle #2: Rhythm
Progressive Rhythm Examples

14. Design Principle #3: Balance
A good balance effectively distributes "visual" weight of
elements on the screen, so that things don't
feel awkward or confusing.
There are 2 types:
Symmetrical or formal
Asymmetrical or informal

15. Design Principle #3: Balance
1)Symmetrical or formal balance
If you divide up an element or layout, horizontally or
vertically, you'd have two identical pieces.

16. Design Principle #3: Balance
2) Asymmetrical or informal balance
You may not have two identical pieces but there is still a
balanced distribution of visual weight.

17. Design Principle #4: Proportion
You don't want a button so big that it doesn't seem to fit
with the other elements. Everything should feel like the
"right size".

18. Design Principle #4: Proportion
A good design proportion creates a harmonious size
relationship among components in a composition or layout,
being able to form unity.
source

19. Design Principle #5: Emphasis
Emphasis highlights one element or section over another.
Elements noticed first will dominate over the others.
It can help direct a user or communicate
a certain level of priority.
Test yourself on the next slide!

20. Design Principle #5: Emphasis
How is the designer using emphasis?

21. by Dima Panchenko
❏ A curation of the best UI
ideas in animation
❏ An article about Visual
Rhythm with cool examples
❏ An article that further
elaborates Flow & Rhythm
Additional References (not from the original course)

22. Coming up next:
Day 03
Content based on a CareerFoundry course | Slides created by Siegrid Saldaña | Feb 2017