五、移动设计

一、移动视觉规范

• IOS
  • iPhone1-3: 320 * 480 3.5英寸 1@X
  • iPhone4、4S：640 * 960 3.5英寸 2@X
  • iPhone5、5S、SE：640 * 1136 4.0英寸 2@X
  • iPhone6、6S、7、8：750*1334 4.7英寸 2@X (开发尺寸)
  • iPhone6P、6SP、7P、8P：1080 * 1920(宣传尺寸) 2208 * 1242(真实尺寸) 2001 * 1125(开发尺寸) 5.0英寸 3@X
  • iPhoneX: 1125 * 2436 5.8英寸 3@X
• 安卓
  • 720 * 1280 开发尺寸 1.5@X
  • 1080 * 1920 真实尺寸
• 内部分区
  • 状态栏：40px
  • 导航栏：88px
  • 标签栏：98px
• 设计趋势
  • 大而简、简而精
    • 内容：功能
    • 留白：构图
    • 颜色：色彩搭配
    • 字体：标题正文
    • 界面元素：活跃界面，分割线、icon、图片、背景等