Summary
Keywords
Full Transcript
A crash course on iOS app design for beginners using Figma, UI Kits, fonts, icons, design guidelines and key resources from Apple and the design community. Getting Started - App ideas & market fit: content, tool, game - Wireframes / UI Patterns - iOS UI Kits, Fonts, SF Symbols - Gradients and Illustrations Design - Status Bar, Tab Bar, - Colors, Accent Color - Large Title, Title, Body, Caption - Cards, List, Detail View - Account, Modal 💾 Download source file (pro only): https://designcode.io/ui-design-livestream-designing-your-first-ios-app Resources 🎨 Figma design tool: https://www.figma.com 📕 Design Systems Repo: https://designsystemsrepo.com/design-systems/ 📕 SF Fonts: https://developer.apple.com/fonts 📱 SF Symbols: https://developer.apple.com/sf-symbols 📱 Dynamic Type: https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/typography 🍔 Illustrations: https://shape.so 🤳 Phone Mockups: http://angle.sh Learn UI Design 🖌 UI Design for developers: https://designcode.io/ui-design 🌈 Design system in Figma: https://designcode.io/figma 🎨 Figma Handbook: https://designcode.io/figma-handbook 📱 iOS Design Handbook: https://designcode.io/ios-design-handbook Learn SwiftUI 📱 Build an app for iOS 13: https://designcode.io/swiftui 📱 Build an app for iOS 14: https://designcode.io/swiftui-ios14 🛠 SwiftUI Handbook: https://designcode.io/swiftui-handbook DesignCode 💬 Discord: https://discord.com/invite/JGDtQcdk72 🐦 Twitter: https://twitter.com/designcodeio 📸 Instagram: https://www.instagram.com/mengto 📱 iOS App beta: https://testflight.apple.com/join/dr79Sv7u
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
