我之前设计时按照iOS设计尺寸 iPhone7（750 x 1334px）@2x 来进行页面的设计，现在用 iPhoneXs（1125 x 2436px）@3x尺寸也是可行的。在iOS开发中iPhone 8 (7, 7, 6S, 6)，iPhone 8+ (8+, 7+, 6S+, 6+)，iPhone X，iPhone Xs是共用一套字体规范。在设计中按 iPhone7设计版尺寸（750 x 1334px）中适合的字体大小来定义。
中文字体：PingFang SC
英文字体：SF UI Text 、SF UI Display
其中SF UI Text适用与小于19pt的文字，SF UI Display适用于大于20pt的文字
苹果iOS12系统默认中文字体是华文细黑，英文字体是Myriad Pro。
第一类：STHeiti-Light.ttc和STHeiti-Medium.ttc代表的是中文字体，常用的方正黑体简体（不能商用）和微软雅黑（不能商用），也可以是冬青黑体简体（暂不详版权）和思源雅黑（免费）。
第二类：H_Helvetica.ttc和H_HelveticaNeue.ttc代表的是英文以及数字字体，常用的字体Helvetica
第三类：LockClock.ttf代表的是锁屏时间字体
中文字体：Mac下黑体、微软雅黑、华文黑体、方正黑体简体、思源雅黑、冬青黑体简体等（*看个人习惯，具体设计需求也可以是不常见字体）
英文字体：HelveticaNeue , Arial Bold(Regular)(具体设计需求也可以是不常见字体），在选用不常见字体要在后面切图中：相关的字体要有图片形式导出.png图片，以及如有需要要有文字的字体包，当然还有使用版权的许可。
应用图标 App Icon + icshow LOGO图标
如果是用PS做设计稿就用750*1334px，如果是用SKetch或者XD来设计，常见是用1倍尺寸来说，也就是375*667或者375*812（iPhone X）。
| 设备名称 | 屏幕尺寸 | PPI | Asset | 逻辑分辨率（point） | 物理分辨率（px） |
|---|---|---|---|---|---|
| iPhone XS MAX | 6.5 in | 458 | @3x | 414 x 896 | 1242 x 2688 |
| iPhone XS | 5.8 in | 458 | @3x | 375 x 812 | 1125 x 2436 |
| iPhone XR | 6.1 in | 326 | @2x | 414 x 896 | 828 x 1792 |
| iPhone X | 5.8 in | 458 | @3x | 375 x 812 | 1125 x 2436 |
| iPhone 8+ , 7+ , 6s+ , 6+ | 5.5 in | 401 | @3x | 414 x 736 | 1242 x 2208 |
| iPhone 8, 7, 6s, 6 | 4.7 in | 326 | @2x | 375 x 667 | 750 x 1334 |
| iPhone SE, 5, 5S, 5C | 4.0 in | 326 | @2x | 320 x 568 | 640 x 1136 |
| iPhone 4, 4S | 3.5 in | 326 | @2x | 320 x 480 | 640 x 960 |
| iPhone 1, 3G, 3GS | 3.5 in | 163 | @1x | 320 x 480 | 320 x 480 |
| iPad Pro 12.9 | 12.9 in | 264 | @2x | 1024 x 1366 | 2048 x 2732 |
| iPad Pro 10.5 | 10.5 in | 264 | @2x | 834 x 1112 | 1668 x 2224 |
| iPad Pro, iPad Air 2, Retina iPad | 9.7 in | 264 | @2x | 768 x 1024 | 1536 x 2048 |
| iPad Mini 4, iPad Mini 2 | 7.9 in | 326 | @2x | 768 x 1024 | 1536 x 2048 |
| iPad 1, 2 | 9.7 in | 132 | @1x | 768 x 1024 | 768 x 1024 |
包含iPhone X适配 [ 1125 x 2436px ]
之前设计时我按照iOS设计尺寸 iPhone7（750 x 1334px）来进行页面的设计还可以按iPhoneXs（1125 x 2436px）进行设计
下面的数值是开发环境一倍的PT标注值，UI设计师（郝朝迎）在进行PS设计时用1125*2436px尺寸要X3得到PX单位。
中文字体：Source Han Sans / Noto
英文字体：Roboto
安卓系统中，中文使用的是谷歌思源，英文使用的是Roboto。思源字体，是一种非衬线字体，Adobe称思源体为Source Han Sans,Google称思源体为Noto Sans CJK。
思源体包含7个自重，也就是7中不同粗细的字体。对于字体或许在设计过程中你会选用其他字体，但是需要注意你所用的字体是否利于用户阅读，是否舒服等问题。
| 元素 | 字重 | 字号 | 行距 | 字间距 |
|---|---|---|---|---|
| App bar | Medium | 20sp | - | - |
| Buttons | Medium | 15sp | - | 10 |
| Headline | Regular | 24sp | 34dp | 0 |
| Title | Medium | 21sp | - | 5 |
| Subheading | Regular | 17sp | 30dp | 10 |
| Body 1 | Regular | 15sp | 23dp | 10 |
| Body 2 | Bold | 15sp | 26dp | 10 |
| Caption | Regular | 13sp | - | 20 |
对于图标在规范上面有很多要注意的：图标大小，图标设计，图标切图规范
| 图标用途 | mdpi (160dpi) | hdpi (240dpi) | xhdpi (320dpi) | xxhdpi (480dpi) | xxxhdpi (640dpi) |
|---|---|---|---|---|---|
| 应用图标 | 48 x 48 px | 72 x 72 px | 96 x 96 px | 144 x 144 px | 192 x 192 px |
| 系统图标 | 24 x 24 px | 36 x 36 px | 48 x 48 px | 72 x 72 px | 196 x 196 px |
Android开发需要的设计交付物至少要有：高保真UI图，标注，切图
这是最后，也是最重要的一点，因为你所切的图是要交到程序员的手里的，他写的程序达不到你想要的效果可能就是他看不懂你给他的规范~
1. 切图尺寸必须为双数
2. 单像素的图会出现边缘模糊的情况
在安卓中，标注距离一般用dp，标注文字用sp，而知之间的换算关系为：
dpi =屏幕宽度（或高度）像素 / 屏幕宽度（或高度）英寸
1dp＝（屏幕ppi／160）px
| 名称 | 分辨率 px | dpi | 像素比 | 示例 dp | 对应像素 |
|---|---|---|---|---|---|
| xxxhdpi | 2160 x 3840 | 640 | 4.0 | 48dp | 192px |
| xxhdpi | 1080 x 1920 | 480 | 3.0 | 48dp | 144px |
| xhdpi | 720 x 1280 | 320 | 2.0 | 48dp | 96px |
| hdpi | 480 x 800 | 240 | 1.5 | 48dp | 72px |
| mdpi | 320 x 480 | 160 | 1.0 | 48dp | 48px |
APP产品经理、APP设计师、APP开发工程师，包括H5前端开发人员都可以记住的文件命名规范。
显示器分辨率。
网站首屏合理的大小–580px*768px
在Window XP常见分辨率1024×768px下我们除掉任务栏，浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是584px
在Window 7常见分辨率1440×900px下我们除掉任务栏，浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是716px
APP产品经理、APP设计师、APP开发工程师，包括H5前端开发人员都可以记住的文件命名规范。
个人觉得标识符命名原则，尽可能的用最少的字符而又能完整的表达标识符的含义（如：Navigation bar可以缩减成nav）。
1. 不要用拼音，尽量使用英文
2. 下划线 nav_right_back
3. 注意区分倍图@2x 和@3x 的后缀
Copyright © icshow.com.cnAll Rights Reserved. 2014-2022 苏ICP备15001395号
Copyright © icshow.com.cnAll Rights Reserved. 2014-2022
苏ICP备15001395号