IOS设计尺寸与标准1幻灯片.pptx

移动设计尺寸标准概念:DPI PPIPPI: 每英寸的大小内所含的像素的密度。DPI: 每英寸包含的点的密度。 PPI= DPI 72PPI通用Web设计标准 300DPI通用打印标准。更高的DPI/PPI给设计师更多空间展示精彩细节换算关系例如，Mac影院设备的尺寸是23.5寸，总共有约2560个像素。 那么PPI是109。PPI并不是实际尺寸，它只影响你使用PS设计时候对大小的感知。以及肉眼能感受到的细腻程度。 23.5英寸RetinaRetina 屏所包含的像素是普通屏幕(Non Retina)的二倍，苹果自定的高清显示屏名称。6+特殊处理，实际产品没有到达3倍率。X真正达到3倍率iPhone 物理尺寸 IOS设计尺寸二倍率:750x1624IOS切图资源命名PS Action插件，可以按倍率导出某些图标Android屏幕精度对比基本上LDPI已经不存在了，市面上最常见的以XHDPI以上为主。因此设计时以xhdpi为模板，1dp=2px. 在标注长度时，将现有的px的值除以2，就能够得到1dp的值，再给开发进行标注。(dp是开发写layout的时候使用的尺寸单位)安卓设计方案Android有7种不同的DPI，你需要关注其中的4个：mdpi, hdpi, xhdpi, xxhdpi.MDPI是基础的DPI或者1x像素比720*1280 即xhdpi?相对于hdpi是2倍。同等于ios 苹果6的切图的2倍图是可以通用的Android使用dp代替pt当作参数规格，但是他们是一样的。请咨询开发习惯。安卓单位DP、SP与PT换算关系DP/DIP: Device Independent Point.与设备屏幕有关，72分辨率下，1dp=1pt（dp是Android专用尺寸单位）SP: Scale-independent pixels 用来处理文字的放大缩小 (Android开发用的字体大小单位)x2x3Android 切图资源命名基本上LDPI已经不存在了, 常见的有MDPI，XDPI，XHDPI，XXHDPI建议从100%的MDPI开始做设计，这样可以通过分辨率调整来适配到其他模式。文件的路径位置可以为:- drawable-mdpi/asset.png 1x- drawable-xhdpi/asset.png 2x- drawable-xxhdpi/asset.png 3xetc...IOS尺寸IOS 8px准则由于IOS技术开发是以320*480为标准开发的，所以设定8px尺寸为1，作为计算各种尺寸的比例的基准。以8px为标准，各个尺寸乘以4时，各个尺寸下都能保证满足证书，保证显示时不会模糊.以8px作为标准来设计，可以让一套设计满足大部分的机型。布局控件标准iPhone X:都x1.5倍23.5英寸iPhone X: 1124x2436 iPhone 6: 1334x7502x下设计的标准示例例如，Mac影院设备的尺寸是23.5寸，总共有约250个像素。 那么PPI是109。PPI并不是实际尺寸，它只影响你使用PS设计时候对大小的感知。以及肉眼能感受到的细腻程度。 23.5英寸字体规范 ： Helvertica , Pingfang23.5英寸文字搭配规则23.5英寸文字案例23.5英寸23.5英寸按钮文字，带头像的搭配文字，内标题文字，小标题和提示文字搭配23.5英寸IOS图标设计桌面App图标内容区域最大不能超过大圆区域，内院外圆比例是黄金比例23.5英寸布局标准512*512 内容区域不超过最大圆23.5英寸系统内图标设计规范中圆与大圆接近黄金比，中圆与小圆比例也接近黄金比。下图是最佳设计的比例栅格示例23.5英寸图标视觉的一致性视觉比例保持一致的栅格范例：1. 图标是圆形： 可撑满整个栅格。2. 图标是方形: 视觉张力大，因此适当缩小面积3. 图标是竖长型： 上下撑满栅格，左右留间距。4. 图标是横长型：上下留间距，左右撑满栅格。间距柑橘视觉比例调整。23.5英寸 图标范例例如，Mac影院设备的尺寸是23.5寸，总共有约250个像素。 那么PPI是109。PPI并不是实际尺寸，它只影响你使用PS设计时候对大小的感知。以及肉眼能感受到的细腻程度。 23.5英寸 图标范例23.5英寸标准化的目的帮助设计团队提高设计质量，减低沟通成本，统一设计标准和工作方法。支持模块化设计，加快产品迭代的生产。高效设计，让内容更容易阅读，保持专注和流程的简约。帮助用户快速认知，快速记忆降低学习成本。易用情感化设计的体现和产品品牌的传播。Thank you