Challenge: Throwback with SwiftUI – Discover

Whether you’ve been coding for 40 years, you’re new to the SwiftUI scene, or you’re a designer – everyone loves a good recall. Indulge in nostalgia and imagine what your app might look like if it were designed for Mac or iPhone interfaces before. Are you a fan of the refreshing feel of Aqua from the 2000s? Maybe you prefer the iconic grayscale in System 6. Or maybe you were hoping for a return to the first days of iPhoneOS schema morphism. Now you have the chance: Travel back in time with us and design a SwiftUI look that includes retro styling.

Start the challenge

Before you travel through time, it is important to choose your digital companion: do you design a view for an existing app or do you take a whole new view idea with you on the trip? Once you have decided, it’s time to start Xcode. Use your favorite random number generator to select a year between 1984 and 2013 – or open a Swift Playground if you like, to take you back in time:

let myCoolRetroYear = Int.random(in: 1984..<2013)
print("Reimagine your app's interface like it's from the year (myCoolRetroYear)!")

Once you’ve decided a year, start imagining your interface with Apple Design Languages ​​prominently during that time! For designers and those newer to the code world, you can explore how much user interface you can create using Xcode Previews. And when it’s time to start adding code, you can see how simple and fun SwiftUI is. For experienced code warriors, carry on your SwiftUI knowledge and explore the new features of SwiftUI that will take your recreated artifact to the next level.

Do you want to share your ongoing work or collaboration with other developers? You can show off your finished design in developer forums.

Visit the Apple Developer Forums

Resources

Introduction to SwiftUI

Read the terms and conditions of WWDC21 Challenges

Leave a Comment