#21 - User Interface Layouts
Find out how to create iOS app designs in Figma and implement them using UIKit or SwiftUI
Hey iOS developer! 👋
Clean and efficient code is essential when it comes to building great apps. But even the most well-structured and ideally maintained code won’t shine without proper usage of the design. This is not just about aesthetics - it’s about creating an intuitive and seamless experience that draws users attention and keeps them engaged.
In this issue of Curated iOS I am exploring how to create iOS app design and implement it using UIKit and SwiftUI.
Apple Human Interface Guidelines (HIG)
I’m a big fan of HIG and believe it’s a must-read for anyone creating apps that truly feel like they belong in the Apple ecosystem.
You can also check out my recent issue #12 - HIG updates, where I curated a collection of articles about the latest HIG updates.
Read on Apple Developer
User Interface Layout Guidelines to design apps for iPhone, iPad and MacOS
This article helped me uncover a few gray areas in my understanding of Apple device layouts. Svetha Venkatraman does an excellent job of explaining this technical topic in a simple, accessible way.
Read on Medium
iPhone 16 Screen Sizes
The new iPhone Pro models have slightly grown in size this year. Keith Harrison provides all the essential details about the new models, including Safe Area sizes.
Read on Use Your Loaf blog
How to design iOS mobile apps in Figma
If I was writing an issue solely about iOS app design, I could easily feature just this article. Guillem Bruix teaches the fundamentals of designing UI in Figma—great, usable, accessible, and most importantly, code-friendly designs.
Read on Medium
Understanding AutoLayout in Swift: Building Responsive User Interfaces
In this article, Abdul Karim Khan covers the basics of implementing Auto Layout in UIKit, both via code and Interface Builder.
Read on Medium
Auto Layout in iOS UIKit
Ajaya Mati takes a deep dive into Auto Layout, providing clear code examples and explanations on how to add Constraints in code.
Read on Medium
Did you know that the Curated iOS newsletter is now published twice a week?
In addition to the traditional Wednesday issues, I’m now sending out Monday emails with a new series of personal articles called Monday Quick Read.This week, I talked about how to stay updated even if you feel your code is outdated.
Layout in SwiftUI Way
I’m kicking off the SwiftUI section with an article by Fatbobman on mastering complex user interfaces with the SwiftUI layout system.
Read on Fatbobman's blog
7 Essential Techniques for Crafting Adaptive Layouts in SwiftUI
Namit Gupta offers an excellent tutorial on creating adaptive layouts in SwiftUI. He covers various approaches, including the use of Stacks, GeometryReader, and Environment Property Wrappers for size classes and more.
Read on Namit Gupta blog
Custom Layouts in SwiftUI: A Deep Dive into the Layout ProtocolSwiftUI
Wesley Matlock takes a deep dive into custom layouts, exploring two types: Circular Layout and Flow Layout.
Read on Medium
If you’ve enjoyed this article - hit the Like button and subscribe, if you haven’t already!
Connect with me on LinkedIn.
Stay tuned for more in the upcoming issues. Until next time!
Artjoms