UI Design Livestream: Claymorphism + How to mix styles

UI Design Livestream: Claymorphism + How to mix styles

48.1K views · 2022-01-21 UI Design
Let's explore Claymorphism together and how to match styles. Learn about drop shadows, inner shadows and color vibrancy that compose the latest trends: claymorphism, neumorphism, Glassmorphism and 3D illustrations.

Figma file: https://www.figma.com/community/file/1066455834796929496/Claymorphism-UI

Become a member on YouTube or https://designcode.io to get your design reviewed in the next livestream.

Topics Discussed
* Evolution of styles
* Claymorphism, Neumorphism, Glassmorphism
* Drop Shadows
* Inner Shadows
* Color Vibrancy
* Visual Hierarchy
* Negative Spacing

Resources
🎨 Apple UI Kit: https://developer.apple.com/design/resources/
🎨 Nikuu 3D Illustrations: https://www.figma.com/community/file/1000311109311441524/Nikuu-3d-Illustration-Pack-by-Paperpillar
🎨 Figma design tool: https://www.figma.com
📱 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 quick apps in Figma: https://designcode.io/quick-apps-figma
🖌 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 15: https://designcode.io/swiftui-ios15
📱 Build quick apps with SwiftUI: https://designcode.io/quick-apps-swiftui
🛠 SwiftUI Handbook: https://designcode.io/swiftui-handbook

DesignCode
🐦 Twitter: https://twitter.com/designcodeio
📸 Instagram: https://www.instagram.com/mengto

#figma #uidesign