<?xml version="1.0" encoding="utf-8"?>

Material and lighting effects

Material and lighting effects

Glass material in visionOS creates a visual foundation that adapts to different environments while maintaining content clarity.

How glass material works:

  • Environmental adaptation: Windows automatically adjust their appearance based on surroundings. Glass responds to lighting conditions, from bright daylight to evening darkness.
  • Visual depth: Specular highlights and shadows help establish window position in space. This subtle physicality makes interfaces feel natural in any environment.
  • Transparency balance: Glass allows subtle visibility of background content while maintaining focus on current tasks. This creates a lighter feel and helps users stay aware of their surroundings.

How to use materials effectively:

  • Avoid solid, opaque windows that feel heavy
  • Use darker materials to separate content sections
  • Apply lighter materials to highlight interactive elements
  • Prevent stacking of light materials to maintain contrast
  • Let system materials handle light and dark adaptation automatically

Pro Tip: Test your interface in various lighting conditions to ensure content remains clear and visually comfortable.

Improve your UX & Product skills with interactive courses that actually work