
这个页面是优波设计(ubuuk.com)为iOS设计师打造的专属设计规范参考平台,聚焦苹果iOS生态的视觉与交互标准,整合了苹果官方《Human Interface Guidelines》的核心内容,帮设计师快速对接iOS原生设计逻辑,确保产品在iPhone、iPad等设备上的一致性体验。
一、核心内容模块
页面按设计流程拆解为基础规范、图标要求、设备适配、UI组件四大板块,信息结构化呈现,方便快速检索:
1. 基础设计规范:尺寸与字体
尺寸逻辑:明确“点(Point)”与“像素(Pixel)”的对应关系(如iPhone X的375×812点=1125×2436像素,@3x倍率),解决不同分辨率设备的适配痛点。
字体体系:
中文字体固定为「苹方(PingFang SC)」,英文字体分两类——「SF UI Text」(用于≤19pt的正文)、「SF UI Display」(用于≥20pt的标题/大文字)。
细化10类文本元素(Title、Headline、Body等)的字号、字重、行距、字间距(如Title 1为28pt Light,行距34pt);同时列出导航栏标题、标签栏按钮等常用组件的字体参数(如导航栏标题17pt Medium,字距0.5pt)。
2. 图标设计:应用图标+自定义图标
应用图标:按设备类型(iPhone/iPad)明确不同场景的尺寸要求——
iPhone X的应用图标为180×180px,App Store图标统一1024×1024px;
iPad Pro 12.9英寸的应用图标为167×167px,设置图标58×58px。
自定义图标:区分导航栏/工具栏(如iPhone 8+为66×66px)、标签栏(如iPhone 8+为75×75px,最大144×96px)的尺寸限制,确保图标在不同组件中清晰显示。
3. 设备适配:分辨率与屏幕参数
覆盖从iPhone 1到iPhone X、iPad全系列的设备参数,包括:
屏幕尺寸(如iPhone X为5.8英寸)、PPI(如iPhone X为458 PPI);
资产倍率(@1x/@2x/@3x)、竖屏点数(如iPhone 8为375×667点)、分辨率(如iPhone 8为750×1334像素)。
帮设计师精准匹配不同设备的屏幕特性,避免适配误差。
4. UI组件:原生组件的布局指南
针对iOS核心UI组件,提供可视化布局规范(配示意图),包括:
状态栏、导航栏、搜索栏的高度与元素间距;
标签栏、列表视图的item尺寸;
弹出框(Modals)、提示框(Alerts)的文字排版;
分段控件(Segment Controls)、滑动条(Sliders)、切换按钮(Switch)的交互尺寸。
每个组件都对应原生iOS的视觉标准,确保设计还原度。
二、实用价值
页面通过表格+示意图的形式,把苹果官方的抽象规范转化为“可直接复用的设计参数”,同时提供苹果官方规范的跳转链接,方便设计师深入查阅。无论是新手入门iOS设计,还是资深设计师快速核对参数,都是高效的参考工具。
整体而言,这个页面是iOS设计师的“口袋工具书”——无需翻阅厚文档,就能快速获取iOS设计的核心规则,确保产品符合苹果生态的用户体验要求。
相关导航


Design – Apple Developer
