UI界面设计尺寸规范20192020最系统全面网站设计观点资讯常德网站建设万讯互动

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

UI界面设计尺寸规范2019-2020最系统全面

这个是苹果手机的对于尺寸如果是用PS做设计稿就用750*1334，如果是用SKetch或者XD来设计，常见是用1倍尺寸来说，也就是375*667或者375*812（iPhoneX）。

规范文档。

app所用的字体大礼包下载（虎哥整理的）

中文字体：PingFangSC

英文字体：SFUIText、SFUIDisplay

其中SFUIText适用与小于19pt的文字，SFUIDisplay适用于大于20pt的文字

注意：下面字号pt单位是按照1倍说明的，如果你是按照750*1334设计的话，需要自己乘2得到PX像素值。

24px、26px、28px、30px、32px、34px，36px等等。记住是偶数的。最小字号20px。

从iOS7开始，app图标一直使用超椭圆的形状，原来旧的简单圆角半径值没有了。所以在为iOS设计应用程序图标时，我建议使用Apple提供的官方应用程序图标模板。

圆角的图形不应该包含在最终的输出成品中，但如果你想要添加和应用程序icon拐角对齐的描边和阴影效果，那你可能还会用到圆角图形。

提醒：如果你要使用超椭圆形状对icon进行蒙板（遮罩），又希望将应用效果和icon拐角对齐，那你要确保在遮罩外的区域不能使用任何透明的图形。应用程序icon不支持透明度，相反作为纯黑色进行渲染。如果你的遮罩不是百分百精确，那用户将会在圆角边缘看到黑色的锯齿。推荐将canvas的背景设置成和appicon一样的背景。

注意：我打开了裁切圆角的开关，所以自动生存的都是圆角的，主要是为了过稿子给大家看着方便。

给程序小哥的素材资源不用打开这个开关，那么自动切出就是方角的，直接一包图标素材丢给程序小哥就行了。

记住画图标的时候图形尽量在下图所示的圆形内。

750×1334尺寸的换算关系1pt=2px，也就是说程序员拿到我们的px单位的标注稿，自己除以2就是pt了。

上一条———————

下一条———————

12年建站服务经验

服务本地16家政府单位

服务25家上市企业

常德市房地产信息网的技术顾问

经投城投的指定软件开发合作商

多项网站设计传播大奖

营销型网站建设专家

完备的项目流程管理体系

B2C电商网站建设供应商

网页设计与网站开发技术并重

作为一家集“创意+整合+营销”的互联网整合营销机构，我们在业内具有深远的设计影响力和良好的客户口碑。我们提供从前期的网站品牌分析策划、网站设计、创意表现、系统开发以及后续网站运营反馈建议等一系列服务，帮助企业打造创新的互联网品牌经营模式与有效的网络营销方法,创造更大的品牌势能！