挑战:超级英雄导航设计
2022 年 6 月 9 日
![](https://devimages-cdn.apple.com/wwdc-services/articles/images/7638E225-4C89-44E8-B0F6-77C8B16B0242/2048.jpeg)
所有设计师请注意:我们诚邀您发挥自己的超能力,为一款 App 设计“超级”导航体验,以帮助开发者英雄们对抗代码灾害和设计灾难。
![](https://devimages-cdn.apple.com/wwdc-services/articles/images/E0FA5161-F73A-4717-9A37-E07A8A085702/2048.jpeg)
在本次挑战中,您需要为一款虚构的 App 设计标签栏和屏幕,以帮助您最爱的超级英雄。无论您决定创建哪种类型的 App,面临的挑战都是将其核心功能整理放置到标签栏的各个部分。
额外奖励:如果您觉得自己超级有创意,可以设计该 App 的一个标签页的根屏幕。您的英雄需要查看什么?他们会执行哪些操作?(注:尽管您只是在设计一个屏幕,但在这个视图中设计的功能应该与 App 的其他标签页协调一致。)
我们也欢迎您访问设计挑战学堂,与他人协作共同面对这项挑战!提问,和其他开发者建立联系,并分享您的作品。
开始挑战
首先,我们建议您观看“Explore design navigation for iOS”,了解如何利用现有的导航结构来简化 App 中的复杂交互,同时完好保持其个性。探索使用标签栏、模式等资源时的最佳实践和常见陷阱。
我们还建议查看“Writing for interfaces””,了解有关创建清晰而实用的对话式标签以及在您的 App 中编写的更多信息。
![](https://devimages-cdn.apple.com/wwdc-services/images/124/6490/6490_wide_250x141_2x.jpg)
探索 iOS 的导航设计
Watch now![](https://devimages-cdn.apple.com/wwdc-services/images/124/6530/6530_wide_250x141_2x.jpg)
编写用户界面
Watch now准备好开始设计后,请访问“Apple Design Resources”页面以下载 iOS 设计模板,并访问标签栏符号和 iOS 系统颜色。我们还建议下载和探索 SF Symbols App,为您的标签栏创建引人注目的图标。
iOS App 可以有 2 到 5 个标签页,因此请考虑哪些功能与您正在设计的超级英雄 App 最相关。不要忘记为每个标签页使用描述性的简洁标签!
在 Twitter 上使用话题标签 #WWDC22Challenges 展示您的作品,或者在设计挑战学堂分享。如果您想讨论其他设计主题,请加入团队,参加 WWDC22 本周剩余时间举办的活动。