{"id":4887,"date":"2024-07-10T07:55:16","date_gmt":"2024-07-10T07:55:16","guid":{"rendered":"https:\/\/blog.tchop.io\/?p=4887"},"modified":"2024-09-30T08:22:51","modified_gmt":"2024-09-30T08:22:51","slug":"der-dark-mode-von-ios-18-was-app-anbieter-wissen-muessen","status":"publish","type":"post","link":"https:\/\/blog.tchop.io\/de\/der-dark-mode-von-ios-18-was-app-anbieter-wissen-muessen\/","title":{"rendered":"Der &#8222;Dark Mode&#8220; von iOS 18: Was App-Anbieter wissen m\u00fcssen"},"content":{"rendered":"\n<p>Apples iOS 18 soll im September 2024 auf den Markt kommen und eine Vielzahl neuer Funktionen zur Verbesserung der Benutzerfreundlichkeit mit sich bringen. Zu diesen spannenden Updates geh\u00f6rt die Einf\u00fchrung eines automatischen Dunkelmodus f\u00fcr App-Symbole. Im Folgenden erfahren Sie, wie diese Funktion funktioniert und was sie f\u00fcr App-Entwickler bedeutet.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>So funktioniert der automatische Dunkelmodus<\/strong><\/h3>\n\n\n\n<p>Der automatische Dunkelmodus f\u00fcr App-Symbole nutzt eine neuartige Bildtrennungs-Technologie auf Basis von maschinellem Lernen, um App-Symbole dynamisch anzupassen, wenn der Dunkelmodus auf dem Ger\u00e4t eines Nutzers aktiviert ist. Hier ist ein genauerer Blick auf die Funktionalit\u00e4t:<\/p>\n\n\n\n<p><strong>Bildtrennung durch maschinelles Lernen: <\/strong><\/p>\n\n\n\n<p>Diese Technologie invertiert App-Symbole auf intelligente Weise, um Versionen im dunklen Modus zu erstellen. Sie zielt vor allem auf Symbole mit einfachen Farbpaletten oder solchen mit wei\u00dfem Hintergrund ab. Es ist noch nicht klar wie gut die Technologie alles F\u00e4lle und Anforderungen abdeckt, die Beispiele, die sich im Netz finden bislang sind gemischt (aber iOS18 befindet sich ja auch noch in einer Beta-Version).<\/p>\n\n\n\n<p><strong>Icon-Transformation: <\/strong><\/p>\n\n\n\n<p>Icons mit wei\u00dfem Hintergrund werden in der Regel in einen schwarzen Hintergrund umgewandelt. Au\u00dferdem kann sich die Farbe des Logos selbst \u00e4ndern, wie die Umwandlung des Tesla-App-Symbols zeigt.<\/p>\n\n\n\n<p><strong>Komplexe Icons<\/strong><\/p>\n\n\n\n<p>Icons mit komplizierteren Designs oder bunten Bildern k\u00f6nnen stattdessen einen dunklen Filter erhalten, oder in manchen F\u00e4llen bleiben sie unver\u00e4ndert, um ihr urspr\u00fcngliches Aussehen zu bewahren.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"iOS 18 dark mode app icons\" width=\"726\" height=\"408\" src=\"https:\/\/www.youtube.com\/embed\/o8ds1-buOCM?feature=oembed\" loading=\"lazy\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Was dies f\u00fcr App-Entwickler bedeutet<\/h3>\n\n\n\n<p>Die Einf\u00fchrung des automatischen Dunkelmodus f\u00fcr App-Symbole bringt sowohl Chancen als auch Herausforderungen f\u00fcr Entwickler mit sich. Folgendes sollten Sie beachten:<\/p>\n\n\n\n<p>Entwickler m\u00fcssen nicht unbedingt separate Symbole f\u00fcr den dunklen Modus erstellen, da iOS 18 die Konvertierung automatisch vornimmt. Dies kann Zeit und Ressourcen sparen, insbesondere f\u00fcr kleinere Entwicklungsteams. <\/p>\n\n\n\n<p>Der automatische Konvertierungsprozess funktioniert m\u00f6glicherweise nicht bei allen Symbolen einwandfrei. Bei Icons mit komplexem Design k\u00f6nnen Probleme auftreten, z. B. wei\u00dfe oder graue Pixel an den R\u00e4ndern, die vor dem dunklen Hintergrund optisch unattraktiv wirken. Daher kann es Sinn machen eigene Assets zu liefern, speziell, wenn absehbar ist, dass das eigene Icon nicht gut konvertierbar ist oder man hier konkrete, eigene Vorstellungen hat<\/p>\n\n\n\n<p>So oder so: Entwickler sollten sich auf eine Anpassungsphase einstellen, in der sie ihre Icon-Designs so abstimmen m\u00fcssen, dass sie sowohl mit der automatischen Konvertierung in den dunklen Modus als auch mit dem normalen hellen Modus nahtlos funktionieren. Diese Anpassung ist entscheidend f\u00fcr die Beibehaltung eines konsistenten und ausgefeilten Looks.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Vorbereitungen f\u00fcr die endg\u00fcltige Ver\u00f6ffentlichung<\/h3>\n\n\n\n<p>Es ist wichtig zu wissen, dass sich diese Funktion derzeit in der Beta-Phase befindet (iOS 18 Beta 3) und dass es bis zur endg\u00fcltigen Ver\u00f6ffentlichung im September noch \u00c4nderungen geben kann. Wir informieren \u00fcber Updates und werden selbst weitere Tests durchf\u00fchren, um eine optimale Darstellung auf den Startbildschirmen der Nutzer sicherzustellen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wie der neue &#8222;Dark Mode&#8220; funktioniert und wie man die eigene App darauf vorbereitet.<\/p>\n","protected":false},"author":11,"featured_media":4865,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[66,65,64,177],"tags":[],"coauthors":[191],"class_list":["post-4887","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-beste-praktiken","category-die-plattform","category-tchop-apps-de","category-tchop-verwenden"],"_links":{"self":[{"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/posts\/4887","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/comments?post=4887"}],"version-history":[{"count":3,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/posts\/4887\/revisions"}],"predecessor-version":[{"id":5070,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/posts\/4887\/revisions\/5070"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/media\/4865"}],"wp:attachment":[{"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/media?parent=4887"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/categories?post=4887"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/tags?post=4887"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/coauthors?post=4887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}