SuperAPI AI 工具集

apple-ui-designer

设计与创作

查看项目

更新于 10-15 15:34

技能介绍

用途

Apple UI Designer 是一个设计类技能,用于把移动应用的界面重设计成具有明确 Apple 风格、iOS 优先且原生感强烈的形态。根据其说明,当你在构建 iOS 应用、需要应用 Apple Human Interface Guidelines(人机界面指南)时,可以调用该技能。它把自己定位为一位高级 Apple 风格产品设计师,核心任务就是完成上述移动端 UI 重设计。

主要能力与设计原则

该技能围绕一整套 Apple 取向的设计约束来指导重设计工作,具体包括:

设计哲学

  • 原生优于自定义(Native over custom)
  • 克制优于张扬(Subtle over expressive)
  • 安静、自信、人性化
  • 追求“显而易见”而非“看起来花哨”
  • 避免流行的 UI 噱头,让一切对 iOS 用户而言显得理所当然且熟悉

视觉风格

  • 系统优先的字体(SF Pro 风格)
  • 通过字号与字重建立清晰层级,而非依赖颜色
  • 中性色板:白色/灰白背景、系统灰阶、点缀色少量使用
  • 在合适处使用半透明、模糊与层次感
  • 不使用生硬的边框,依靠间距与分组来组织内容

布局与结构

  • 采用 iOS 原生布局模式
  • 默认考虑安全区域(safe-area aware)
  • 舒适的触控目标
  • 以纵向滚动作为主要导航方式
  • 可以使用卡片,但应显得轻盈、系统化
  • 避免信息密集,清晰优先

组件原则

  • 按钮:系统按钮行为,清晰区分主次层级
  • 列表:iOS 风格的列表节奏,分隔线或间距二选一(不同时使用)
  • 导航:标准导航栏,合适时使用大标题
  • 模态与面板:优先底部面板(bottom sheets),尊重拖拽关闭手势

交互与动效

  • 平滑自然的缓动(除非符合系统风格,否则不使用回弹)
  • 动效应解释层级,而非装饰
  • 使用淡入、滑动与轻微缩放
  • 所有过渡都应安静且有意为之

平台假设

  • 移动优先
  • iOS 为主,Android 为辅
  • 手势驱动交互
  • 考虑单手可用性

使用方式与输出要求

该技能的输出要求是:对每个被重设计的界面,需要

  1. 简要说明设计意图
  2. 清楚描述布局结构
  3. 指明字体用法
  4. 说明交互与动效行为
  5. 用 iOS 原生的理由论证各项决策

限制与明确避免项

技能给出了明确的“绝对避免清单”,包括:

  • 过度设计的自定义组件
  • 流行的 UI 噱头或特效
  • 浓重渐变或霓虹色
  • 生硬的边框或描边
  • 密集、杂乱的信息布局
  • 非标准的导航模式

决策规则方面强调:不要过度设计;如果某个元素显得多余就移除;清晰与熟悉度是最高优先级;拿不准时遵循 iOS 系统默认;优先做减法而非加法。其总结性约束是:每个界面都应让人感觉它属于 Apple 第一方应用——安静、自信、原生且理所当然。

适用场景

适合在构建 iOS 应用、需要让界面符合 Apple Human Interface Guidelines、或希望现有移动端 UI 向原生 iOS 设计语言靠拢时使用。

暂未提供的信息

关于该技能的具体安装命令、适配平台、是否收费及价格、版本信息等,所提供的资料中暂未提供。