APP

常见的手机屏幕分辨率

Android：

              480*800
              540*960
              720*1280      2倍
              800*1280      2倍
              1080*1920     3倍
              高清屏

IOS：

       iPhone4：540*960                 1倍
       iPhone5：640*1136                2倍
       iPhone6/iPhone7：750*1334        设计稿       2倍
       iPhone6+/iPhone7+：1920*1080 
                          2208*1242     切图稿       3倍
       iPhoneX：2436*1125                3倍

这些尺寸的比例：多数都是16/9（最适合人眼的一个比例），以前的屏幕会有4/3
国内的全面屏 18/9

注意：选择2倍屏幕做设计稿

APP的注意事项

• 标题文字：
  中文： 方正黑体简体，冬青黑体，苹方
  大小：32-40，必须是偶数 32 34 36 38 40（设计稿是2倍的，切图时会有1倍跟三倍）
  副标题文字：方正中等线简体

• 间距：
  苹果里，间距20px
  android里，间距是8的倍数

• 顶部操作栏图标：
  外形轮廓44-44，里边图标保证偶数
  考虑手机端的可点击范围不能太小，否则不好点

• 设计比例：
  16:9
  4:3
  黄金分割比 0.618
  菲波那切数列：1 1 2 3 5 8
  10:2

• 切图：
  步骤：选择 切片选择工具 ，alt + ctrl + shift + S 存储为web格式，下一步如下图：
  设置预设
  
  设置图像大小
  
  保存切图
  
  IOS切图保存3份

命名规则为：
3倍  name@3x.png
2倍  name@2x.png
1倍  name.png

 注意：Android 切图切3倍的就可以

• 色板的替换：

打开AI->打开色板面板->点击面板右侧的倒小三角->选择 其他库
->
选择 打开色板库->选择要添加的色板文件（.ase）->打开->OK，结束

打开PS->打开色板面板->点击面板右侧的倒小三角->选择 替换色板
->
选择要添加的色板文件（.aco）->载入->OK，结束

• 色相环：
  形成对比： 色相环上180 （正对）互补色
  容易调和： 色相环上挨着的颜色叫 邻近色， 颜色比较接近
  分裂互补： 三角形的顶点（如下图）
  
• 其它:
  从IOS7开始，电池电量条的背景色是透明的，压到顶部操作栏上，颜色与顶部操作栏一致
  android5.0， md 规定，电池电量条也是压住顶部操作栏（沉浸式状态栏），但是半透明的