Golden ratio:The golden section refers to dividing the whole into two parts. The ratio of the larger part to the whole part is equal to the ratio of the smaller part to the larger part, and its ratio is about 0.618. This proportion is recognized as the most aesthetic proportion, so it is called the golden section.

  Originate from: In ancient Greece, one day Pythagoras was walking in the street. Before passing the blacksmith’s shop, he heard the blacksmith’s sound of striking iron very good, so he stopped to listen. He found that the blacksmith’s beating rhythm was very regular, and the proportion of this sound was expressed mathematically by Pythagoras.

  Examples:

The rule of thirds: The rule of thirds is a composition method often used in photography, painting, design and other arts. Sometimes it is also called well composition. Trisection composition refers to the horizontal division of the picture into three parts, and the main form can be placed in the center of each sub part. This composition is suitable for subjects with multiple forms and parallel focus.

Examples:

Principles of Gestalt: Seven basic principles of Gestalt: Proximity principle, Similarity principle, Continuity principle, Closure principle, Subject / background principle, Simple symmetry principle, Principle of common destiny.

Examples:

Negative Space: The negative space in graphic design is transformed from the original figure ground. As early as 1915, it was named after Rubin, so it is also called Rubin inversion figure.

Example:

Grid design: The grid gives shape and hierarchy to the design, guides users to browse the page and find the required content. By using the grid correctly, we can accurately know where all kinds of elements should be placed, rather than randomly placing elements on the page, which also helps to speed up the design process.

Examples:

Visual hierarchy: Whether it is poster design or page design, there will always be strong and weak, primary and secondary from the overall point of view, because there are visual changes, which makes the whole more hierarchical. Generally speaking: when users browse web pages with a lot of information, as designers, they should have visual elements that can form a memory in the user’s mind even if the user just browses.

  Examples:

Alignment or consistency: I think alignment or consistency is close to grid design and visual hierarchy.

  Examples:

Reference:

 Andrew_Xu.(2019).字体排版:层次与构成.ZCOOL站酷.字体排版:层次与构成|平面|字体/字形|Andrew_Xu – 原创作品 – 站酷 (ZCOOL).

程远.(2018-11-11).6个小技巧,让你的视觉层次“蹭蹭蹭”提升.优设.6个小技巧,让你的视觉层次“蹭蹭蹭”提升! – 优设网 – UISDC

罗耀_系列.(2020).网格的基础.ZCOOL站酷.网格的基础|平面-UI-网页|教程|罗耀_系列 – 原创文章 – 站酷 (ZCOOL).

 Monica Galvan.(2021.4.3).什么是网格设计?网格设计的5个类型. 视觉设计.什么是网格设计?网格设计的5个类型 | 设计达人 (shejidaren.com).

 锐普演示.(2018.2.27).【每日赏析】“正负形”设计,什么鬼?.搜狐.【每日赏析】“正负形”设计,什么鬼? (sohu.com).

 印迹.(2020.9.2).近万字干货!带你全面了解格式塔原则 .优设.近万字干货!带你全面了解格式塔原则 – 优设网 – UISDC.

奇天插画原画.(2017.06.30).美术教程大全|黄金分割,看艺术品构图.简书.美术教程大全|黄金分割,看艺术品构图 – 简书 (jianshu.com).

 喵了个瞄.(2020).当设计遇上格式塔.ZCOOL站酷.当设计遇上格式塔|平面|教程|喵了个瞄 – 原创文章 – 站酷 (ZCOOL).

00