UI尺寸规范查询
常用 UI 设计尺寸规范,涵盖屏幕/栅格/间距/字体/触摸五大分类
尺寸规范列表
0 条记录
| 分类 | 名称 | 平台 | 尺寸值 | 说明 | 操作 |
|---|
总记录数0 条
当前显示0 条
分类数5 类
屏幕尺寸0 条
字体规范0 条
UI 尺寸规范说明
本工具汇总了 UI 设计中常用的尺寸规范,涵盖屏幕尺寸、栅格系统、间距规范、字体大小和触摸区域五大分类,包含 iOS、Android、Web 三大平台的标准数值,方便设计师和开发者快速查阅参考。
屏幕尺寸:汇总主流设备的分辨率和逻辑像素。iOS 以 pt 为逻辑单位,Android 以 dp 为逻辑单位,Web 以 px 为单位。设计稿通常基于 375pt(iPhone)或 360dp(Android)宽度制作。
栅格系统:Web 端常用 12 列栅格,列间距 16-30px。响应式断点:移动端 <768px、平板 768-1024px、桌面 >1024px。最大内容宽度一般 1200px 或 1440px。
间距规范:采用 8pt 网格系统(8 的倍数),常用间距 4、8、12、16、24、32、48、64px。iOS 使用 8pt 基准,Material Design 使用 4dp 基准。
字体大小:iOS 正文 17pt、标题 28-34pt;Android 正文 14sp、标题 20-24sp;Web 正文 14-16px、标题 24-32px。行高通常为字号的 1.4-1.6 倍。
触摸区域:Apple HIG 建议最小触摸目标 44×44pt,Material Design 建议 48×48dp,Web 建议 44×44px。按钮间距至少 8px 避免误触。
使用方法:通过搜索框输入关键词过滤,或点击分类按钮筛选。点击任意行的尺寸值即可复制到剪贴板,方便直接粘贴使用。