用心做设计的大神都在关注老姜尺寸
|
|
|
|
|
|
|
- 设计尺寸
- • PhotoShop：750 x 1334 px (144ppi)
- • Sketch 或 Adobe XD：375 x 667 pt
- • 切图输出：@2x、@3x
- 尺寸建议（iPhone6/7/8）
- • 状态栏高度20pt(40px)
- • 导航栏44pt(88px)、导航标题字号建议17pt(34px)、导航栏图标建议22pt(44px)
- • Tab栏49pt(98px)、Tab栏图标建议30pt(60px)、Tab栏图标注释文字11pt(22px)、左右安全距离建议12pt(24px)
- • 字号从10pt（20px）到34pt（68px）均可，要视具体情况决定
- iTunes 截图尺寸
- • 需提供1242 x 2688 px和1125 x 2436 px两套截图，可做一些设计
- 实时预览工具
- • Design Mirror：可实时预览Photoshop、XD等设计稿
- • Adobe XD：可实时预览XD画板
- • Sketch Mirror：可实时预览Sketch画板
- 适配说明
- • 使用矢量界面工具那么只需要调整设计稿头和尾巴即可，如果使用Photoshop的设计师需要放大缩小设计稿然后调整头和尾巴可以得到新版设计稿。而切图其实和之前没有变化，不管用什么工具设计还是得出两套切图：@2x（750x1334px）、@3x（1242x2208px）即可。
IOS16-ICON模板下载 图标尺寸
- 启动图标
- • 点击下载官方规范文件.psd ，用准备好的1240px启动图标替换智能对象里的内容，保存后把背景隐藏，切出不同尺寸图标即可。
- 导航栏
- • 图标作为文字的补充，在移动端中应用非常广泛。在导航栏区域上的功能诸如搜索、添加、更多、返回等均需要用图标来表达。说明：@2x和@3x在逻辑像素单位是一样的，如果您使用如Sketch、Adobe XD等矢量工具设计，可以参照逻辑像素数值设计即可。但是如果您用Photoshop工具以iPhone6/7/8尺寸进行设计，就需按照@2x下的px单位数值设计。
- 标签栏
- • 我们在标签栏上的图标一般来说30pt（60px）大小左右，苹果给出了四种不同形状标签栏图标的尺寸参考供大家设计时考虑。其意义是让不同外形的图标看上去是差不多大的，保证图标的平衡。标签栏图标的选中态应该是一个彩色，来区别于非选中状态。
- 工具栏
- • 我们在苹果自带浏览器底部就能看到工具栏。工具栏提供了和当前任务相关的操作和按钮，在滑动时可以收起。工具栏同Tab栏一样都是位于底部，但是高度略窄，它的高度是44pt（88px）。
- • 由于闪屏是一张完整的静态满屏图片，而不是诸如其他页面一样是由切图和文本拼成的，所以闪屏的适配更简单粗暴：我们需要提供不同尺寸的闪屏效果。闪屏资源就是满尺寸的一张png，上端不需要状态栏里的信息，程序会在开发完毕时自动在闪屏中补上状态栏里的信息。我们需要提供的闪屏尺寸有：
- IOS字体
- • 英文：San Francisco Pro (下载地址：https://developer.apple.com/fonts)
- • 中文：苹方黑体/PingFang SC ( CSS：font-family：PingFangSC )
- • 下方是APP的字体建议（基于@2x）
闪屏资源
字体尺寸
你正在和 1,798,000+ 人一起为更标准的设计而努力, 老姜尺寸最权威的设计尺寸标准分享网站
微信支持
随意打赏，用于升级服务器