Design iOS 15 Safari with SwiftUI | DetailsPro

Описание: iOS 15 Safari sports a radical new bottom-weighted design that is truly pretty beautiful. In this video, I walk you through start-to-finish how to recreate the visual design of this new look, all in SwiftUI. Watch for best practices, tips, tricks, and more!

00:00 - Introduction
00:22 - iOS 15 Safari reference
00:58 - Getting started
01:05 - Planning our design
02:37 - Vertical Stack with Background
03:30 - Website image
04:59 - Bottom bar
06:16 - Horizontal Stack
06:50 - Background blur
07:30 - SF Symbol icons
08:40 - Typography and color
09:20 - Horizontal Stack spacing
10:10 - SF Symbol icon size
11:00 - Pushing the bottom bar down
11:35 - Rounding the bottom bar
12:12 - Shadow on bottom bar
12:42 - Dark mode preview
13:22 - Bottom bars on the sides
14:38 - Offsetting
16:10 - Blur Materials
16:30 - Conclusion


Download DetailsPro from the App Store: https://apps.apple.com/us/app/details...

DetailsPro is an app that I'm working on (my name is Sahand Nayebaziz) and it's basically a visual way to design for Apple platforms that lets you make SwiftUI designs without knowing how to code. It also lets you make designs on-the-go, whether on your iPad or your iPhone. Mac is also, of course, supported.

The app is free, it just has a file limit of 5 files. To keep unlimited files, and support the development of DetailsPro, you can subscribe or pay a one-time fee!

Here's where you can learn more:
https://www.detailspro.app
  / detailsproapp  
  / detailsproapp  

Thanks for checking this video out and let me know what you think in the comments! I'd also love to hear any new ideas for videos you'd like to see.