挑战:超级英雄导航设计

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

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

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

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

开始挑战

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

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

探索 iOS 的导航设计

Watch now

编写用户界面

Watch now

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

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

Apple Design Resources

Download SF Symbols

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

Read the WWDC22 Challenges Terms and Conditions