{"code":"var Component=(()=>{var g=Object.create;var t=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var k=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports),b=(i,e)=>{for(var r in e)t(i,r,{get:e[r],enumerable:!0})},h=(i,e,r,s)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let l of p(e))!m.call(i,l)&&l!==r&&t(i,l,{get:()=>e[l],enumerable:!(s=o(e,l))||s.enumerable});return i};var z=(i,e,r)=>(r=i!=null?g(f(i)):{},h(e||!i||!i.__esModule?t(r,\"default\",{value:i,enumerable:!0}):r,i)),v=i=>h(t({},\"__esModule\",{value:!0}),i);var d=k((A,c)=>{c.exports=_jsx_runtime});var S={};b(S,{default:()=>u});var n=z(d());function a(i){let e={a:\"a\",code:\"code\",em:\"em\",h2:\"h2\",h3:\"h3\",hr:\"hr\",li:\"li\",ol:\"ol\",p:\"p\",pre:\"pre\",span:\"span\",strong:\"strong\",table:\"table\",tbody:\"tbody\",td:\"td\",th:\"th\",thead:\"thead\",tr:\"tr\",ul:\"ul\",...i.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(e.p,{children:[\"macOS Tahoe f\\xFChrt \",(0,n.jsx)(e.strong,{children:\"Liquid Glass UI\"}),\" ein, die bedeutendste Design-Evolution seit der Einf\\xFChrung von Transluzenz in macOS Yosemite. Diese revolution\\xE4re Design-Sprache transformiert, wie wir mit unseren Macs interagieren, und schafft beispiellose visuelle Tiefe und Fluidit\\xE4t.\"]}),`\n`,(0,n.jsx)(e.h2,{id:\"was-ist-liquid-glass-ui\",children:\"Was ist Liquid Glass UI?\"}),`\n`,(0,n.jsx)(e.p,{children:\"Liquid Glass UI ist Apples neue Design-Sprache, die erweiterte Transparenz-Effekte, dynamische Materialien und fl\\xFCssige Animationen kombiniert, um Schnittstellen zu schaffen, die sich lebendiger und reaktionsschneller anf\\xFChlen als je zuvor.\"}),`\n`,(0,n.jsx)(e.h3,{id:\"kern-design-prinzipien\",children:\"Kern-Design-Prinzipien\"}),`\n`,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:\"1. Dynamische Transparenz\"}),`\nIm Gegensatz zu statischen Transparenz-Effekten bietet Liquid Glass UI Materialien, die reagieren auf:`]}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Inhalte darunter\"}),`\n`,(0,n.jsx)(e.li,{children:\"Umgebungslichtverh\\xE4ltnisse\"}),`\n`,(0,n.jsx)(e.li,{children:\"Benutzerinteraktionen\"}),`\n`,(0,n.jsx)(e.li,{children:\"Systemzustands\\xE4nderungen\"}),`\n`]}),`\n`,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:\"2. Kontextuelle Tiefe\"}),`\nDie Schnittstelle schafft visuelle Hierarchie durch:`]}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Mehrere Transparenz-Schichten\"}),`\n`,(0,n.jsx)(e.li,{children:\"Adaptive Unsch\\xE4rfe-Intensit\\xE4t\"}),`\n`,(0,n.jsx)(e.li,{children:\"Kontextuelle Farbtemperatur\"}),`\n`,(0,n.jsx)(e.li,{children:\"N\\xE4he-basierte Effekte\"}),`\n`]}),`\n`,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:\"3. Fl\\xFCssige Reaktionsf\\xE4higkeit\"}),`\nJede Interaktion f\\xFChlt sich nat\\xFCrlich an durch:`]}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Physik-basierte Animationen\"}),`\n`,(0,n.jsx)(e.li,{children:\"Momentum-bewusste \\xDCberg\\xE4nge\"}),`\n`,(0,n.jsx)(e.li,{children:\"Gesten-responsive Materialien\"}),`\n`,(0,n.jsx)(e.li,{children:\"Echtzeit-Umgebungsanpassung\"}),`\n`]}),`\n`,(0,n.jsx)(e.h2,{id:\"technische-architektur\",children:\"Technische Architektur\"}),`\n`,(0,n.jsx)(e.h3,{id:\"rendering-pipeline\",children:\"Rendering-Pipeline\"}),`\n`,(0,n.jsx)(e.p,{children:\"Liquid Glass UI nutzt Apple Silicons einheitliche Speicherarchitektur und erweiterte GPU-F\\xE4higkeiten:\"}),`\n`,(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(e.pre,{className:\"shiki shiki-themes github-light github-dark\",style:{\"--shiki-light\":\"#24292e\",\"--shiki-dark\":\"#e1e4e8\",\"--shiki-light-bg\":\"#fff\",\"--shiki-dark-bg\":\"#24292e\"},tabIndex:\"0\",icon:'<svg viewBox=\"0 0 24 24\"><path d=\"M 6,1 C 4.354992,1 3,2.354992 3,4 v 16 c 0,1.645008 1.354992,3 3,3 h 12 c 1.645008,0 3,-1.354992 3,-3 V 8 7 A 1.0001,1.0001 0 0 0 20.707031,6.2929687 l -5,-5 A 1.0001,1.0001 0 0 0 15,1 h -1 z m 0,2 h 7 v 3 c 0,1.645008 1.354992,3 3,3 h 3 v 11 c 0,0.564129 -0.435871,1 -1,1 H 6 C 5.4358712,21 5,20.564129 5,20 V 4 C 5,3.4358712 5.4358712,3 6,3 Z M 15,3.4140625 18.585937,7 H 16 C 15.435871,7 15,6.5641288 15,6 Z\" fill=\"currentColor\" /></svg>',children:(0,n.jsx)(e.code,{children:(0,n.jsx)(e.span,{className:\"line\",children:(0,n.jsx)(e.span,{children:\"Inhaltsschicht \\u2192 Dynamische Unsch\\xE4rfe \\u2192 Farbtemperatur \\u2192 Umgebungsbeleuchtung \\u2192 Finale Komposition\"})})})})}),`\n`,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:\"Metal Performance Shaders\"}),`: Echtzeit-Unsch\\xE4rfe- und Transparenz-Berechnungen\n`,(0,n.jsx)(e.strong,{children:\"Core Animation\"}),`: Physik-basierte Animationen und \\xDCberg\\xE4nge\n`,(0,n.jsx)(e.strong,{children:\"Neural Engine\"}),\": Kontext-bewusste Transparenz-Entscheidungen (auf unterst\\xFCtzter Hardware)\"]}),`\n`,(0,n.jsx)(e.h3,{id:\"systemanforderungen\",children:\"Systemanforderungen\"}),`\n`,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:\"Mindestanforderungen:\"})}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Apple Silicon-Prozessor (M1 oder sp\\xE4ter) f\\xFCr vollst\\xE4ndige Effekte\"}),`\n`,(0,n.jsx)(e.li,{children:\"Intel Macs mit diskreter Grafik f\\xFCr grundlegende Effekte\"}),`\n`,(0,n.jsx)(e.li,{children:\"8GB RAM (16GB empfohlen f\\xFCr optimale Leistung)\"}),`\n`,(0,n.jsx)(e.li,{children:\"Metal-f\\xE4hige GPU\"}),`\n`]}),`\n`,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:\"Leistungsauswirkung:\"})}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Apple Silicon: Minimale Auswirkung aufgrund einheitlichen Speichers\"}),`\n`,(0,n.jsx)(e.li,{children:\"Intel Macs: 10-15% GPU-Nutzungserh\\xF6hung\"}),`\n`,(0,n.jsx)(e.li,{children:\"Batterie: 5-8% zus\\xE4tzlicher Verbrauch bei Laptops\"}),`\n`]}),`\n`,(0,n.jsx)(e.h2,{id:\"aufschl\\xFCsselung-visueller-elemente\",children:\"Aufschl\\xFCsselung visueller Elemente\"}),`\n`,(0,n.jsx)(e.h3,{id:\"1-fenster-materialien\",children:\"1. Fenster-Materialien\"}),`\n`,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:\"Durchscheinende Fenster\"}),`\nFenster bieten jetzt mehrere Materialtypen:`]}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:\"Ultra D\\xFCnn\"}),\": Subtile Transparenz f\\xFCr aktive Inhalte\"]}),`\n`,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:\"D\\xFCnn\"}),\": Moderate Transparenz f\\xFCr sekund\\xE4re Fenster\"]}),`\n`,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:\"Dick\"}),\": Starke Transparenz f\\xFCr Hintergrund-Elemente\"]}),`\n`,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:\"Chrome\"}),\": Adaptive Transparenz f\\xFCr System-Chrome\"]}),`\n`]}),`\n`,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:\"Adaptive Lebendigkeit\"}),`\nFenster-Materialien passen sich automatisch an basierend auf:`]}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Hintergrund-Inhaltskomplexit\\xE4t\"}),`\n`,(0,n.jsx)(e.li,{children:\"Umgebungslichtsensoren (auf unterst\\xFCtzten Macs)\"}),`\n`,(0,n.jsx)(e.li,{children:\"Benutzer-Fokus- und Aufmerksamkeitsmuster\"}),`\n`,(0,n.jsx)(e.li,{children:\"Tageszeit-Pr\\xE4ferenzen\"}),`\n`]}),`\n`,(0,n.jsx)(e.h3,{id:\"2-men\\xFC--und-steuerelemente\",children:\"2. Men\\xFC- und Steuerelemente\"}),`\n`,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:\"Dynamische Men\\xFCleiste\"}),`\nDie Men\\xFCleiste wird wirklich adaptiv:`]}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Transparenz passt sich an Desktop-Hintergrundbild an\"}),`\n`,(0,n.jsx)(e.li,{children:\"Farbtemperatur verschiebt sich mit Inhalt\"}),`\n`,(0,n.jsx)(e.li,{children:\"Unsch\\xE4rfe-Intensit\\xE4t variiert mit Men\\xFC-Aktivit\\xE4t\"}),`\n`,(0,n.jsx)(e.li,{children:\"Nahtlose \\xDCberg\\xE4nge zwischen Zust\\xE4nden\"}),`\n`]}),`\n`,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:\"Steueroberfl\\xE4chen\"}),`\nButtons, Schieberegler und Steuerelemente bieten:`]}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"N\\xE4he-bewusste Hervorhebung\"}),`\n`,(0,n.jsx)(e.li,{children:\"Druck-sensitive Reaktionen (auf Force Touch-Trackpads)\"}),`\n`,(0,n.jsx)(e.li,{children:\"Kontext-sensitive Farbanpassung\"}),`\n`,(0,n.jsx)(e.li,{children:\"Fl\\xFCssige Zustands\\xFCberg\\xE4nge\"}),`\n`]}),`\n`,(0,n.jsx)(e.h3,{id:\"3-benachrichtigungs--und-warnsysteme\",children:\"3. Benachrichtigungs- und Warnsysteme\"}),`\n`,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:\"Geschichtete Benachrichtigungen\"}),`\nBenachrichtigungen stapeln sich mit raffinierter Tiefe:`]}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Jede Schicht hat einzigartige Transparenz\"}),`\n`,(0,n.jsx)(e.li,{children:\"\\xC4ltere Benachrichtigungen verblassen allm\\xE4hlich\"}),`\n`,(0,n.jsx)(e.li,{children:\"Interaktive Elemente behalten Klarheit\"}),`\n`,(0,n.jsx)(e.li,{children:\"Fl\\xFCssige Tiefen\\xFCberg\\xE4nge\"}),`\n`]}),`\n`,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:\"Warndialoge\"}),`\nSystem-Warnungen bieten:`]}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Intelligente Hintergrund-Anpassung\"}),`\n`,(0,n.jsx)(e.li,{children:\"Inhalts-bewusste Transparenz\"}),`\n`,(0,n.jsx)(e.li,{children:\"Reduziertes visuelles Gewicht\"}),`\n`,(0,n.jsx)(e.li,{children:\"Verbesserte Lesbarkeits-Algorithmen\"}),`\n`]}),`\n`,(0,n.jsx)(e.h2,{id:\"benutzererfahrungs-verbesserungen\",children:\"Benutzererfahrungs-Verbesserungen\"}),`\n`,(0,n.jsx)(e.h3,{id:\"verbesserte-visuelle-hierarchie\",children:\"Verbesserte visuelle Hierarchie\"}),`\n`,(0,n.jsx)(e.p,{children:\"Liquid Glass UI schafft klarere Informationshierarchie durch:\"}),`\n`,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:\"Tiefenwahrnehmung\"}),`: Wichtige Inhalte erscheinen \"n\\xE4her\" durch reduzierte Transparenz\n`,(0,n.jsx)(e.strong,{children:\"Fokus-F\\xFChrung\"}),`: Aktive Elemente werden automatisch prominenter\n`,(0,n.jsx)(e.strong,{children:\"Kontext-Bewusstsein\"}),`: Hintergrund-Elemente verblassen angemessen\n`,(0,n.jsx)(e.strong,{children:\"Aufmerksamkeits-Management\"}),\": System f\\xFChrt Fokus ohne aufdringlich zu sein\"]}),`\n`,(0,n.jsx)(e.h3,{id:\"verbesserte-lesbarkeit\",children:\"Verbesserte Lesbarkeit\"}),`\n`,(0,n.jsx)(e.p,{children:\"Trotz erh\\xF6hter Transparenz verbessert sich die Lesbarkeit durch:\"}),`\n`,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:\"Intelligenter Kontrast\"}),`: Dynamische Kontrast-Anpassung basierend auf Hintergrund\n`,(0,n.jsx)(e.strong,{children:\"Adaptive Typografie\"}),`: Textgewicht passt sich Transparenz-Niveaus an\n`,(0,n.jsx)(e.strong,{children:\"Intelligente Hintergr\\xFCnde\"}),`: System schafft optimale Lese-Oberfl\\xE4chen\n`,(0,n.jsx)(e.strong,{children:\"Barrierefreiheits-Integration\"}),\": Vollst\\xE4ndige Kompatibilit\\xE4t mit Barrierefreiheits-Features\"]}),`\n`,(0,n.jsx)(e.h3,{id:\"produktivit\\xE4ts-vorteile\",children:\"Produktivit\\xE4ts-Vorteile\"}),`\n`,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:\"Reduzierter Kontext-Wechsel\"}),`: Hintergrund-Inhalte sehen ohne Fokus-Verlust\n`,(0,n.jsx)(e.strong,{children:\"Verbessertes Multitasking\"}),`: Bessere Fenster-Schichtung und -Organisation\n`,(0,n.jsx)(e.strong,{children:\"Verbesserte r\\xE4umliche Wahrnehmung\"}),`: Klares Verst\\xE4ndnis der Interface-Tiefe\n`,(0,n.jsx)(e.strong,{children:\"Reduzierte Augenbelastung\"}),\": Weichere, nat\\xFCrlichere visuelle Erfahrung\"]}),`\n`,(0,n.jsx)(e.h2,{id:\"anpassungsoptionen\",children:\"Anpassungsoptionen\"}),`\n`,(0,n.jsx)(e.h3,{id:\"systemeinstellungen\",children:\"Systemeinstellungen\"}),`\n`,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:\"Transparenz-Kontrollen\"})}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Transparenz reduzieren (Barrierefreiheit)\"}),`\n`,(0,n.jsx)(e.li,{children:\"Bewegungseinstellungen (f\\xFCr empfindliche Benutzer)\"}),`\n`,(0,n.jsx)(e.li,{children:\"Kontrast-Optionen\"}),`\n`,(0,n.jsx)(e.li,{children:\"Farbtemperatur-Pr\\xE4ferenzen\"}),`\n`]}),`\n`,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:\"Leistungseinstellungen\"})}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Qualit\\xE4t vs. Leistungs-Schieberegler\"}),`\n`,(0,n.jsx)(e.li,{children:\"Batterie-Optimierungs-Modi\"}),`\n`,(0,n.jsx)(e.li,{children:\"Externe Display-Anpassungen\"}),`\n`,(0,n.jsx)(e.li,{children:\"Entwickler-Debugging-Optionen\"}),`\n`]}),`\n`,(0,n.jsx)(e.h3,{id:\"entwickler-api-integration\",children:\"Entwickler-API-Integration\"}),`\n`,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:\"Neue Frameworks\"})}),`\n`,(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(e.pre,{className:\"shiki shiki-themes github-light github-dark\",style:{\"--shiki-light\":\"#24292e\",\"--shiki-dark\":\"#e1e4e8\",\"--shiki-light-bg\":\"#fff\",\"--shiki-dark-bg\":\"#24292e\"},tabIndex:\"0\",icon:'<svg viewBox=\"0 0 24 24\"><path d=\"M7.508 0c-.287 0-.573 0-.86.002-.241.002-.483.003-.724.01-.132.003-.263.009-.395.015A9.154 9.154 0 0 0 4.348.15 5.492 5.492 0 0 0 2.85.645 5.04 5.04 0 0 0 .645 2.848c-.245.48-.4.972-.495 1.5-.093.52-.122 1.05-.136 1.576a35.2 35.2 0 0 0-.012.724C0 6.935 0 7.221 0 7.508v8.984c0 .287 0 .575.002.862.002.24.005.481.012.722.014.526.043 1.057.136 1.576.095.528.25 1.02.495 1.5a5.03 5.03 0 0 0 2.205 2.203c.48.244.97.4 1.498.495.52.093 1.05.124 1.576.138.241.007.483.009.724.01.287.002.573.002.86.002h8.984c.287 0 .573 0 .86-.002.241-.001.483-.003.724-.01a10.523 10.523 0 0 0 1.578-.138 5.322 5.322 0 0 0 1.498-.495 5.035 5.035 0 0 0 2.203-2.203c.245-.48.4-.972.495-1.5.093-.52.124-1.05.138-1.576.007-.241.009-.481.01-.722.002-.287.002-.575.002-.862V7.508c0-.287 0-.573-.002-.86a33.662 33.662 0 0 0-.01-.724 10.5 10.5 0 0 0-.138-1.576 5.328 5.328 0 0 0-.495-1.5A5.039 5.039 0 0 0 21.152.645 5.32 5.32 0 0 0 19.654.15a10.493 10.493 0 0 0-1.578-.138 34.98 34.98 0 0 0-.722-.01C17.067 0 16.779 0 16.492 0H7.508zm6.035 3.41c4.114 2.47 6.545 7.162 5.549 11.131-.024.093-.05.181-.076.272l.002.001c2.062 2.538 1.5 5.258 1.236 4.745-1.072-2.086-3.066-1.568-4.088-1.043a6.803 6.803 0 0 1-.281.158l-.02.012-.002.002c-2.115 1.123-4.957 1.205-7.812-.022a12.568 12.568 0 0 1-5.64-4.838c.649.48 1.35.902 2.097 1.252 3.019 1.414 6.051 1.311 8.197-.002C9.651 12.73 7.101 9.67 5.146 7.191a10.628 10.628 0 0 1-1.005-1.384c2.34 2.142 6.038 4.83 7.365 5.576C8.69 8.408 6.208 4.743 6.324 4.86c4.436 4.47 8.528 6.996 8.528 6.996.154.085.27.154.36.213.085-.215.16-.437.224-.668.708-2.588-.09-5.548-1.893-7.992z\" fill=\"currentColor\" /></svg>',children:(0,n.jsxs)(e.code,{children:[(0,n.jsxs)(e.span,{className:\"line\",children:[(0,n.jsx)(e.span,{style:{\"--shiki-light\":\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"import\"}),(0,n.jsx)(e.span,{style:{\"--shiki-light\":\"#6F42C1\",\"--shiki-dark\":\"#B392F0\"},children:\" LiquidGlassUI\"})]}),`\n`,(0,n.jsx)(e.span,{className:\"line\"}),`\n`,(0,n.jsx)(e.span,{className:\"line\",children:(0,n.jsx)(e.span,{style:{\"--shiki-light\":\"#6A737D\",\"--shiki-dark\":\"#6A737D\"},children:\"// Adaptive Fenster-Materialien\"})}),`\n`,(0,n.jsxs)(e.span,{className:\"line\",children:[(0,n.jsx)(e.span,{style:{\"--shiki-light\":\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\"window.material \"}),(0,n.jsx)(e.span,{style:{\"--shiki-light\":\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"=\"}),(0,n.jsx)(e.span,{style:{\"--shiki-light\":\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" .adaptive\"})]}),`\n`,(0,n.jsxs)(e.span,{className:\"line\",children:[(0,n.jsx)(e.span,{style:{\"--shiki-light\":\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\"window.responsiveness \"}),(0,n.jsx)(e.span,{style:{\"--shiki-light\":\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"=\"}),(0,n.jsx)(e.span,{style:{\"--shiki-light\":\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" .contextual\"})]}),`\n`,(0,n.jsx)(e.span,{className:\"line\"}),`\n`,(0,n.jsx)(e.span,{className:\"line\",children:(0,n.jsx)(e.span,{style:{\"--shiki-light\":\"#6A737D\",\"--shiki-dark\":\"#6A737D\"},children:\"// Benutzerdefinierte Transparenz-Effekte\"})}),`\n`,(0,n.jsxs)(e.span,{className:\"line\",children:[(0,n.jsx)(e.span,{style:{\"--shiki-light\":\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\"view.liquidGlassEffect \"}),(0,n.jsx)(e.span,{style:{\"--shiki-light\":\"#D73A49\",\"--shiki-dark\":\"#F97583\"},children:\"=\"}),(0,n.jsx)(e.span,{style:{\"--shiki-light\":\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\" .\"}),(0,n.jsx)(e.span,{style:{\"--shiki-light\":\"#005CC5\",\"--shiki-dark\":\"#79B8FF\"},children:\"dynamicBlur\"}),(0,n.jsx)(e.span,{style:{\"--shiki-light\":\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\"(\"}),(0,n.jsx)(e.span,{style:{\"--shiki-light\":\"#005CC5\",\"--shiki-dark\":\"#79B8FF\"},children:\"intensity\"}),(0,n.jsx)(e.span,{style:{\"--shiki-light\":\"#24292E\",\"--shiki-dark\":\"#E1E4E8\"},children:\": .adaptive)\"})]})]})})}),`\n`,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:\"Drittanbieter-Unterst\\xFCtzung\"}),`\nApps k\\xF6nnen Liquid Glass-Effekte integrieren durch:`]}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Neue AppKit-APIs\"}),`\n`,(0,n.jsx)(e.li,{children:\"Metal-Shader-Vorlagen\"}),`\n`,(0,n.jsx)(e.li,{children:\"SwiftUI-Modifikatoren\"}),`\n`,(0,n.jsx)(e.li,{children:\"UIKit-Kompatibilit\\xE4ts-Schichten\"}),`\n`]}),`\n`,(0,n.jsx)(e.h2,{id:\"leistungsoptimierung\",children:\"Leistungsoptimierung\"}),`\n`,(0,n.jsx)(e.h3,{id:\"apple-silicon-vorteile\",children:\"Apple Silicon-Vorteile\"}),`\n`,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:\"Einheitliche Speicherarchitektur\"})}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Schnelleres Textur-Streaming\"}),`\n`,(0,n.jsx)(e.li,{children:\"Reduzierter Speicher-Overhead\"}),`\n`,(0,n.jsx)(e.li,{children:\"Bessere GPU-CPU-Koordination\"}),`\n`,(0,n.jsx)(e.li,{children:\"Verbesserte thermische Effizienz\"}),`\n`]}),`\n`,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:\"Neural Engine-Integration\"})}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Vorhersagende Transparenz-Anpassungen\"}),`\n`,(0,n.jsx)(e.li,{children:\"Intelligente Inhalts-Analyse\"}),`\n`,(0,n.jsx)(e.li,{children:\"Benutzerverhalten-Lernen\"}),`\n`,(0,n.jsx)(e.li,{children:\"Optimierte Rendering-Entscheidungen\"}),`\n`]}),`\n`,(0,n.jsx)(e.h3,{id:\"intel-mac-\\xFCberlegungen\",children:\"Intel Mac-\\xDCberlegungen\"}),`\n`,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:\"GPU-Anforderungen\"})}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Diskrete Grafik empfohlen\"}),`\n`,(0,n.jsx)(e.li,{children:\"Metal 2.0+ Unterst\\xFCtzung erforderlich\"}),`\n`,(0,n.jsx)(e.li,{children:\"4GB+ VRAM f\\xFCr optimale Leistung\"}),`\n`,(0,n.jsx)(e.li,{children:\"Reduzierte Effekt-Komplexit\\xE4t auf \\xE4lterer Hardware\"}),`\n`]}),`\n`,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:\"Leistungs-Tuning\"})}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Automatische Qualit\\xE4ts-Skalierung\"}),`\n`,(0,n.jsx)(e.li,{children:\"Batterie-bewusste Anpassungen\"}),`\n`,(0,n.jsx)(e.li,{children:\"Thermische Drosselungs-Schutz\"}),`\n`,(0,n.jsx)(e.li,{children:\"Benutzer-konfigurierbare Grenzen\"}),`\n`]}),`\n`,(0,n.jsx)(e.h2,{id:\"barrierefreiheits-features\",children:\"Barrierefreiheits-Features\"}),`\n`,(0,n.jsx)(e.h3,{id:\"visuelle-barrierefreiheit\",children:\"Visuelle Barrierefreiheit\"}),`\n`,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:\"Hochkontrast-Modus\"})}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Beh\\xE4lt Design-Sprache bei w\\xE4hrend Sichtbarkeits-Verbesserung\"}),`\n`,(0,n.jsx)(e.li,{children:\"Intelligente Kontrast-Verst\\xE4rkung\"}),`\n`,(0,n.jsx)(e.li,{children:\"Bewahrte Transparenz-Hierarchie\"}),`\n`,(0,n.jsx)(e.li,{children:\"Verbesserte Kanten-Definition\"}),`\n`]}),`\n`,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:\"Bewegungsempfindlichkeit\"})}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Reduzierte Animations-Optionen\"}),`\n`,(0,n.jsx)(e.li,{children:\"Statische Transparenz-Alternativen\"}),`\n`,(0,n.jsx)(e.li,{children:\"Vereinfachte \\xDCbergangs-Effekte\"}),`\n`,(0,n.jsx)(e.li,{children:\"Anpassbare Empfindlichkeits-Niveaus\"}),`\n`]}),`\n`,(0,n.jsx)(e.h3,{id:\"kognitive-barrierefreiheit\",children:\"Kognitive Barrierefreiheit\"}),`\n`,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:\"Reduzierte Komplexit\\xE4t\"})}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Vereinfachte Transparenz-Muster\"}),`\n`,(0,n.jsx)(e.li,{children:\"Konsistente visuelle Regeln\"}),`\n`,(0,n.jsx)(e.li,{children:\"Vorhersagbares Verhalten\"}),`\n`,(0,n.jsx)(e.li,{children:\"Klare Fokus-Indikatoren\"}),`\n`]}),`\n`,(0,n.jsx)(e.h2,{id:\"entwickler-implementierung\",children:\"Entwickler-Implementierung\"}),`\n`,(0,n.jsx)(e.h3,{id:\"best-practices\",children:\"Best Practices\"}),`\n`,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:\"Inhalts-Bewusstsein\"}),`\nStellen Sie sicher, dass Ihr App-Inhalt gut mit Transparenz funktioniert:`]}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Hoher Kontrast-Text\"}),`\n`,(0,n.jsx)(e.li,{children:\"Angemessene Hintergrund-Behandlung\"}),`\n`,(0,n.jsx)(e.li,{children:\"Klare interaktive Elemente\"}),`\n`,(0,n.jsx)(e.li,{children:\"Ordnungsgem\\xE4\\xDFe Schichtungs-Hierarchie\"}),`\n`]}),`\n`,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:\"Leistungs-\\xDCberlegungen\"})}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Verwenden Sie bereitgestellte System-Materialien wenn m\\xF6glich\"}),`\n`,(0,n.jsx)(e.li,{children:\"Vermeiden Sie benutzerdefinierte Transparenz-Effekte auf Intel Macs\"}),`\n`,(0,n.jsx)(e.li,{children:\"Implementieren Sie elegante Degradation\"}),`\n`,(0,n.jsx)(e.li,{children:\"Testen Sie auf verschiedenen Hardware-Konfigurationen\"}),`\n`]}),`\n`,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:\"Benutzer-Pr\\xE4ferenz-Respekt\"})}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"Beachten Sie Barrierefreiheits-Einstellungen\"}),`\n`,(0,n.jsx)(e.li,{children:\"Bieten Sie Transparenz-Kontrollen\"}),`\n`,(0,n.jsx)(e.li,{children:\"Unterst\\xFCtzen Sie reduzierte Bewegungs-Pr\\xE4ferenzen\"}),`\n`,(0,n.jsx)(e.li,{children:\"Behalten Sie Funktionalit\\xE4t ohne Effekte bei\"}),`\n`]}),`\n`,(0,n.jsx)(e.h2,{id:\"zukunfts-implikationen\",children:\"Zukunfts-Implikationen\"}),`\n`,(0,n.jsx)(e.h3,{id:\"design-evolution\",children:\"Design-Evolution\"}),`\n`,(0,n.jsx)(e.p,{children:\"Liquid Glass UI repr\\xE4sentiert die Grundlage f\\xFCr zuk\\xFCnftige Interface-Innovationen:\"}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:\"R\\xE4umliches Computing\"}),\": Vorbereitung f\\xFCr AR/VR-Schnittstellen\"]}),`\n`,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:\"Multi-Display-Workflows\"}),\": Verbesserte Kontinuit\\xE4t \\xFCber Ger\\xE4te hinweg\"]}),`\n`,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:\"Gesten-Interaktion\"}),\": Nat\\xFCrlichere Touch- und Gesten-Integration\"]}),`\n`,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:\"Umgebungs-Bewusstsein\"}),\": Schnittstellen, die sich an physische R\\xE4ume anpassen\"]}),`\n`]}),`\n`,(0,n.jsx)(e.h3,{id:\"technologie-grundlage\",children:\"Technologie-Grundlage\"}),`\n`,(0,n.jsx)(e.p,{children:\"Die technische Infrastruktur erm\\xF6glicht:\"}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:\"Echtzeit-Raytracing\"}),\"-Integration\"]}),`\n`,(0,n.jsx)(e.li,{children:(0,n.jsx)(e.strong,{children:\"Erweiterte Material-Simulation\"})}),`\n`,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:\"Machine Learning-gesteuerte\"}),\" Interface-Anpassung\"]}),`\n`,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:\"Plattform\\xFCbergreifende Konsistenz\"}),\" mit iOS und iPadOS\"]}),`\n`]}),`\n`,(0,n.jsx)(e.h2,{id:\"vergleich-mit-vorherigen-designs\",children:\"Vergleich mit vorherigen Designs\"}),`\n`,(0,n.jsx)(e.h3,{id:\"evolutions-zeitlinie\",children:\"Evolutions-Zeitlinie\"}),`\n`,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:\"Mac OS X (2001-2011)\"}),`: Aqua - Skeuomorphes Design mit schweren Texturen\n`,(0,n.jsx)(e.strong,{children:\"macOS (2011-2020)\"}),`: Schrittweise Abflachung mit subtiler Transparenz\n`,(0,n.jsx)(e.strong,{children:\"macOS Tahoe (2025+)\"}),\": Liquid Glass - Dynamische, intelligente Transparenz\"]}),`\n`,(0,n.jsx)(e.h3,{id:\"hauptunterschiede\",children:\"Hauptunterschiede\"}),`\n`,(0,n.jsxs)(e.table,{children:[(0,n.jsx)(e.thead,{children:(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.th,{children:\"Aspekt\"}),(0,n.jsx)(e.th,{children:\"Vorheriges macOS\"}),(0,n.jsx)(e.th,{children:\"Liquid Glass UI\"})]})}),(0,n.jsxs)(e.tbody,{children:[(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:\"Transparenz\"}),(0,n.jsx)(e.td,{children:\"Statisch, einheitlich\"}),(0,n.jsx)(e.td,{children:\"Dynamisch, kontextuell\"})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:\"Leistung\"}),(0,n.jsx)(e.td,{children:\"GPU-intensiv\"}),(0,n.jsx)(e.td,{children:\"Optimiert f\\xFCr Apple Silicon\"})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:\"Anpassungsf\\xE4higkeit\"}),(0,n.jsx)(e.td,{children:\"Festes Erscheinungsbild\"}),(0,n.jsx)(e.td,{children:\"Umgebungs-Bewusstsein\"})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:\"Barrierefreiheit\"}),(0,n.jsx)(e.td,{children:\"Grundlegende Optionen\"}),(0,n.jsx)(e.td,{children:\"Umfassende Integration\"})]})]})]}),`\n`,(0,n.jsx)(e.h2,{id:\"erste-schritte\",children:\"Erste Schritte\"}),`\n`,(0,n.jsx)(e.h3,{id:\"f\\xFCr-benutzer\",children:\"F\\xFCr Benutzer\"}),`\n`,(0,n.jsxs)(e.ol,{children:[`\n`,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:\"Auf macOS Tahoe aktualisieren\"}),\" wenn verf\\xFCgbar\"]}),`\n`,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:\"Transparenz-Einstellungen erkunden\"}),\" in Systemeinstellungen\"]}),`\n`,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:\"An Ihre Bed\\xFCrfnisse anpassen\"}),\" - Transparenz-Niveaus anpassen\"]}),`\n`,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:\"Verschiedene Hintergrundbilder ausprobieren\"}),\", um Anpassung in Aktion zu sehen\"]}),`\n`]}),`\n`,(0,n.jsx)(e.h3,{id:\"f\\xFCr-entwickler\",children:\"F\\xFCr Entwickler\"}),`\n`,(0,n.jsxs)(e.ol,{children:[`\n`,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:\"Neue APIs \\xFCberpr\\xFCfen\"}),\" in Xcode-Dokumentation\"]}),`\n`,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:\"Auf Ziel-Hardware testen\"}),\" - besonders Intel vs. Apple Silicon\"]}),`\n`,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:\"Progressive Enhancement implementieren\"}),\" f\\xFCr \\xE4ltere Macs\"]}),`\n`,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:\"Barrierefreiheit ber\\xFCcksichtigen\"}),\" von der Design-Phase an\"]}),`\n`]}),`\n`,(0,n.jsx)(e.h2,{id:\"fazit\",children:\"Fazit\"}),`\n`,(0,n.jsx)(e.p,{children:\"Liquid Glass UI ist nicht nur eine visuelle Auffrischung\\u2014es ist eine fundamentale Neuvorstellung davon, wie Schnittstellen sowohl sch\\xF6n als auch funktional sein k\\xF6nnen. Durch die Nutzung von Apple Silicons F\\xE4higkeiten bei gleichzeitiger Beibehaltung der Kompatibilit\\xE4t mit Intel Macs hat Apple eine Design-Sprache geschaffen, die sich sowohl futuristisch als auch vertraut anf\\xFChlt.\"}),`\n`,(0,n.jsx)(e.p,{children:\"Der Schl\\xFCssel zu Liquid Glass UIs Erfolg liegt in seiner Intelligenz. Anstatt einfach alles transparent zu machen, schafft es bedeutungsvolle Transparenz, die die Nutzbarkeit verbessert und gleichzeitig visuelles Durcheinander reduziert. Dies repr\\xE4sentiert die Reifung von Apples Design-Philosophie: Technologie, die sich an Benutzer anpasst, anstatt zu verlangen, dass sich Benutzer an Technologie anpassen.\"}),`\n`,(0,n.jsx)(e.p,{children:\"W\\xE4hrend wir uns auf eine Zukunft mit r\\xE4umlichem Computing und Multi-Ger\\xE4te-Workflows zubewegen, bietet Liquid Glass UI die Grundlage f\\xFCr Schnittstellen, die sich in allen Kontexten nat\\xFCrlich anf\\xFChlen. Ob Sie ein MacBook, iMac oder zuk\\xFCnftige Apple-Ger\\xE4te verwenden, diese Design-Sprache gew\\xE4hrleistet konsistente, sch\\xF6ne und funktionale Erfahrungen.\"}),`\n`,(0,n.jsx)(e.hr,{}),`\n`,(0,n.jsx)(e.p,{children:(0,n.jsxs)(e.em,{children:[\"Erleben Sie Liquid Glass UI selbst, wenn macOS Tahoe verf\\xFCgbar wird. \\xDCberpr\\xFCfen Sie die Kompatibilit\\xE4t Ihres Mac mit unserem \",(0,n.jsx)(e.a,{href:\"/compatibility\",children:\"Kompatibilit\\xE4ts-Tool\"}),\", um zu sehen, ob Sie die vollst\\xE4ndige Erfahrung erhalten.\"]})})]})}function u(i={}){let{wrapper:e}=i.components||{};return e?(0,n.jsx)(e,{...i,children:(0,n.jsx)(a,{...i})}):a(i)}return v(S);})();\n;return Component;","toc":[{"title":"Was ist Liquid Glass UI?","url":"#was-ist-liquid-glass-ui","depth":2},{"title":"Kern-Design-Prinzipien","url":"#kern-design-prinzipien","depth":3},{"title":"Technische Architektur","url":"#technische-architektur","depth":2},{"title":"Rendering-Pipeline","url":"#rendering-pipeline","depth":3},{"title":"Systemanforderungen","url":"#systemanforderungen","depth":3},{"title":"Aufschlüsselung visueller Elemente","url":"#aufschlüsselung-visueller-elemente","depth":2},{"title":"1. Fenster-Materialien","url":"#1-fenster-materialien","depth":3},{"title":"2. Menü- und Steuerelemente","url":"#2-menü--und-steuerelemente","depth":3},{"title":"3. Benachrichtigungs- und Warnsysteme","url":"#3-benachrichtigungs--und-warnsysteme","depth":3},{"title":"Benutzererfahrungs-Verbesserungen","url":"#benutzererfahrungs-verbesserungen","depth":2},{"title":"Verbesserte visuelle Hierarchie","url":"#verbesserte-visuelle-hierarchie","depth":3},{"title":"Verbesserte Lesbarkeit","url":"#verbesserte-lesbarkeit","depth":3},{"title":"Produktivitäts-Vorteile","url":"#produktivitäts-vorteile","depth":3},{"title":"Anpassungsoptionen","url":"#anpassungsoptionen","depth":2},{"title":"Systemeinstellungen","url":"#systemeinstellungen","depth":3},{"title":"Entwickler-API-Integration","url":"#entwickler-api-integration","depth":3},{"title":"Leistungsoptimierung","url":"#leistungsoptimierung","depth":2},{"title":"Apple Silicon-Vorteile","url":"#apple-silicon-vorteile","depth":3},{"title":"Intel Mac-Überlegungen","url":"#intel-mac-überlegungen","depth":3},{"title":"Barrierefreiheits-Features","url":"#barrierefreiheits-features","depth":2},{"title":"Visuelle Barrierefreiheit","url":"#visuelle-barrierefreiheit","depth":3},{"title":"Kognitive Barrierefreiheit","url":"#kognitive-barrierefreiheit","depth":3},{"title":"Entwickler-Implementierung","url":"#entwickler-implementierung","depth":2},{"title":"Best Practices","url":"#best-practices","depth":3},{"title":"Zukunfts-Implikationen","url":"#zukunfts-implikationen","depth":2},{"title":"Design-Evolution","url":"#design-evolution","depth":3},{"title":"Technologie-Grundlage","url":"#technologie-grundlage","depth":3},{"title":"Vergleich mit vorherigen Designs","url":"#vergleich-mit-vorherigen-designs","depth":2},{"title":"Evolutions-Zeitlinie","url":"#evolutions-zeitlinie","depth":3},{"title":"Hauptunterschiede","url":"#hauptunterschiede","depth":3},{"title":"Erste Schritte","url":"#erste-schritte","depth":2},{"title":"Für Benutzer","url":"#für-benutzer","depth":3},{"title":"Für Entwickler","url":"#für-entwickler","depth":3},{"title":"Fazit","url":"#fazit","depth":2}],"estimatedTime":6}