菜单导航

Ctrl+D 收藏本站以免丢失

📱 多媒体设计尺寸

社交媒体图片与视频规范

主流社交媒体的封面、内容图片和视频尺寸要求(2025年最新)

平台 封面/头像 内容图片 内容视频 特别注意事项
小红书
建议方形或3:4竖图
1242x1656px (3:4)
1080x1080px (1:1)
1080x1920px (9:16)
平台算法可能对不同比例的曝光有影响
微信公众号
900x383px (推荐)
200x200px (小图)
宽度1200px左右
1920x1080px (16:9)
1080x1920px (9:16)
视频封面图尺寸同文章封面图
抖音
600x600px (1:1)
建议9:16竖图
1080x1920px (9:16)
使用其他比例会被自动添加黑边或裁剪
快手
建议1:1方形
建议9:16竖图
1080x1920px (9:16)
竖屏原生内容通常能获得更好的算法推荐
Instagram
180x180px
1080x1080px (1:1)
1080x1350px (4:5)
Feed视频:1:1或4:5
Story:1080x1920px
内容需适应方形和竖屏两种预览
TikTok
参考抖音快手
平台核心为视频
1080x1920px (9:16)
沉浸式竖屏视频的标杆平台
YouTube
800x800px
1280x720px (16:9)
1920x1080px (16:9)
1080x1920px (9:16)
横屏与竖屏内容生态并存

通用文件与格式建议

文件大小建议

  • 用于网络的单张图片建议控制在 500KB以下
  • 最大不超过 2MB

文件格式建议

  • 照片用 JPG
  • 需透明背景用 PNG
  • Logo、图标等矢量图形优先使用 SVG

提示: 点击表格中的任何尺寸标签可以一键复制到剪贴板

💻 UI设计尺寸

iOS/Android/Web界面设计规范

移动端与桌面端界面设计的逻辑分辨率、单位和设计要点

iOS与安卓移动端

现代UI设计更看重逻辑分辨率适配原则,而非为每个机型单独设计。

设计平台 建议基准画布 (逻辑分辨率) 设计要点与单位
iOS
390x844pt (iPhone 12-14标准版)
393x852pt (iPhone 14 Pro/15)
pt(点) 为单位设计。状态栏高度通常在 44pt左右
Android
412x958dp
360x640dp (经典基准)
dp(密度无关像素) 为单位设计。状态栏高度约 24-32dp

最小触控区域

  • iOS: 44x44pt
  • Android: 48x48dp

栅格与间距

建议使用 8的倍数 作为基础间距单位(如8, 16, 24)。

字体大小

正文常用 14-16sp/pt,确保可读性。

PC端与响应式网页

设备类型 常用设计宽度 设计原则与备注
桌面端网页
1440px (主流)
1920px (全屏Banner页)
设计时应考虑响应式断点。内容区(版心)常固定为 1200px
平板电脑
768px - 1024px (纵向)
属于移动端和桌面端之间的过渡尺寸。
折叠屏手机
905x680px (参考尺寸)
内屏展开状态复杂,需专门考虑界面布局在屏幕展开与折叠时的变化。

重要: 严格区分"设计稿尺寸"和"输出切图"。设计时使用逻辑尺寸(pt/dp),输出切图则需要根据不同设备的倍率(@1x, @2x, @3x)提供不同像素尺寸的图片。

💡 核心建议与注意事项

跨平台设计通用指南

设计尺寸的核心原则和通用注意事项

多媒体设计

优先考虑"用户体验"与"算法偏好"。例如,抖音、TikTok的9:16竖屏能带来沉浸感,可能获得更多流量。微信公众号的封面图若不符合2.35:1比例,在信息流中可能显示不全。

UI设计

严格区分"设计稿尺寸"和"输出切图"。设计时使用逻辑尺寸(pt/dp),输出切图则需要根据不同设备的倍率(@1x, @2x, @3x)提供不同像素尺寸的图片。确保最小触控区域满足可操作性要求。

平面设计

务必与印刷厂提前沟通。确认最终成品尺寸、出血位、色彩模式(CMYK)和文件分辨率(通常300DPI)。不同的印刷工艺和纸张材质会影响最终效果。

设计尺寸更新原则

平台优先: 设计前先了解目标平台的最新官方文档,尺寸规范会随平台更新而变化

设备适配: 随着折叠屏、多屏设备普及,设计需考虑更多样的屏幕形态和比例

性能平衡: 在确保视觉质量的前提下,优化文件大小以提升加载速度和用户体验

测试验证: 设计完成后务必在实际设备和平台上进行测试,确保显示效果符合预期

设计是科学与艺术的结合 - 在遵循规范的同时,也要发挥创意,创造卓越的用户体验