从品牌网站建设到网络营销策划,从策略到执行的一站式服务
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一样的背景。
注意:我打开了裁切圆角的开关,所以自动生存的都是圆角的,主要是为了过稿子给大家看着方便。
给程序小哥的素材资源不用打开这个开关,那么自动切出就是方角的,直接一包图标素材丢给程序小哥就行了。
记住画图标的时候图形尽量在下图所示的圆形内。
切图教程
用Cutterman选中@2x@3x导出。
750×1334尺寸的换算关系1pt=2px,也就是说程序员拿到我们的px单位的标注稿,自己除以2就是pt了。
上一条———————
下一条———————
2022.08.28
2022.02.16
2021.08.02
2021.07.07
2021.05.23
2021.05.01
2021.04.29
2021.04.28
12年建站服务经验
服务本地16家政府单位
服务25家上市企业
常德市房地产信息网的技术顾问
经投城投的指定软件开发合作商
多项网站设计传播大奖
营销型网站建设专家
完备的项目流程管理体系
B2C电商网站建设供应商
网页设计与网站开发技术并重
作为一家集“创意+整合+营销”的互联网整合营销机构,我们在业内具有深远的设计影响力和良好的客户口碑。我们提供从前期的网站品牌分析策划、网站设计、创意表现、系统开发以及后续网站运营反馈建议等一系列服务,帮助企业打造创新的互联网品牌经营模式与有效的网络营销方法,创造更大的品牌势能!