2024年3月30日发(作者：厚春柏)

UI设计基本规范

注：此处规范针对ios手机端应用，其他平台如pc,android,wp等未必适用。

一 字体:

中文：黑体-简

英文:：Helvetica

字号：在PS中使用时，最小为24-28pt，一般最小标准为28pt，个别可小至24pt。

（注：由于Retina屏幕的关系，在将数据提交给工程师时，需要将数据除以二，如文

字字号为28pt，则告诉工程师14pt，实际显示大小也是14pt。因此在此处要求，设计时

尽量使你的各项数据均是偶数。）

颜色：一般不用纯黑色。

二 尺寸

①屏幕尺寸：

iPhone4s及4：640*960px，326ppi，物理尺寸为3.5英寸（屏幕左上角到右下角

的距离），长宽比1.5

iPhone5及5c、5s：640*1136px，326ppi，物理尺寸为4英寸，长宽比1.775

iPhone6：750*1334px，326ppi，物理尺寸为4.7英寸，长宽比1.778

iPhone6 plus：1080*1920px，401ppi，物理尺寸为5.5英寸，长宽比1.777

②按钮尺寸

可触碰范围（可触碰范围不一定是按钮看起来的大小）最小为88*88px

（实际上显示大小为44px, 若仔细观察，ios7里面很多尺寸都是44或者44的倍数，

如“设置”下的列表（Tableviews）每一行的高度一般都是44px.）

③各部件尺寸

状态栏（显示电量信号那一栏）：

iPhone4-5s：640*40px，iPhone6以上则等比放大

导航栏（抬头写app名字）：

iPhone4-5s：640*88px，iPhone6以上则等比放大

（此处很多人会有疑惑，若导航栏为88px，而按钮最小也是88px，那如果按钮在导

航栏上，如返回键等，那岂不是一样大小？这样的解决方法是：按钮大小规定的88px，是

可触发的范围大小，按钮在设计时，为了更美观，可以设计小一些，但是可以让后台工程

师把周围的范围也纳入可触发的范围。）

2024年3月30日发(作者：厚春柏)

UI设计基本规范

注：此处规范针对ios手机端应用，其他平台如pc,android,wp等未必适用。

一 字体:

中文：黑体-简

英文:：Helvetica

字号：在PS中使用时，最小为24-28pt，一般最小标准为28pt，个别可小至24pt。

（注：由于Retina屏幕的关系，在将数据提交给工程师时，需要将数据除以二，如文

字字号为28pt，则告诉工程师14pt，实际显示大小也是14pt。因此在此处要求，设计时

尽量使你的各项数据均是偶数。）

颜色：一般不用纯黑色。

二 尺寸

①屏幕尺寸：

iPhone4s及4：640*960px，326ppi，物理尺寸为3.5英寸（屏幕左上角到右下角

的距离），长宽比1.5

iPhone5及5c、5s：640*1136px，326ppi，物理尺寸为4英寸，长宽比1.775

iPhone6：750*1334px，326ppi，物理尺寸为4.7英寸，长宽比1.778

iPhone6 plus：1080*1920px，401ppi，物理尺寸为5.5英寸，长宽比1.777

②按钮尺寸

可触碰范围（可触碰范围不一定是按钮看起来的大小）最小为88*88px

（实际上显示大小为44px, 若仔细观察，ios7里面很多尺寸都是44或者44的倍数，

如“设置”下的列表（Tableviews）每一行的高度一般都是44px.）

③各部件尺寸

状态栏（显示电量信号那一栏）：

iPhone4-5s：640*40px，iPhone6以上则等比放大

导航栏（抬头写app名字）：

iPhone4-5s：640*88px，iPhone6以上则等比放大

（此处很多人会有疑惑，若导航栏为88px，而按钮最小也是88px，那如果按钮在导

航栏上，如返回键等，那岂不是一样大小？这样的解决方法是：按钮大小规定的88px，是

可触发的范围大小，按钮在设计时，为了更美观，可以设计小一些，但是可以让后台工程

师把周围的范围也纳入可触发的范围。）