APP（iOS） ui 设计

1、画布尺寸

按照iPhone6、 7、8 的@2x设计尺寸

750*1334px

设计师用PX，开发用PT

iphone X设计的尺寸可以按照750*1334的设计，只是高度增加了290px，高度变为750*1624

状态栏由40变为88px，底部再预留出68px 的主页指示器的位置

2、状态栏（电池电量条）

高：40px

3、导航栏（顶部操作栏）

高：88px

字号：40px、36px(较多)、32px

图标：不要超过导航栏高（88px）的一半

          44px、36px、32px

搜索栏：64px、60px、56px

注意：banner以上区域不建议用实色做背景，通透性不好

4、标签栏（底部操作栏）

高：98px

字号：24px、20px

图标：不超过标签栏高（96px）的一半

          48px、40px

5、页面文字

标题：36px、32px

摘要：28px、24px

正文：28px、24px

辅助：20px

提示或者不得不出现的文字：12px、16px

6、分割线

1px

可以占用列表高度

7、列表（单）

高：80px（最小）、88px   最大根据内容而定

如果周围没有其他可点击范围，可根据视觉效果适当缩放

字号：中文：20-40px    英文：最小14px

8、字体

中文：苹方/ pingfang SC（简体）   pingfang HK（繁体）

英文：SF pro text \SF pro display

9、安全距离

最小12px 

16px  20px  24px    

页面左右安全距离

20px  24px  30px(非常舒服的，采用的较多）  32px

模块之间利用留白、细线、或色块区分

留白：

APP左右留白：20-24-26-28-30px

卡片之间最小留白16px

10、卡片间距

卡片之间最小不小于16px

使用最多的是20px、24px、30px、40px