**【课程导读】掌握 iOS 设计规范,打造原生体验的移动端 APP**

在移动互联网时代,iOS 系统凭借其流畅的交互逻辑与统一的视觉语言,占据了高端市场的重要份额。对于 UI/UX 设计师而言,深入理解并熟练掌握 Apple 官方设计规范,不仅是进入大厂面试的敲门砖,更是提升产品用户体验的核心竞争力。本课程《移动端iOS系统规范 APP界面设计》专为希望从零构建 iOS 设计能力的学员打造,通过理论解析与实战案例相结合的方式,带你全面解锁 iOS 界面设计的底层逻辑。

**为什么要学习 iOS 设计?**
iOS 用户习惯高度统一,对“原生感”有着严苛的要求。一个违背系统规范的设计,即便视觉再精美,也会让用户感到突兀甚至产生操作障碍。本课程摒弃了单纯的素材堆砌,转而深入探究 HIG(Human Interface Guidelines)的核心原则,帮助你建立正确的设计思维,确保作品既符合审美趋势,又契合苹果官方的交互标准。

**课程内容深度解析**
课程结构严谨,层层递进,共分为规范详解、模板应用、案例实战三大模块:

首先,在**规范基础篇**中,讲师详细拆解了 iOS 系统的核心设计要素。从第1-1至1-2节,课程系统讲解了 iOS APP 界面的整体规范,包括导航栏、标签栏及状态栏的标准用法;第1-8节聚焦于常用控件(如按钮、开关、输入框)的交互细节;第1-9节则厘清了设计中极易混淆的尺寸单位,如 Points 与 Pixels 的关系,以及响应式布局的适配策略。这些基础知识点是确保设计稿准确落地的基石。

其次,在**资源与模板篇**中,课程提供了实用的工作流工具。第1-3至1-4节展示了高质量的 UI 模板与原型图资源,帮助学员快速搭建页面框架,节省重复劳动的时间,将精力集中在核心交互与视觉创新上。

最后,在**案例实战篇**中,课程以“新闻客户端”为具体项目,贯穿设计全流程。从第1-5节的宏观概述,到第1-6节的图标设计、启动页(Launch Screen)与引导页(Onboarding)的美学规范,再到第1-7节的原型图绘制,完整还原了一个真实商业项目从构思到成品的过程。这种“学以致用”的模式,能让学员直观看到规范如何应用于实际场景。

**适合人群**
本课程适合 UI 设计初学者、希望转型移动端的设计师,以及需要规范现有产品的在职设计师。无论你是否具备代码基础,只要你对打造极致移动端体验感兴趣,这门课都将为你提供一套系统化、可落地的解决方案。

通过本课程的学习,你将不再局限于模仿界面,而是真正理解 iOS 设计背后的“为什么”,从而自信地创作出专业、规范且富有吸引力的移动端 APP 界面。

课程目录

1-1 [移动端苹果iOS系统] 移动端苹果iOS系统APP界面规范1 (32:37)
1-2 [移动端苹果iOS系统] 移动端苹果iOS系统APP界面规范2 (23:17)
1-3 [移动端苹果iOS系统] iOS系统手机APP UI模板原型图 (36:53)
1-4 [移动端苹果iOS系统] iOS系统手机APP UI模板 (11:08)
1-5 [移动端苹果iOS系统] iOS系统案例-新闻客户端概述 (19:10)
1-6 [移动端苹果iOS系统] iOS系统案例-图标&启动页&引导页讲解 (34:27)
1-7 [移动端苹果iOS系统] iOS系统案例-原型图-启动页&引导页 (13:06)
1-8 [移动端苹果iOS系统] iOS系统控件 (17:14)
1-9 [移动端苹果iOS系统] APP涉及的单位讲解 (23:32)
1-10 [移动端苹果iOS系统] iOS系统案例-原型图-状态栏&导航栏 (19:58)
1-11 [移动端苹果iOS系统] iOS系统案例-原型图-看新闻banner (13:02)
1-12 [移动端苹果iOS系统] iOS系统案例-原型图-看新闻列表 (20:46)
1-13 [移动端苹果iOS系统] iOS系统案例-原型图-新闻详情页 (19:47)
1-14 [移动端苹果iOS系统] iOS系统案例-原型图-图片主页 (08:11)
1-15 [移动端苹果iOS系统] iOS系统案例-原型图-图片详情 (10:13)
1-16 [移动端苹果iOS系统] iOS系统案例-原型图-我的 (08:08)
1-17 [移动端苹果iOS系统] iOS系统案例-效果图-启动页&引导页 (19:51)
1-18 [移动端苹果iOS系统] iOS系统案例-效果图-新闻首页-状态栏&导航栏 (19:30)
1-19 [移动端苹果iOS系统] iOS系统案例-效果图-新闻首页-新闻列表 (21:39)
1-20 [移动端苹果iOS系统] iOS系统案例-效果图-新闻正文 (26:17)
1-21 [移动端苹果iOS系统] iOS系统案例-效果图-看图片 (13:47)
1-22 [移动端苹果iOS系统] iOS系统案例-效果图-看图片详情页 (21:29)
1-23 [移动端苹果iOS系统] iOS系统案例-效果图-我的 (31:31)
1-24 [移动端苹果iOS系统] iOS系统案例-iOS切图 (10:32)