Uploaded February 2024 | Updated September 2026, 6 hours ago
Go to squarespace.com/seanallen to save 10% off your first purchase of a website or domain using code SEANALLEN.
App icons for visionOS (Apple Vision Pro) have a 3D parallax effect that is triggered when you look at the icon. This requires the developer to create their app icon for visionOS in three distinct layers. In this video I demonstrate how to do that and show you some issues I ran into with sizing, shadows and gradients in my app icon. I also show you how to use Apple's Parallax Previewer app to iterate on your app icon designs.
Apple Human Interface Guidelines - App Icons:
developer.apple.com/design/human-interface-guidelines/app-icons
Parallax Previewer App (scroll down a while):
developer.apple.com/design/resources
My iOS Dev Courses:
seanallen.teachable.com/?video=yI54JFm96RQ
My Source Code:
seanallen.teachable.com/p/source-code-youtube-videos?video=yI54JFm96RQ
X (Twitter):
Sean Allen - twitter.com/seanallen_dev
Hired.com:
hired.com/x/1n01g
Book and learning recommendations that help out the channel if you decide to purchase (Affiliate Links):
Mark Moeyken’s SwiftUI Books:
bigmountainstudio.com/a/fzc51
Paul Hudson's Hacking With Swift:
gumroad.com/a/762098803
RocketSim - Enhance Your Xcode Simulator:
gumroad.com/a/51797971/ftvbh
Objc.io Books (Thinking in SwiftUI & Advanced Swift):
gumroad.com/a/656585843
Timestamps:
0:00 - visionOS App Icons (Parallax)
0:28 - How the 3D effect works (3 layers)
1:00 - How I converted my iOS App Icon (and issues)
1:43 - Transparency, Shadows & Gradient Issues
2:25 - Square vs. Circle Size Issues
3:05 - Apple’s Parallax Previewer Tool
4:36 - Implementing App Icon in Xcode
5:30 - Running it on the visionOS Simulator
#swift #softwaredeveloper #iosdeveloper
Go to squarespace.com/seanallen to save 10% off your first purchase of a website or domain using code SEANALLEN.
App icons for visionOS (Apple Vision Pro) have a 3D parallax effect that is triggered when you look at the icon. This requires the developer to create their app icon for visionOS in three distinct layers. In this video I demonstrate how to do that and show you some issues I ran into with sizing, shadows and gradients in my app icon. I also show you how to use Apple's Parallax Previewer app to iterate on your app icon designs.
Apple Human Interface Guidelines - App Icons:
developer.apple.com/design/human-interface-guidelines/app-icons
Parallax Previewer App (scroll down a while):
developer.apple.com/design/resources
My iOS Dev Courses:
seanallen.teachable.com/?video=yI54JFm96RQ
My Source Code:
seanallen.teachable.com/p/source-code-youtube-videos?video=yI54JFm96RQ
X (Twitter):
Sean Allen - twitter.com/seanallen_dev
Hired.com:
hired.com/x/1n01g
Book and learning recommendations that help out the channel if you decide to purchase (Affiliate Links):
Mark Moeyken’s SwiftUI Books:
bigmountainstudio.com/a/fzc51
Paul Hudson's Hacking With Swift:
gumroad.com/a/762098803
RocketSim - Enhance Your Xcode Simulator:
gumroad.com/a/51797971/ftvbh
Objc.io Books (Thinking in SwiftUI & Advanced Swift):
gumroad.com/a/656585843
Timestamps:
0:00 - visionOS App Icons (Parallax)
0:28 - How the 3D effect works (3 layers)
1:00 - How I converted my iOS App Icon (and issues)
1:43 - Transparency, Shadows & Gradient Issues
2:25 - Square vs. Circle Size Issues
3:05 - Apple’s Parallax Previewer Tool
4:36 - Implementing App Icon in Xcode
5:30 - Running it on the visionOS Simulator
#swift #softwaredeveloper #iosdeveloper
