在 UI 设计交付与团队协作中，统一规范是保证界面质量、提升效率、降低沟通成本的核心基础。兰亭妙微设计结合多年项目沉淀，把日常高频使用的设备尺寸、图标输出、字体、单位、命名、设计原则、交互准则完整整理，形成可直接落地的设计规范手册，方便团队随时查阅、复用。
一、iPhone 界面尺寸规范
兰亭妙微常用主流机型基准（@2x/@3x）
-
iPhone 6/7/8（常用）
分辨率：750×1334px
状态栏：40px
导航栏：88px
标签栏：98px
-
iPhone X/XS/11 Pro（常用）
分辨率：1125×2436px
状态栏：132px
导航栏：132px
标签栏：147px
-
iPhone 6P/7P/8P
分辨率：1242×2208px
状态栏：60px
导航栏：132px
标签栏：147px
-
iPhone 5/5S
分辨率：640×1136px
状态栏：40px
导航栏：88px
标签栏：98px
iPhone 应用图标输出尺寸
1024×1024px、180×180px、120×120px、87×87px、80×80px、60×60px、58×58px、40×40px、29×29px
二、Android 界面尺寸规范
主流适配基准（兰亭妙微项目常用）
-
Android 5（1080×1920，常用）
状态栏：75px
导航栏：144px
标签栏：144px
-
Android 4（720×1280，常用）
状态栏：50px
导航栏：96px
标签栏：96px
-
Android 6（1140×2560）
状态栏：100px
导航栏：192px
标签栏：192px
-
Android 3/2/1（低适配机型）
状态栏统一：40px
导航栏统一：88px
标签栏统一：98px
Android 应用图标输出尺寸
192×192px、144×144px、96×96px、72×72px、48×48px
三、iPad 界面尺寸规范
-
iPad 3/4/Air/mini2（高分）
分辨率：2048×1536px
PPI：264
状态栏：40px
导航栏：88px
标签栏：98px
-
iPad Mini / 1/2
分辨率：1024×768px
PPI：163/132
状态栏：20px
导航栏：44px
标签栏：49px
iPad 应用图标输出尺寸
167×167px、152×152px、76×76px
四、界面字体规范（兰亭妙微统一标准）
iOS 字体
- 中文：苹方
- 英文 / 数字：San Francisco Pro
- 导航栏：32–36px
- 标签栏：20px
- 正文内容：2–6px 阶梯递进（保证层级清晰）
Android 字体
- 5.x 以上：思源黑体 / Noto Sans Han
- 5.0 以下：Droid Sans Fallback
- 英文 / 数字：Roboto
五、单位概念（设计师必须懂）
-
PX（像素）
固定像素，不同设备显示大小不同，小屏显大、大屏显小，设计稿常用单位。
-
PT（点）
苹果标准长度单位，1pt=1/72 英寸，用于 iOS 开发与印刷。
-
DP/DIP
安卓专用，与屏幕密度无关，保证不同设备显示效果一致。
-
SP
安卓字体专用，可随系统字体大小缩放，保证可读性。
兰亭妙微交付标准：iOS 用 PT，Android 用 DP/SP。
六、文件与控件命名规范
通用命名（团队统一）
- 头部：header
- 登录：login
- 注册：register
- 导航栏：nav
- 标签栏：tab
- 内容：content
- 底部：footer
- 按钮：button
- 图标：icon
- 图片：img
- 标题：title
- 搜索：search
- 返回：back
- 弹窗：pop
- 提示：msg
- 背景：background
- 广告：banner
- 左 / 中 / 右：left/center/right
控件前缀规范
- 复选框：chk
- 组合框：cbo
- 列表框：lst
- 菜单：mun
- 文本框：txt
- 按钮：cmd
- 组按钮：gpd
- 线条：lin
- 水平滚动条：hsb
- 面板：pnl
七、界面设计八大统一原则（兰亭妙微执行标准）
-
色彩统一
主色、辅助色、点缀色固定，字体色、模块色、场景色严格统一。
-
大小统一
同页面相同元素大小一致；跨页面同属性控件大小一致。
-
字体统一
全产品字族统一，同级文字大小、颜色、字重统一。
-
间距统一
页面边距、模块间距、元素内间距全局统一。
-
-
-
-
格调统一
产品气质一致：电商热闹、工具简洁、阅读文艺、金融稳重。
八、三大设计准则
- 依从
界面帮助用户理解内容、降低操作成本。
- 清晰
文字易读、图标表意准确、装饰适度、功能优先。
- 纵深
视觉分层 + 合理动效，提升活力与理解成本。
九、交互三大准则
1. 可用
- 适时反馈，操作有回应
- 逻辑通顺，流程合理
- 可撤销，强提示，高容错
2. 易用
- 砍掉非必要交互步骤
- 多用选择，少用填写
- 降低学习成本，符合用户习惯
3. 好用
- 预判用户操作，主动提供便利
- 适度趣味，提升愉悦感
- 适配多场景，多设备兼容
十、兰亭妙微设计总结
规范不是限制，而是让设计更高效、更统一、更专业。
坚持
交互体验为首，视觉体验其次，做到界面友好、图标清晰、体验一致，才能做出经得起用户与时间检验的优质 UI 作品。
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
