首页 › 前端工具 › UI尺寸规范
UI

UI尺寸规范查询

常用 UI 设计尺寸规范,涵盖屏幕/栅格/间距/字体/触摸五大分类

功能常用 UI 设计尺寸规范
分类屏幕 / 栅格 / 间距 / 字体 / 触摸
平台iOS / Android / Web
操作搜索过滤 / 点击复制
尺寸规范列表 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 避免误触。

使用方法:通过搜索框输入关键词过滤,或点击分类按钮筛选。点击任意行的尺寸值即可复制到剪贴板,方便直接粘贴使用。

前端工具