Ui- first lesson

One 、 Font specifications

1、iOS At present, the self-contained Chinese font is pifang( square ), English numeric characters are Helvetica（ These two fonts cannot be used at will , stay iOS Use in ）

2、Android At present, the self-contained Chinese font is Noto Sans Han( Ses blackbody ); English numeric characters are Roboto（ These two fonts are not used without permission ）

3、 Commonly used to design digital fonts din/ Jingdong blackbody （ For personal use only ）

Setting the font to the above font can achieve the best restoration effect when rendering .

4、 web Microsoft YaHei

Two 、 status bar （ Class A 、 Secondary title font size 36px）

1. iphone6/7/8 status bar ：40+88=128
2. iPhone10 status bar ：88+88=176
   

3、 ... and 、tab bar

1. Four icons are divided into four equal parts , Three icons are three equal parts

Four 、 Tangency export

1. Minimum click ( export ) by 48, Must abide by the

5、 ... and 、 Intimate distance 、 Distance away

With 750x1334 Design draft ,

• Intimate distance ：0-20px;
• Distance away ：30- There is no upper limit px;
• Distance from both sides 20/24( Suggest )/30

title

6、 ... and 、 Split line

1. The minimum split line is 2px, The frame color can be taken as a screenshot , Establish your own specifications
   

7、 ... and 、 Font size reference

8、 ... and 、 The module specification

• Font module specification

• Spacing module specification