This document provides an introduction to becoming a designer. It discusses what design is, principles of visual design including unity, contrast, emphasis, structure and balance. It also covers composition rules like the rule of thirds. The document also defines UX as the user's emotions and attitudes about using a product, and UI as how a user interacts with an application. It gives examples of UX/UI organizing principles like balancing layouts and using rhythm and repetition in elements.

1. basic things to know to become a
designer
Prepared by Mr. RATHA VISOTH
Graphic and UX/UI designer

2. What is Design?
 Design is creation of something beautiful and useful at the same
time.

3. Design Beauty
 Proportionnality (លៃឲ្យសម)
 Integrity(ចំនួនសរុប)
 Purity of shape and color
Design Meaning
 What?
 For whom?
 Why?
 Where?
 When?

4. 5 Principles of visual design
 Unity
 Contrast
 Emphasis
 Structure
 Balance

5. Composition Rules
 Rule of Third  Z Pattern  F Pattern  Golden Ratio

6. Good art is a talent
Good design is a skill

7. UX/UI
 What is UX?
UX (User Experience) is a person's emotions and attitudes
about using a particular product, system or service. It
includes the practical, experiential, affective, meaningful
and valuable aspects of human–computer interaction and
product ownership.

8. UX/UI
 What is UI?
UI is the a user interacts with an application or a website. The
growing dependence of many businesses on web applications and
mobile applications has led many companies to place increased
priority on UI in an effort to improve the user's overall experience.

10. UX/UI Organizing
 Balancing any layout means arranging positive
elements and negative overpowers the others
(usless it’s supposed to).
Everything works and fits together.
When a design is balanced, the individual
elements compete with the whole.

11.  Attention is drawn to individual elements instead clarifying
how they related to each other. Symmetry doesn’t
provide balance, gaps too numerous, too large
UX/UI Organizing

12.  Attention is drawn to individual elements instead clarifying
how they related to each other. Symmetry doesn’t
provide balance, gaps too numerous, too large
UX/UI Organizing

13.  Before  After
UX/UI Organizing

14.  Before  After
 The eye perceives 46 visual elements  The eye perceives 25 visual elements
UX/UI Organizing

15. UX/UI Organizing

16. UX/UI rhythm
 Rhythm occur when the intervals between elements
are predictable and similar in size, shape and length.
When elements repeat at regular intervals, the visual
rhythm speed identification and the use’s ability to
quickly.
- Inter what the elements are.
- understand what they do.

17. UX/UI rhythm

18. UX/UI rhythm

19.  When visual element are in harmony, they relate and complement
each other
UX/UI harmony

20. UX/UI harmony

21.  Project initiative
 Business flow
 Paper Sketch (included Icons)
 Wire frame
 Discussion
 Review
 Confirmation
 UX/UI
 Verification
 BRD attachment
UX/UI harmony