Fundamentals: Repeat for Intimacy vs. Alignment
Intimacy: distance determines intimacy, and the principle of intimacy is controlled by margin realization, margin padding, etc.
Contrast: to make an element different, stand out, contrast
align
1. Repetition: the first principle to ensure page balance
Only keep what is necessary, refuse to pile up, and maintain restraint
Use class for reuse
2. Contrast: I hope there is one element that stands out
Contrast: Want to grab user attention
3. Intimacy: A kind of intimacy, this group has mutual relationship
The proximity of the physical location, through the distance, the division of the organization, so as to set the hierarchy of the page
achieve organization
4. Alignment: Align according to a certain element
Affinity: If items are related to each other, group them together to create closer intimacy. This helps organize information, reduce clutter, and provide readers with a clear content structure.
Alignment: Nothing on the page should be placed randomly, every element should have some kind of visual connection with another element on the page. This creates a clear, sophisticated and crisp look.
Repetition: Make the visual elements of your design repeat throughout your work. Colors, shapes, materials, spatial relationships, line widths, fonts, sizes, images, etc. can be repeated. This will not only increase the order, but also strengthen the unity.
Contrast: Avoid making elements on a page too similar, and if they are not, make them distinct. Contrast makes the page more eye-catching, and it also makes the content structure of the page clearer and easier to read.