Application of grid system 3.1 Horizontal division Taking the bulk sms send 12-grid system as an example, the grid area can be easily divided into 2 equal parts, 3 equal parts, 4 equal parts, 6 equal parts, and various unequal division scenarios according to the combination of equal division modules according to business scenarios. Taking the bulk sms send query page as an example, "Filter Area" is divided into 3 equal parts, "Data Statistics" is divided into 3 equal parts, and "Data List" is divided into 1 equal part.
If you don't understand the bulk sms send grid system, it is difficult to unify the spacing between page elements and areas 3.2 Vertical division The vertical division takes 8 as the basic spacing, and divides the information hierarchy through three specifications: 8px (small spacing), 16px (medium spacing), and 24px (large spacing). If you don't understand the bulk sms send grid system.
It is difficult to unify the bulk sms send spacing between page elements and areas If you don't understand the grid system, it is difficult to unify the spacing between page elements and areas In the case where these three specifications are not applicable, the bulk sms send information hierarchy can be opened by adding or subtracting multiples of the "basic spacing", or adding elements (dividing lines).