挑战:超级英雄导航设计

所有设计师请注意:我们诚邀您发挥自己的超能力,为一款 App 设计“超级”导航体验,以帮助开发者英雄们对抗代码灾害和设计灾难。

在本次挑战中,您需要为一款虚构的 App 设计标签栏和屏幕,以帮助您最爱的超级英雄。无论您决定创建哪种类型的 App,面临的挑战都是将其核心功能整理放置到标签栏的各个部分。

额外奖励:如果您觉得自己超级有创意,可以设计该 App 的一个标签页的根屏幕。您的英雄需要查看什么?他们会执行哪些操作?(注:尽管您只是在设计一个屏幕,但在这个视图中设计的功能应该与 App 的其他标签页协调一致。)

我们也欢迎您访问设计挑战学堂,与他人协作共同面对这项挑战!提问,和其他开发者建立联系,并分享您的作品。

开始挑战

首先,我们建议您观看“Explore design navigation for iOS”,了解如何利用现有的导航结构来简化 App 中的复杂交互,同时完好保持其个性。探索使用标签栏、模式等资源时的最佳实践和常见陷阱。

我们还建议查看“Writing for interfaces””,了解有关创建清晰而实用的对话式标签以及在您的 App 中编写的更多信息。

探索 iOS 的导航设计

了解导航模式如何帮助用户轻松地浏览 App 中的信息,避免产生不必要的困扰。我们将向您介绍如何利用现有的导航结构简化 App 中的复杂交互,同时保持其个性化。探索使用标签栏、模式等资源时的最佳实践和常见错误。

Watch now

编写用户界面

App 的用词十分重要。无论是编写提醒,构建入门引导体验,或者描述辅助功能图片,学习如何从语言的角度进行设计,并帮助用户充分利用您的...

Watch now

准备好开始设计后,请访问“Apple Design Resources”页面以下载 iOS 设计模板,并访问标签栏符号和 iOS 系统颜色。我们还建议下载和探索 SF Symbols App,为您的标签栏创建引人注目的图标。

iOS App 可以有 2 到 5 个标签页,因此请考虑哪些功能与您正在设计的超级英雄 App 最相关。不要忘记为每个标签页使用描述性的简洁标签!

Discover Apple Design Resources

Download SF Symbols

在 Twitter 上使用话题标签 #WWDC22Challenges 展示您的作品,或者在设计挑战学堂分享。如果您想讨论其他设计主题,请加入团队,参加 WWDC22 本周剩余时间举办的活动。

Explore #WWDC22Challenges on social media

Read the WWDC22 Challenges Terms and Conditions