H5 视觉设计尺寸说明

发表于 更新于 分类于 ， 阅读次数： 本文字数： 257 阅读时长 ≈ 1 分钟

以手机微信浏览器作为H5主容器进行视觉设计

设计稿总尺寸(或画布尺寸): 750 x 1500

  • 用于兼容不同手机屏幕边缘区域，确保不会露白
  • 上下边缘各有 200 高度为背景填充区域

核心区域为 750 x 1100

  • 核心区域里的内容确保在所有手机屏幕上完整显示
  • 所有核心画面、交互按钮、文字务必在此区域中

最佳展示区域 750 x 1206

  • 目前iphone6/7/8仍然是用户量最大的机型，设计时应当以该尺寸作为最佳的显示尺寸

其他

  • 视觉设计软件: PS, AI, …
  • 单位: px
  • PPI: 72
  • 色彩模式: RGB(sRGB)
  • 字体大小不小于24px