KNOWLEDGE NOTES

Knowledge Notes

Explore curated knowledge, course notes and methods, with their existing content and sources preserved.

This index lists complete English editions. Additional Chinese notes and bilingual updates remain available in the Chinese index.

350knowledge notes
Product Design & UX / Apple Design Guidelines

Apple HIG: New Liquid Glass Design Language + SF Symbols + Typography (iOS 26 Visual System)

Starting in iOS 26, Apple’s full new visual language Liquid Glass, plus deepened SF Symbols, typographic optical sizes, and color palette system. Liquid Glass: what it is (digital "meta-material", Lensing effect, gel-like flexibility) / material layers (specular highlights/shadows/internal glow feedback/focus changes) / two variants (Regular vs Clear plus three prerequisites for Clear) / adaptivity (small controls switch between light and dark, large panels only gray at edges, soft/hard scroll edges) / structure (depicting relationships, reflecting navigation focus, elevating controls, extending to edges) / geometric concentricity (three shapes: fixed/capsule/concentric) / legibility, Tinting, accessibility / Icon Composer icon workflow (single artwork → all platforms, six appearance modes, layered export). SF Symbols: 4 rendering modes (monochrome/hierarchical/palette/multicolor), variable color, 9 weights and 3 scales, variants, drawing animations (Draw On/Off, Magic Replace, Wiggle/Rotate/Breathe/Pulse/Bounce/Scale), interpolation principles, custom symbols. Typography: SF/NY/Compact/Mono, optical sizes SF Text/Display, variable fonts, 11 Dynamic Type text styles, tracking and leading, font selection (structure/contrast/display vs text fonts). Color palette: dual tint modes, grayscale fill/separator/system gray, semantic colors.

Liquid GlassApple HIGVisual designEnglish edition