飞豹客 · 课能看,资料也能带走
飞豹客体系课

移动端iOS系统规范 APP界面设计

这门课解决什么工作场景与基础门槛 很多刚转行做界面设计的人,画出的图总被前端开发打回返工,问题往往不在视觉好不好看,而在于尺寸间距不合规、控件状态混乱。这门课针对的就是这个痛点:它不是教你画炫酷视觉,而是讲清楚在苹果生态里,一个按钮该多大、列表行高该多少、导航栏在不同层级怎么处理。如果你日常需要对接

单课价¥39.00新品 上架
会员价¥19.50开通会员,全站课程按会员价下载套餐详情
0 人关注 更新于 2026-10-21 永久有效
发货

网盘链接 · 支付成功后自动发货

保障

永久有效 · 链接失效免费补发

客服

每日 9:00-21:00 在线客服 联系客服

购买本课销量 0 · 永久有效
会员价 · 单课标价 ¥39.00

会员 · 按档位

永久¥19.505折
年¥23.406折
月¥27.307折

游客按标价购买,不享受上表折扣。

支付成功后自动发放网盘链接,链接失效可找客服免费补

正版保障 极速发货 售后无忧

这门课解决什么工作场景与基础门槛

很多刚转行做界面设计的人,画出的图总被前端开发打回返工,问题往往不在视觉好不好看,而在于尺寸间距不合规、控件状态混乱。这门课针对的就是这个痛点:它不是教你画炫酷视觉,而是讲清楚在苹果生态里,一个按钮该多大、列表行高该多少、导航栏在不同层级怎么处理。如果你日常需要对接移动端开发,或者想转行做界面设计,这套规范知识是绕不开的地基。课程前段先把系统级规则讲透,后段直接拿新闻客户端做案例,从启动页、引导页到原型图走一遍完整流程,等于把规范落到真实项目里验证一遍。这门内容适合已经会用设计软件基本操作、但没正经做过移动端项目的人。零基础也能跟,但你需要自己先熟悉软件工具栏,否则讲到控件绘制时容易卡壳。如果连画板和图层都不熟,建议先补软件基础再来看。

建议先看哪几块与资料怎么配合练习

拿到资料后别从头按顺序看,建议先看系统规范和单位讲解这两块,把分辨率、逻辑像素、安全区域这些概念彻底吃透,再进入控件部分。控件那节信息密度很高,最好边看边在自己的画板里复刻一遍,光看不练容易看完就忘。案例部分要当成实战来做:先暂停视频,自己按规范搭一版原型图,再和课程里的模板对照,找出自己漏掉的细节。资料里的模板文件别只当参考图看,直接拆开研究它的图层命名和间距数值,比单纯听课更管用。整个学习过程中,规范是死的,怎么在真实页面里灵活用才是活的,跟着案例从零搭一版完整原型,比反复看视频有效得多。

学完能独立做什么产出

完整过完这套内容后,你应该能独立产出一套符合苹果规范的界面设计稿。具体来说,拿到一个产品需求,你能自己规划信息层级,用标准控件搭出合理的原型,输出尺寸正确的切图和标注。课程没涉及动效和复杂交互逻辑,但静态交付物这块你能做到规范且专业。对转行的人来说,跑通一次完整流程,作品集里就有了一个能拿得出手的完整案例,而不是一堆零散的视觉练习稿。这套内容不会让你立刻成为高级设计师,但能帮你跨过新手最容易踩坑的规范门槛,后续做其他平台也能举一反三。

课程目录

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