[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":3,"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":39,"Fr0m5RDCspELF5iMZBeiwrw02GL1y7cqy2-lFNuxOwQ":75,"jYBfQw9TrdLDwxzgdkPaKGXrCG4WcUAPZQh4cF2GYlg":174,"_apollo:default":216},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","footer","Fußzeile",[9,24,29,34],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum",null,"/impressum",{"__typename":16,"id":17,"name":18,"direction":19},"Language","de","German","ltr",true,false,{"__typename":23,"class":13},"MenuItemAttributes",{"__typename":10,"id":25,"title":26,"description":13,"url":27,"langcode":15,"internal":20,"expanded":21,"attributes":28},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":21,"expanded":21,"attributes":38},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__typename":23,"class":13},{"menu":40},{"__typename":5,"id":41,"name":42,"items":43},"nuxt-main-menu","Nuxt Hauptmenü",[44,50,55,60,65,70],{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":48,"internal":20,"expanded":21,"attributes":49},"9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog","/know-how",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":51,"title":52,"description":13,"url":53,"langcode":48,"internal":20,"expanded":21,"attributes":54},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":56,"title":57,"description":13,"url":58,"langcode":48,"internal":20,"expanded":21,"attributes":59},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":48,"internal":20,"expanded":21,"attributes":64},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":48,"internal":20,"expanded":21,"attributes":69},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":48,"internal":20,"expanded":21,"attributes":74},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"route":76},{"__typename":77,"entity":78},"RouteInternal",{"__typename":79,"id":80,"title":81,"changed":82,"created":88,"langcode":91,"path":92,"promote":21,"status":20,"sticky":21,"metatag":93,"postCategory":117,"postContentElements":13,"evergreen":13,"tags":13,"postWpBody":142,"wpHeaderImage":146,"wpHeaderImageOld":13,"wpHeaderImageOldSmall":13,"wpOgImage":158,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":145,"wpYoastHead":167,"author":168},"NodeWpPost","727","UI Trends 2024",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1708434860,"UTC","+00:00","2024-02-20T13:14:20+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1705399342,"2024-01-16T10:02:22+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/blog/ui-trends-2024",[94,101,108,113],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","UI Trends 2024 | Liechtenecker UX Design Studio",{"__typename":102,"tag":103,"attributes":104},"MetaTagLink","link",{"__typename":105,"href":106,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"MetaTagLinkAttributes","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/blog/ui-trends-2024","canonical",{"__typename":109,"tag":96,"attributes":110},"MetaTagProperty",{"__typename":111,"property":112,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":109,"tag":96,"attributes":114},{"__typename":111,"property":115,"content":116},"og:image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/styles/meta_og_image/public/wp-migration/wordpress-media-image/2024/01/BLOG_SharingUITrends24.jpg?h=563be55c&itok=LfBOMgP2",{"__typename":118,"id":119,"name":120,"path":121,"status":20,"weight":122,"description":123,"langcode":127,"changed":128,"metatag":131},"TermCategories","8","UX/UI Design","/kategorie/design",0,{"__typename":124,"processed":125,"format":126},"Text","Themen aus dem Bereich Design & User Experience","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":129,"timezone":85,"offset":86,"time":130},1713772777,"2024-04-22T07:59:37+00:00",[132,135,139],{"__typename":95,"tag":96,"attributes":133},{"__typename":98,"name":99,"content":134},"UX/UI Design | Liechtenecker UX Design Studio",{"__typename":95,"tag":96,"attributes":136},{"__typename":98,"name":137,"content":138},"description","Themen aus dem Bereich Design & User Experience",{"__typename":102,"tag":103,"attributes":140},{"__typename":105,"href":141,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/design",{"__typename":143,"processed":144,"format":126,"summary":145},"TextSummary","\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Wir haben nicht nur zahlreiche englischsprachige Quellen durchforstet, sondern auch unsere Einschätzungen und UI-Favoriten hinzugefügt, um euch eine umfassende Perspektive zu bieten.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Cem>Spoiler alert: \u003C/em>auch dieses Jahr steht unter dem Einfluss von KI (Englisch: AI)! Schaut mit uns gemeinsam auf die wichtigsten Trends und altbekannte, jedoch neu verpackte Prinzipien, die ihr im Jahr 2024 im Auge behalten solltet.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Zum Überblick:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Cstrong>BEWEGUNG\u003C/strong>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3  standard-list\">\n            \n\u003Cul>\u003Cli>\u003Ca href=\"#Advanced\">#Advanced\u003C/a> (Micro-)Interactions\u003C/li>\u003Cli>\u003Ca href=\"#Looping\">#Looping\u003C/a> Scroll\u003C/li>\u003Cli>\u003Ca href=\"#Parallax\">#Parallax\u003C/a> effect\u003C/li>\u003Cli>\u003Ca href=\"#Mischung\">#Mischung\u003C/a> aus horizontalem und vertikalem Scroll\u003C/li>\u003C/ul>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Cstrong>MULTIMEDIA\u003C/strong>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3  standard-list\">\n            \n\u003Cul>\u003Cli>\u003Ca href=\"#Foto\">#Foto\u003C/a> Branding\u003C/li>\u003Cli>\u003Ca href=\"#3D\">#3D\u003C/a> sowie AR/VR\u003C/li>\u003C/ul>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Cstrong>LAYOUT & GRID\u003C/strong>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3  standard-list\">\n            \n\u003Cul>\u003Cli>\u003Ca href=\"#Bentobox\">#Bentobox\u003C/a> Layouts\u003C/li>\u003Cli>\u003Ca href=\"#100\">#100\u003C/a> % Grid\u003C/li>\u003Cli>\u003Ca href=\"#Asymmetrie\">#Asymmetrie\u003C/a>\u003C/li>\u003C/ul>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Cstrong>FARBE & FONT\u003C/strong>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3  standard-list\">\n            \n\u003Cul>\u003Cli>\u003Ca href=\"#Gigantische\">#Gigantische\u003C/a> Buttons, Headlines, Neobrutalism\u003C/li>\u003Cli>\u003Ca href=\"#Back\">#back\u003C/a> to the roots Retro\u003C/li>\u003Cli>\u003Ca href=\"#Minimalismus\">#Minimalismus\u003C/a> -Maximalismus-Kontinuum\u003C/li>\u003Cli>\u003Ca href=\"#Gradients\">#Gradients\u003C/a>\u003C/li>\u003C/ul>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Cstrong>UX “TRENDS” – WIE WIR NUN ARBEITEN\u003C/strong>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3  standard-list\">\n            \n\u003Cul>\u003Cli>\u003Ca href=\"#Generatives\">#Generatives\u003C/a> Design mit KIs\u003C/li>\u003Cli>\u003Ca href=\"#Adaptive\">#Adaptive\u003C/a> UI: Personalisierte und kontextbezogene User Experience\u003C/li>\u003Cli>\u003Ca href=\"#Voice\">#Voice\u003C/a> User Interface\u003C/li>\u003Cli>\u003Ca href=\"#Fokus\">#Fokus\u003C/a> auf mentale Gesundheit\u003C/li>\u003Cli>\u003Ca href=\"#Ethisches\">#Ethisches\u003C/a> umweltfreundliches und zugängliches Design\u003C/li>\u003C/ul>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Ca href=\"#Bonus\">#Bonus\u003C/a> Inspiration Boards\u003Cbr>Die letzte \u003Ca href=\"#Weisheit\">#Weisheit\u003C/a>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cdiv style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\">\u003C/div>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch4>Lasst uns also loslegen:\u003C/h4>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch2 id=\"Bewegung\">Bewegung\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch3 id=\"Advanced\">Advanced (Micro-)Interactions\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Micro-Interactions haben wir schon im \u003Ca href=\"/blog/15-ui-trends-2023\" target=\"_blank\" rel=\"noreferrer noopener\">Trendbericht 2023\u003C/a> erwähnt – sie vermitteln User:innen, wenn sich der \u003Cstrong>Status\u003C/strong> oder der \u003Cstrong>Kontext\u003C/strong> geändert haben, lenken die \u003Cstrong>Aufmerksamkeit\u003C/strong> (die ja ein rares Gut ist!) und machen die Verwendung von digitalen Produkten zu einem extra \u003Cstrong>Genuss\u003C/strong>.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cp>Dieses Jahr sprechen Quellen von “fortgeschrittenen” Micro-Interactions wie animierten Fortschrittsbalken, die nicht nur den Status anzeigen, sondern auch Feedback zur Geschwindigkeit der Benutzereingabe geben, wie hier bei \u003Ca href=\"https://artsandsciences.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Arts & Sciences\u003C/a>:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"2275e0f2-82c8-4cae-a9a3-98529d95d295\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>  \u003Cimg title=\"ArtsSciences_GIF\" alt loading=\"lazy\" src=\"/sites/default/files/wp-migration/wordpress-media-image/2024/01/ArtsSciences_GIF.gif\" width=\"1200\" height=\"637\">\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Dark Mode, Übermäßige Fonts, spannende Teaser seitlich und natürlich überblitzte Fotos – beim Harlem Studio Museum.\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Apple hat auf iOS17 nun animierte Icons zur Verfügung gestellt – wieder einmal kein neuer Trend, aber deswegen nicht minder spannend. Wichtig zu beachten – Richtlinien dazu von \u003Ca href=\"https://m2.material.io/design/iconography/animated-icons.html\" target=\"_blank\" rel=\"noreferrer noopener\">Material Design\u003C/a> und \u003Ca href=\"https://developer.apple.com/design/human-interface-guidelines\" target=\"_blank\" rel=\"noreferrer noopener\">Apple’s Human Interface Guidelines\u003C/a>.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Auch schön, wenn die Schrift auf die Bewegung der Maus reagiert, wie hier bei \u003Ca href=\"https://www.syndesicollection.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Syndesi\u003C/a>:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Ansicht der Seite Syndesi mit der Interaktion Maus (Buchstaben werden größer)\" data-entity-type=\"media\" data-entity-uuid=\"6e91a222-4d03-49a5-8371-2693a04d8039\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>  \u003Cimg title=\"Syndesi_GIF\" alt=\"Ansicht der Seite Syndesi mit der Interaktion Maus (Buchstaben werden größer)\" loading=\"lazy\" src=\"/sites/default/files/wp-migration/wordpress-media-image/2024/01/Syndesi_GIF.gif\" width=\"1200\" height=\"637\">\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Dark Mode, Übermäßige Fonts, spannende Teaser seitlich und natürlich überblitzte Fotos – beim Harlem Studio Museum.\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Hier sind auch \u003Ca href=\"https://medium.com/ux-planet/the-10-best-ux-interactions-of-2023-6e5acc840adb\" target=\"_blank\" rel=\"noreferrer noopener\">zehn tolle Interaktionen von 2023\u003C/a> gesammelt – z.B. an einem Regentag ist das Trinkgeld in der Uber-App automatisch auf 20 % statt 10 % voreingestellt.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch3 id=\"Looping\">Looping Scroll\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Bei diesen Seiten wird nach dem Erreichen des Seitenendes automatisch wieder zum Anfang der Seite zurückgekehrt. Trend gesehen bei \u003Ca href=\"https://www.nobellfoods.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Nobell\u003C/a> oder hier bei \u003Ca href=\"https://labs.lusion.co/\" target=\"_blank\" rel=\"noreferrer noopener\">LusionLabs\u003C/a>:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"7bef9323-1ffc-4793-9a39-dbda989008c2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>  \u003Cimg title=\"Nobell_GIF-1\" alt loading=\"lazy\" src=\"/sites/default/files/wp-migration/wordpress-media-image/2024/01/Nobell_GIF-1.gif\" width=\"1200\" height=\"637\">\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Dark Mode, Übermäßige Fonts, spannende Teaser seitlich und natürlich überblitzte Fotos – beim Harlem Studio Museum.\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Der unendliche Scroll kann dazu beitragen eine kontinuierliche und fließende Experience zu schaffen. Sie wird oft in kreativen Projekten, Storytelling-Websites oder Präsentationen eingesetzt, um Inhalte nahtlos zu präsentieren, ohne dass der Benutzer zwischen verschiedenen Seiten wechseln muss.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Es ist wichtig zu beachten, dass, während das Looping Scroll visuell ansprechend und innovativ sein kann, es auch darauf ankommt, wie gut es mit dem Inhalt der Seite harmoniert und ob es die User Experience verbessert oder eher als ablenkend empfunden wird.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch3 id=\"Parallax\">Parallax effect\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Diese Technik, die seit 2010 in Gebrauch ist, verleiht dem Design eine faszinierende Dimension, indem Hintergrund, Mittelgrund und Vordergrund sich mit unterschiedlichen Geschwindigkeiten bewegen, wie hier bei \u003Ca href=\"https://webflow.com/web-design-art-history\">Web Design & Art \u003C/a>\u003Ca href=\"https://webflow.com/web-design-art-history\" target=\"_blank\" rel=\"noreferrer noopener\">History\u003C/a>:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"66e7ea4e-f2af-41dc-8062-9cc8f4dbc766\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>  \u003Cimg title=\"Web-Design-Art-History_GIF\" alt loading=\"lazy\" src=\"/sites/default/files/wp-migration/wordpress-media-image/2024/01/Web-Design-Art-History_GIF.gif\" width=\"1200\" height=\"637\">\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Dark Mode, Übermäßige Fonts, spannende Teaser seitlich und natürlich überblitzte Fotos – beim Harlem Studio Museum.\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Das zeitlose Spiel mit Tiefe eines Parallax erzeugt die Illusion eines dreidimensionalen Raums und ist erneut in den Fokus der Designwelt gerückt – z.B. auch hier bei \u003Ca href=\"https://findyourvana.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Vana\u003C/a>.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Hier bei \u003Ca href=\"https://www.ohiggins1625.com/\" target=\"_blank\" rel=\"noreferrer noopener\">O’Higgins\u003C/a> bewegen sich die Bilder nur ein wenig langsamer als der Rest der Seite, was einen schönen Effekt erzeugt:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"bef26728-b2db-4438-9258-cfdcd5fbca86\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>  \u003Cimg title=\"OHiggins_GIF\" alt loading=\"lazy\" src=\"/sites/default/files/wp-migration/wordpress-media-image/2024/01/OHiggins_GIF.gif\" width=\"1200\" height=\"637\">\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Dark Mode, Übermäßige Fonts, spannende Teaser seitlich und natürlich überblitzte Fotos – beim Harlem Studio Museum.\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch3 id=\"Mischung\">Mischung aus horizontalem und vertikalem Scroll\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Immer mehr Seiten werden im kommenden Jahr zu einer Mischung aus den zwei Scrollrichtungen greifen – im Vorjahr war es vermehrt eine Entweder-oder-Entscheidung. Gesehen z.B. bei den \u003Ca href=\"https://interstellarlab.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Interstellar Labs\u003C/a> oder \u003Ca href=\"https://www.oovra.io/\" target=\"_blank\" rel=\"noreferrer noopener\">Oovra\u003C/a>.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"3584c3cd-4a91-4081-8097-0f4772296cb6\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>  \u003Cimg title=\"Interstellar_GIF\" alt loading=\"lazy\" src=\"/sites/default/files/wp-migration/wordpress-media-image/2024/01/Interstellar_GIF.gif\" width=\"1200\" height=\"637\">\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Dark Mode, Übermäßige Fonts, spannende Teaser seitlich und natürlich überblitzte Fotos – beim Harlem Studio Museum.\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cdiv style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\">\u003C/div>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch2>Multimedia\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Fotos, 3D, VR & AR – welche Trends gibt es in diesem Bereich?\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch3 id=\"Foto\">Foto Branding \u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Mit der Verwendung von Apps wie TikTok und BeReal werden nun auch im Web immer mehr realistische Fotos verwendet, die nicht über gestylt aussehen, sondern so, als hätte sie jemand schnell mit seinem Handy geschossen.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Foto von einem Paar Füße mit bauen Eisbärsocken und einem Tragefoto blauer Socken\" data-entity-type=\"media\" data-entity-uuid=\"5b87c480-e344-447a-8b7f-db112bf99b5e\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/01/Smaak-Studios.jpg.webp?itok=W7bqLFNF 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/01/Smaak-Studios.jpg.webp?itok=A0B3cLFc 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"916\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/01/Smaak-Studios.jpg.webp?itok=HnIn7K8J 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/01/Smaak-Studios.jpg.webp?itok=79Wbeprg 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"651\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/01/Smaak-Studios.jpg.webp?itok=4nNdapZz 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Smaak-Studios.jpg.webp?itok=HOxooQhz 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"474\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/01/Smaak-Studios.jpg.webp?itok=4EN0teT9 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Smaak-Studios.jpg.webp?itok=HuF1lKs1 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"305\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/01/Smaak-Studios.jpg.webp?itok=k1Qs2t51 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Smaak-Studios.jpg.webp?itok=iooZRIYW 2x\" type=\"image/webp\" width=\"1620\" height=\"1030\">\n                  \u003Cimg loading=\"lazy\" width=\"2214\" height=\"1408\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Smaak-Studios.jpg.jpg?itok=iooZRIYW\" alt=\"Foto von einem Paar Füße mit bauen Eisbärsocken und einem Tragefoto blauer Socken\" title=\"Smaak-Studios\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Dark Mode, Übermäßige Fonts, spannende Teaser seitlich und natürlich überblitzte Fotos – beim Harlem Studio Museum.\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Weiterhin beliebt sind Fotos, die mit einem übermäßig starken Blitz geschlossen wurden – ein wenig Kodak-Feeling der 90er erweckend (s. Punkt “Retro”).\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"2 Künstler:innen Portraitsfotos\" data-entity-type=\"media\" data-entity-uuid=\"8aca5c83-2beb-4440-a160-18376d63369e\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/01/Harlem-Studio-Museum-scaled.jpg.webp?itok=5pm8g_Ug 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/01/Harlem-Studio-Museum-scaled.jpg.webp?itok=n9kW4vnL 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"730\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/01/Harlem-Studio-Museum-scaled.jpg.webp?itok=ASdfirUE 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/01/Harlem-Studio-Museum-scaled.jpg.webp?itok=tGiio3jR 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"519\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/01/Harlem-Studio-Museum-scaled.jpg.webp?itok=8RA83uEx 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Harlem-Studio-Museum-scaled.jpg.webp?itok=TTrJLLbu 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"377\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/01/Harlem-Studio-Museum-scaled.jpg.webp?itok=1YfgoYUa 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Harlem-Studio-Museum-scaled.jpg.webp?itok=RphRu3AU 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"243\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/01/Harlem-Studio-Museum-scaled.jpg.webp?itok=baIm4luG 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Harlem-Studio-Museum-scaled.jpg.webp?itok=CZuVqRoY 2x\" type=\"image/webp\" width=\"1620\" height=\"821\">\n                  \u003Cimg loading=\"lazy\" width=\"2560\" height=\"1297\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Harlem-Studio-Museum-scaled.jpg.jpg?itok=CZuVqRoY\" alt=\"2 Künstler:innen Portraitsfotos\" title=\"Harlem-Studio-Museum\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Dark Mode, Übermäßige Fonts, spannende Teaser seitlich und natürlich überblitzte Fotos – beim Harlem Studio Museum.\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch3 id=\"3D\">3D sowie AR/VR\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Dieses Jahr betonen einige Quellen die Bedeutung von Augmented Reality (AR) und Virtual Reality (VR). Mit den Apple Glasses rückt die AR/VR-Revolution nun noch näher. Obwohl das Gerät selbst lediglich ein erstes Testmodell ist und zweifellos ernsthafte Überarbeitungen erfordert, beeindruckt das visionOS durch seine herausragenden Eigenschaften.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Diese Technologien ermöglichen die Erweiterung der Grenzen der physischen Welt und deren Verschmelzung mit digitalen Tools. Die Quellen weisen darauf hin, dass hierbei viele lukrative Möglichkeiten im Bildungsbereich, in der Immobilienbranche, bei Koch-Apps und mehr entstehen könnten. Schaut euch auch diese faszinierende Welt von \u003Ca href=\"https://guccibeautywishes.gucci.com/#/en/\" target=\"_blank\" rel=\"noreferrer noopener\">Gucci\u003C/a> an!\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 is-style-default\">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"6de64887-a8c4-48a6-8e95-e50b6bc07629\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>  \u003Cimg title=\"Gucci_GIF-1\" alt loading=\"lazy\" src=\"/sites/default/files/wp-migration/wordpress-media-image/2024/01/Gucci_GIF-1.gif\" width=\"1200\" height=\"637\">\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>3D-Elemente sind eine wirkungsvolle Möglichkeit für Designer, Aufmerksamkeit zu erregen und Tiefe sowie Realismus in die Benutzeroberfläche zu integrieren, z.B. hier bei \u003Ca href=\"https://www.smiletwice.com/products/oral-wellness-immunity-rinse\" target=\"_blank\" rel=\"noreferrer noopener\">Mundhygieneprodukten\u003C/a>.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"e810346d-a5a5-439e-b3d5-1c4106f53a97\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>  \u003Cimg title=\"Twice_GIF\" alt loading=\"lazy\" src=\"/sites/default/files/wp-migration/wordpress-media-image/2024/01/Twice_GIF.gif\" width=\"1200\" height=\"637\">\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Gerade für Storytelling eignen sich diese Technologien besonders. Hier eine \u003Ca href=\"https://thefieldhyundai.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Page von Hyundai\u003C/a> in Kooperation mit dem Wall Street Journal, ein 360-Grad-Erlebnis in Form einer Erzählreise, das zeigt, wie die Produktinnovationen von Hyundai das Leben heute und in der Zukunft verbessern.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Dunkle blaue Animierte 3D Welt von Hyundai\" data-entity-type=\"media\" data-entity-uuid=\"ac1df26d-bf06-424e-8d13-02e8714bb607\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>  \u003Cimg title=\"Hyundai_GIF\" alt=\"Dunkle blaue Animierte 3D Welt von Hyundai\" loading=\"lazy\" src=\"/sites/default/files/wp-migration/wordpress-media-image/2024/01/Hyundai_GIF.gif\" width=\"1200\" height=\"637\">\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cdiv style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\">\u003C/div>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch2>Layout & Grids\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Ein Grid ist ein System von horizontalen und vertikalen Linien, das dazu dient, Elemente auf einer Seite oder in einem Layout zu organisieren. Dies erleichtert die Ausrichtung und Strukturierung von Inhalten.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Auch wenn es einige Seiten, wie \u003Ca href=\"https://counter-forms.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Counter Forms\u003C/a>, bewusst weglassen:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"verschiedene Textblöcken, die teilweise übereinander angeordnet sind und mit bunten Kästchen hinterlegt\" data-entity-type=\"media\" data-entity-uuid=\"1005f828-6fa1-4c7e-a4ed-e0ec708d100c\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/01/Counter-Forms.png.webp?itok=kJVxx1Es 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/01/Counter-Forms.png.webp?itok=umR4VIp9 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"758\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/01/Counter-Forms.png.webp?itok=RL7hL-Ak 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/01/Counter-Forms.png.webp?itok=Hr_fBHbu 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"539\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/01/Counter-Forms.png.webp?itok=64m-S3D4 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Counter-Forms.png.webp?itok=bILm0wXd 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"392\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/01/Counter-Forms.png.webp?itok=2yY8z1n- 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Counter-Forms.png.webp?itok=QHK4GAm3 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"253\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/01/Counter-Forms.png.webp?itok=bdVdFq_T 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Counter-Forms.png.webp?itok=j_6hcHSo 2x\" type=\"image/webp\" width=\"1620\" height=\"853\">\n                  \u003Cimg loading=\"lazy\" width=\"2842\" height=\"1496\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Counter-Forms.png.jpg?itok=j_6hcHSo\" alt=\"verschiedene Textblöcken, die teilweise übereinander angeordnet sind und mit bunten Kästchen hinterlegt\" title=\"Counter-Forms\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch3 id=\"Bentobox\">Bentobox Layouts\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Die Bentobox, ursprünglich für organisierte Mahlzeiten entwickelt, findet im Online-Bereich großen Anklang bei Designern und ihren Kunden. Das ansprechende und leicht verständliche Layout strukturiert die digitalen Elemente in übersichtliche, funktionale Abschnitte. Diese Anordnung schafft ein Nutzererlebnis, das über das gewöhnliche Raster hinausgeht.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Hier z.B. bei \u003Ca href=\"https://www.workshopsurvival.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Workshopsurvival\u003C/a> hier unten – aber auch bei \u003Ca href=\"https://www.prowlstud.io/\" target=\"_blank\" rel=\"noreferrer noopener\">Prowl\u003C/a> und \u003Ca href=\"https://schoooool.com/work\" target=\"_blank\" rel=\"noreferrer noopener\">Schooool\u003C/a>.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Website workshop survival mit grid design\" data-entity-type=\"media\" data-entity-uuid=\"81c8fad0-6d9a-411d-909e-4a0f6ea9cdd3\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/01/Workshopsurvival.png.webp?itok=hW2MHYWE 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/01/Workshopsurvival.png.webp?itok=R3NbdQlE 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"761\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/01/Workshopsurvival.png.webp?itok=Dq7wWLs5 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/01/Workshopsurvival.png.webp?itok=qWQf86M3 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"541\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/01/Workshopsurvival.png.webp?itok=zYjCp5mQ 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Workshopsurvival.png.webp?itok=hh1sx8QB 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"394\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/01/Workshopsurvival.png.webp?itok=NuAOo1RC 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Workshopsurvival.png.webp?itok=oRJVlRG3 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"254\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/01/Workshopsurvival.png.webp?itok=MORd0zX5 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Workshopsurvival.png.webp?itok=7_TCGoyc 2x\" type=\"image/webp\" width=\"1620\" height=\"856\">\n                  \u003Cimg loading=\"lazy\" width=\"2854\" height=\"1508\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Workshopsurvival.png.jpg?itok=7_TCGoyc\" alt=\"Website workshop survival mit grid design\" title=\"Workshopsurvival\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch3 id=\"100\">100% Grid\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Wir kennen dieses Layout bereits von \u003Ca href=\"https://www.bruegel2018.at/\" target=\"_blank\" rel=\"noreferrer noopener\">dieser Bruegel-Seite von 2018\u003C/a> – auch hier gehen die Inhalte bis an den Browserrand und werden in kleineren und größeren Quadraten/Rechtecken angeordnet. Ganz neu ist der Trend also nicht, aber natürlich etwas seltener als ein klassisches Von-oben-nach-unten Grid.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Grid Design mit einem Mix aus Bildern und Text-Kacheln\" data-entity-type=\"media\" data-entity-uuid=\"51c74ee8-4702-4771-940b-ca5edaf4fbe2\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/01/Bruegel-scaled.jpg.webp?itok=evSUu6Gl 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/01/Bruegel-scaled.jpg.webp?itok=xLzjwvos 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"763\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/01/Bruegel-scaled.jpg.webp?itok=xXqm2Cty 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/01/Bruegel-scaled.jpg.webp?itok=uKZukWHR 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"542\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/01/Bruegel-scaled.jpg.webp?itok=dGGEO9U1 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Bruegel-scaled.jpg.webp?itok=eyil4rDY 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"395\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/01/Bruegel-scaled.jpg.webp?itok=8gef9Ni2 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Bruegel-scaled.jpg.webp?itok=_GSb7NAD 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"254\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/01/Bruegel-scaled.jpg.webp?itok=nIAVgjTH 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Bruegel-scaled.jpg.webp?itok=yuDzLONg 2x\" type=\"image/webp\" width=\"1620\" height=\"858\">\n                  \u003Cimg loading=\"lazy\" width=\"2560\" height=\"1356\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Bruegel-scaled.jpg.jpg?itok=yuDzLONg\" alt=\"Grid Design mit einem Mix aus Bildern und Text-Kacheln\" title=\"Bruegel\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Noch ein schönes Beispiel von einem Layout, das die gesamte Fläche von links nach rechts ausnutzt – \u003Ca href=\"https://noerd.se/\" target=\"_blank\" rel=\"noreferrer noopener\">Noerd\u003C/a>:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Kacheldesign mit einem Mix aus Bildern und Text \" data-entity-type=\"media\" data-entity-uuid=\"0d432300-ac37-4129-8841-e6c12ef5104d\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/01/Noerd-scaled.jpg.webp?itok=QnAE-NEI 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/01/Noerd-scaled.jpg.webp?itok=vd33QBbf 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"762\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/01/Noerd-scaled.jpg.webp?itok=ReGvOjsM 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/01/Noerd-scaled.jpg.webp?itok=cXyPuItV 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"542\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/01/Noerd-scaled.jpg.webp?itok=BiYAzrMp 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Noerd-scaled.jpg.webp?itok=H96Qq6Zl 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"394\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/01/Noerd-scaled.jpg.webp?itok=oDzx2kRO 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Noerd-scaled.jpg.webp?itok=4tnVpa0Y 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"254\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/01/Noerd-scaled.jpg.webp?itok=Ay0xDbUW 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Noerd-scaled.jpg.webp?itok=7Hd8mXo7 2x\" type=\"image/webp\" width=\"1620\" height=\"857\">\n                  \u003Cimg loading=\"lazy\" width=\"2560\" height=\"1354\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Noerd-scaled.jpg.jpg?itok=7Hd8mXo7\" alt=\"Kacheldesign mit einem Mix aus Bildern und Text \" title=\"Noerd\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Und noch ein Beispiel, bei dem die ganze Breite für eine regelmäßige Darstellung von Inhalten ausgenutzt wird – \u003Ca href=\"https://www.antennebooks.com/product-category/books/\" target=\"_blank\" rel=\"noreferrer noopener\">Antennebooks\u003C/a> hier unten oder bei \u003Ca href=\"https://www.readcereal.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Cereal\u003C/a>.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Bücher auf grauem Hintergrund in Shop in Kacheloptik.\" data-entity-type=\"media\" data-entity-uuid=\"cd2492cd-6ddd-422b-a2f5-4e823e2192a4\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/01/Antennebooks-scaled.jpg.webp?itok=72ppiCRi 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/01/Antennebooks-scaled.jpg.webp?itok=31nLEDDI 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"757\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/01/Antennebooks-scaled.jpg.webp?itok=L2aKg8C- 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/01/Antennebooks-scaled.jpg.webp?itok=uqerVBeC 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"538\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/01/Antennebooks-scaled.jpg.webp?itok=qcATX13S 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Antennebooks-scaled.jpg.webp?itok=5vLrH6I- 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"391\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/01/Antennebooks-scaled.jpg.webp?itok=Gu-CDkpL 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Antennebooks-scaled.jpg.webp?itok=19gMe8CF 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"252\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/01/Antennebooks-scaled.jpg.webp?itok=dGUbc4bE 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Antennebooks-scaled.jpg.webp?itok=fCEt2L4T 2x\" type=\"image/webp\" width=\"1620\" height=\"851\">\n                  \u003Cimg loading=\"lazy\" width=\"2560\" height=\"1345\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Antennebooks-scaled.jpg.jpg?itok=fCEt2L4T\" alt=\"Bücher auf grauem Hintergrund in Shop in Kacheloptik.\" title=\"Antennebooks\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch3 id=\"Asymmetrie\">Asymmetrie\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Weiterhin sind asymmetrische Layouts anzutreffen, die zwar trotzdem einem Grid folgen, aber doch aus dem Kästchen-Prinzip ziemlich ausbrechen, we like! Hier z.B. bei \u003Ca href=\"https://www.ohiggins1625.com/\" target=\"_blank\" rel=\"noreferrer noopener\">O’Higgins\u003C/a>.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Links ein Foto, dann nach einem Abstand versetzt rechts der Text \" data-entity-type=\"media\" data-entity-uuid=\"0674e0b5-1aad-45d8-8fe2-f2e969dcc851\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/01/OHiggins-scaled.jpg.webp?itok=m00PzST8 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/01/OHiggins-scaled.jpg.webp?itok=iCPamHR9 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"762\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/01/OHiggins-scaled.jpg.webp?itok=ctr4-fdk 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/01/OHiggins-scaled.jpg.webp?itok=2A77JVQe 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"542\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/01/OHiggins-scaled.jpg.webp?itok=nJsfkaW3 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/01/OHiggins-scaled.jpg.webp?itok=ppIL44cQ 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"394\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/01/OHiggins-scaled.jpg.webp?itok=YsL-m-Kd 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/01/OHiggins-scaled.jpg.webp?itok=TSIchFxk 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"254\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/01/OHiggins-scaled.jpg.webp?itok=8wQMAU63 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/OHiggins-scaled.jpg.webp?itok=mltmt4I9 2x\" type=\"image/webp\" width=\"1620\" height=\"857\">\n                  \u003Cimg loading=\"lazy\" width=\"2560\" height=\"1355\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/OHiggins-scaled.jpg.jpg?itok=mltmt4I9\" alt=\"Links ein Foto, dann nach einem Abstand versetzt rechts der Text \" title=\"OHiggins\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Asymmetrie, die aber verständlich ist, da das Grid freigelegt wurde, findet sich bei \u003Ca href=\"https://www.georgecoxfootwear.com/en-at\" target=\"_blank\" rel=\"noreferrer noopener\">George Cox Footwear\u003C/a>:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Schuhe in kleineren und größeren Bildern versetzt angeordnet\" data-entity-type=\"media\" data-entity-uuid=\"6c99c66b-b506-41f7-9977-89ee2b0d4088\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/01/George-Cox-Footwear-scaled.jpg.webp?itok=6UpZveSi 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/01/George-Cox-Footwear-scaled.jpg.webp?itok=CPkXYcLm 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"763\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/01/George-Cox-Footwear-scaled.jpg.webp?itok=jWGCbgbC 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/01/George-Cox-Footwear-scaled.jpg.webp?itok=nj7r8rtu 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"543\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/01/George-Cox-Footwear-scaled.jpg.webp?itok=D3pUnboe 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/01/George-Cox-Footwear-scaled.jpg.webp?itok=klN8SKsp 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"395\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/01/George-Cox-Footwear-scaled.jpg.webp?itok=amPcMsqM 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/01/George-Cox-Footwear-scaled.jpg.webp?itok=GQOj8T56 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"254\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/01/George-Cox-Footwear-scaled.jpg.webp?itok=TAn3ikJn 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/George-Cox-Footwear-scaled.jpg.webp?itok=CXpo7MjC 2x\" type=\"image/webp\" width=\"1620\" height=\"859\">\n                  \u003Cimg loading=\"lazy\" width=\"2560\" height=\"1357\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/George-Cox-Footwear-scaled.jpg.jpg?itok=CXpo7MjC\" alt=\"Schuhe in kleineren und größeren Bildern versetzt angeordnet\" title=\"George-Cox-Footwear\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cdiv style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\">\u003C/div>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch2>Farbe & Font\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch3 id=\"Gigantische\">Gigantische Buttons, Headlines, Neobrutalism\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Wie schon letztes Jahr sind XXL-Fonts und auch gigantische Buttons ein Ding im Jahr 2024. Große Schriften helfen dabei, ein Statement zu setzen und Aufmerksamkeit einzufangen. Sie verleihen Benutzeroberflächen eine starke Persönlichkeit, schaffen klare Hierarchien und leiten User durch den Inhalt.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Schaut euch das Riesenformular bei \u003Ca href=\"/a537e65c96574399b0153b0a7041479c?pvs=25\" target=\"_blank\" rel=\"noreferrer noopener\">Mita\u003C/a> an:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"JOIN US in großen Lettern, darunter ebenfalls groß\nYOUR NAME\nYOUR EMAIL\nPRE REGISTER\" data-entity-type=\"media\" data-entity-uuid=\"551eafeb-acbc-4c15-a84b-0ddc6504134a\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/01/Mita.png.webp?itok=EUm4kykL 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/01/Mita.png.webp?itok=p3ibPLVU 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"747\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/01/Mita.png.webp?itok=oJ8GJKCO 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/01/Mita.png.webp?itok=mP2dXaj2 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"531\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/01/Mita.png.webp?itok=GjlMleE2 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Mita.png.webp?itok=Ml1TOb3U 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"387\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/01/Mita.png.webp?itok=JsgSTlfF 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Mita.png.webp?itok=71EvJ8xU 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"249\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/01/Mita.png.webp?itok=_D0VSOeq 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Mita.png.webp?itok=MH9SmTkJ 2x\" type=\"image/webp\" width=\"1620\" height=\"841\">\n                  \u003Cimg loading=\"lazy\" width=\"2848\" height=\"1478\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Mita.png.jpg?itok=MH9SmTkJ\" alt=\"JOIN US in großen Lettern, darunter ebenfalls groß\nYOUR NAME\nYOUR EMAIL\nPRE REGISTER\" title=\"Mita\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Oder hier diesen gigantischen Download-Button bei \u003Ca href=\"https://rekki.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Rekki\u003C/a> an. Ich meine, warum auch nicht? 🙂\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Überdimensionaler Download Butten auf einem mobile Screen Ansicht\" data-entity-type=\"media\" data-entity-uuid=\"d7a907de-c947-4aac-b7ba-297199980336\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/01/Rekki.png.webp?itok=7Vk79T6i 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/01/Rekki.png.webp?itok=eczE1GM6 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"762\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/01/Rekki.png.webp?itok=nsDHnqxP 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/01/Rekki.png.webp?itok=fqMwujSv 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"542\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/01/Rekki.png.webp?itok=2tWqlRBZ 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Rekki.png.webp?itok=dhzKDQXX 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"394\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/01/Rekki.png.webp?itok=m6LsLWY8 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Rekki.png.webp?itok=ixrZZv46 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"254\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/01/Rekki.png.webp?itok=LQ9lY1qY 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Rekki.png.webp?itok=rguILAI7 2x\" type=\"image/webp\" width=\"1620\" height=\"858\">\n                  \u003Cimg loading=\"lazy\" width=\"2830\" height=\"1498\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Rekki.png.jpg?itok=rguILAI7\" alt=\"Überdimensionaler Download Butten auf einem mobile Screen Ansicht\" title=\"Rekki\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Noch zwei tolle Beispiele beim \u003Ca href=\"https://atio.studio/\" target=\"_blank\" rel=\"noreferrer noopener\">Atio Studio\u003C/a> und \u003Ca href=\"https://spaces.loversmagazine.com/?ref=httpster.net\" target=\"_blank\" rel=\"noreferrer noopener\">Lovers Magazine\u003C/a>.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Generell wird Typografie 2024 weiterhin kreativ genutzt, mit experimentellen und expressiven Fonts – wo es natürlich angebracht ist und User Experience unterstützt, wie zB. bei \u003Ca href=\"https://www.flyingpapers.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Flyingpapers\u003C/a>. Bei \u003Ca href=\"https://www.omse.co/\" target=\"_blank\" rel=\"noreferrer noopener\">Omse\u003C/a> wird die gigantische Schrift mit Mouse-Interactionen gepaart:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Sich bewegenede große schwarze Buchstaben auf weißem Hintergrund \" data-entity-type=\"media\" data-entity-uuid=\"09171d11-2703-4123-978c-3dc6c06778c0\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>  \u003Cimg title=\"OMSE_GIF\" alt=\"Sich bewegenede große schwarze Buchstaben auf weißem Hintergrund \" loading=\"lazy\" src=\"/sites/default/files/wp-migration/wordpress-media-image/2024/01/OMSE_GIF.gif\" width=\"1200\" height=\"637\">\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Serifenfonts schaffen ein Gefühl von Tradition und Sicherheit – z.B. bei \u003Ca href=\"https://mode.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Mode\u003C/a>, einer Plattform für Datenanalyse:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Grüne Seite mit hell hinterlegter Serifenschrift über mehrer Zeilen versetzt\" data-entity-type=\"media\" data-entity-uuid=\"b9641563-976c-4df4-8a2e-244988b759fd\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/01/Mode-scaled.jpg.webp?itok=cmtmyGxf 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/01/Mode-scaled.jpg.webp?itok=82bF-DHc 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"766\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/01/Mode-scaled.jpg.webp?itok=GUwSjX9f 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/01/Mode-scaled.jpg.webp?itok=gTYsPvs7 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"544\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/01/Mode-scaled.jpg.webp?itok=NVgt7QKs 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Mode-scaled.jpg.webp?itok=vWeoQ0zC 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"396\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/01/Mode-scaled.jpg.webp?itok=TqUUNAUa 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Mode-scaled.jpg.webp?itok=RnlBx4iu 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"255\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/01/Mode-scaled.jpg.webp?itok=7JpH319l 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Mode-scaled.jpg.webp?itok=2n97Dldu 2x\" type=\"image/webp\" width=\"1620\" height=\"861\">\n                  \u003Cimg loading=\"lazy\" width=\"2560\" height=\"1361\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Mode-scaled.jpg.jpg?itok=2n97Dldu\" alt=\"Grüne Seite mit hell hinterlegter Serifenschrift über mehrer Zeilen versetzt\" title=\"Mode\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch3 id=\"Back\">Back to the roots Retro Trend\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Was für ein Jahr es war! Kein Wunder, dass der Drang nach Altbekanntem und Gemütlichem hoch ist. Viele Quellen nennen zig Trends, die wir unter dem Begriff “Retro” zusammenfassen würden. Ob Elemente des Early Web der 90er und 2000er, Woodstock-Style der 60er, farbenfrohe Siebziger, Grainy Minimalismus der 80er, sogar klassisches Griechenland, Art Nouveau von 1890 und Art Deco von 1920 inspirieren UI Designer dazu, stilistische Elemente der Vergangenheit ins Web von heute zu holen. So heißen einige dieser Stile, falls ihr mal über die Begriffe stolpert: pop futurism, Y2K, line art, new grunge, neo-classical, neobrutalism.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>z.B. hier beim Magazin \u003Ca href=\"https://boysclub.vip/\" target=\"_blank\" rel=\"noreferrer noopener\">Boysclub\u003C/a>:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Foto als Hintergrund mit Kacheln verschiedener Inhalte quer darüber (Foto, Artikel,..)\" data-entity-type=\"media\" data-entity-uuid=\"d10d43d0-a35a-41c6-9d6a-8512365af900\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/01/Boysclub-scaled.jpg.webp?itok=wLgH-4YP 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/01/Boysclub-scaled.jpg.webp?itok=ZU0Koe7_ 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"762\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/01/Boysclub-scaled.jpg.webp?itok=UAS6OUkL 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/01/Boysclub-scaled.jpg.webp?itok=_3y4MgUb 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"542\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/01/Boysclub-scaled.jpg.webp?itok=kH7tYshN 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Boysclub-scaled.jpg.webp?itok=h-_e3nrW 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"394\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/01/Boysclub-scaled.jpg.webp?itok=wXuMy-If 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Boysclub-scaled.jpg.webp?itok=iBh6j9bp 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"254\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/01/Boysclub-scaled.jpg.webp?itok=3lWuxSI- 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Boysclub-scaled.jpg.webp?itok=F-6crb32 2x\" type=\"image/webp\" width=\"1620\" height=\"857\">\n                  \u003Cimg loading=\"lazy\" width=\"2560\" height=\"1355\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Boysclub-scaled.jpg.jpg?itok=F-6crb32\" alt=\"Foto als Hintergrund mit Kacheln verschiedener Inhalte quer darüber (Foto, Artikel,..)\" title=\"Boysclub\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>oder hier bei \u003Ca href=\"https://mollybaz.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Molly Baz\u003C/a>:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Hintergund mit gelben Visual, darüber blauer Text und kn allrote dicke Überschriften\" data-entity-type=\"media\" data-entity-uuid=\"694b4f88-8a57-40dd-a664-3d2919e2a67b\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/01/Molly-Baz.png.webp?itok=3LVQeRns 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/01/Molly-Baz.png.webp?itok=Bjn9dKIF 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"762\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/01/Molly-Baz.png.webp?itok=pXqwk4zM 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/01/Molly-Baz.png.webp?itok=A3vwTqTG 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"542\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/01/Molly-Baz.png.webp?itok=ZO_da903 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Molly-Baz.png.webp?itok=MmF2ho5s 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"394\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/01/Molly-Baz.png.webp?itok=s37xp4V2 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Molly-Baz.png.webp?itok=VGcxDPRq 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"254\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/01/Molly-Baz.png.webp?itok=zSHPeMJI 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Molly-Baz.png.webp?itok=8UDq8MTF 2x\" type=\"image/webp\" width=\"1620\" height=\"858\">\n                  \u003Cimg loading=\"lazy\" width=\"2848\" height=\"1508\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Molly-Baz.png.jpg?itok=8UDq8MTF\" alt=\"Hintergund mit gelben Visual, darüber blauer Text und kn allrote dicke Überschriften\" title=\"Molly-Baz\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch3 id=\"Minimalismus\">Minimalismus-Maximalismus-Kontinuum\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Sowohl ganz minimalistische als auch komplett überladene Websites und Apps waren 2023 und werden vermutlich 2024 weiterhin je nach Anwendungsfall verwendet. Hier eine sehr passende überladene \u003Ca href=\"https://www.nobellfoods.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Seite eines veganen Käseherstellers\u003C/a>:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Hintegrund mit Bildern und Doodles, darüber ein blauer Layer mit Text, dabenen ein Foto mit grünem Rahmen\" data-entity-type=\"media\" data-entity-uuid=\"f8eb8a2e-92d6-4b73-bec6-484fd33dd834\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/01/Nobell.png.webp?itok=Ay4q_mtQ 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/01/Nobell.png.webp?itok=_0zj1bID 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"757\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/01/Nobell.png.webp?itok=qqK6icqI 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/01/Nobell.png.webp?itok=koK51t5M 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"539\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/01/Nobell.png.webp?itok=FAYZ-8aS 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Nobell.png.webp?itok=7knZW_nM 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"392\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/01/Nobell.png.webp?itok=C46FPSEH 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Nobell.png.webp?itok=Yy9WkgxE 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"252\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/01/Nobell.png.webp?itok=jkRQIXUy 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Nobell.png.webp?itok=g7v9F39L 2x\" type=\"image/webp\" width=\"1441\" height=\"758\">\n                  \u003Cimg loading=\"lazy\" width=\"1441\" height=\"758\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Nobell.png.jpg?itok=g7v9F39L\" alt=\"Hintegrund mit Bildern und Doodles, darüber ein blauer Layer mit Text, dabenen ein Foto mit grünem Rahmen\" title=\"Nobell\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Das Extrem auf der Minimalismusseite nennt sich “Utilitarian”, hierbei werden hauptsächlich schwarze und weiße simple Formen verwendet, um jegliche visuelle Störungen zu vermeiden (gesehen unter anderem beim \u003Ca href=\"https://www.studiomuseum.org/\" target=\"_blank\" rel=\"noreferrer noopener\">Harlem Studio Museum\u003C/a>):\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"schwarzer Hintergrund, darüber weiße Schrift in Großbuchstaben darunter Fotos in Kacheln\" data-entity-type=\"media\" data-entity-uuid=\"4bc3221e-0fd2-4645-bbd8-63b36e51145e\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/01/Studio-Museum-Harlem-scaled.jpg.webp?itok=ZcifZC6v 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/01/Studio-Museum-Harlem-scaled.jpg.webp?itok=OpjsxtGm 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"763\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/01/Studio-Museum-Harlem-scaled.jpg.webp?itok=uwQ5Mh2z 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/01/Studio-Museum-Harlem-scaled.jpg.webp?itok=N-vwliFO 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"542\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/01/Studio-Museum-Harlem-scaled.jpg.webp?itok=30CNP0Mq 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Studio-Museum-Harlem-scaled.jpg.webp?itok=R8batXB0 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"395\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/01/Studio-Museum-Harlem-scaled.jpg.webp?itok=HEfOEUTZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Studio-Museum-Harlem-scaled.jpg.webp?itok=geuSnM_Y 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"254\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/01/Studio-Museum-Harlem-scaled.jpg.webp?itok=W2IGuKDD 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Studio-Museum-Harlem-scaled.jpg.webp?itok=LYg2EliA 2x\" type=\"image/webp\" width=\"1620\" height=\"858\">\n                  \u003Cimg loading=\"lazy\" width=\"2560\" height=\"1356\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Studio-Museum-Harlem-scaled.jpg.jpg?itok=LYg2EliA\" alt=\"schwarzer Hintergrund, darüber weiße Schrift in Großbuchstaben darunter Fotos in Kacheln\" title=\"Studio-Museum-Harlem\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Oder hier bei \u003Ca href=\"https://postfamiliar.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Postfamiliar\u003C/a>:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"schwarzer Menübalken, weißer Hintergrund mit präsentem schwarzen Text\" data-entity-type=\"media\" data-entity-uuid=\"d11c4872-a602-4d5e-aab1-2f88a7a85fdb\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/01/Post-Familiar.png.webp?itok=UoDOMw1J 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/01/Post-Familiar.png.webp?itok=ja4b9rbK 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"756\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/01/Post-Familiar.png.webp?itok=xwntxiqY 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/01/Post-Familiar.png.webp?itok=DnZnUSzG 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"538\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/01/Post-Familiar.png.webp?itok=0vB823OO 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Post-Familiar.png.webp?itok=kMYrOkse 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"391\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/01/Post-Familiar.png.webp?itok=26pRi5nc 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Post-Familiar.png.webp?itok=hqBBf24z 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"252\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/01/Post-Familiar.png.webp?itok=2LHId4oE 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Post-Familiar.png.webp?itok=p_Mcuhp4 2x\" type=\"image/webp\" width=\"1440\" height=\"756\">\n                  \u003Cimg loading=\"lazy\" width=\"1440\" height=\"756\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Post-Familiar.png.jpg?itok=p_Mcuhp4\" alt=\"schwarzer Menübalken, weißer Hintergrund mit präsentem schwarzen Text\" title=\"Post-Familiar\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch3 id=\"Gradients\">Gradients\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Komplexe und animierte Farbverläufe ersetzen bisher statische Gradients – auch hierbei handelt es sich um keinen neuen Trend, sondern eine Verfeinerung einer bewährten Farbmethode. Die neuen Farbverläufe bringen Tiefe, Fülle und ein Gefühl von Raffinesse mit sich. Sie spielen mit der Psychologie der Farben, um eine bestimmte Emotion hervorzurufen.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Hier wunderschön animierter Gradient bei \u003Ca href=\"https://www.prismdata.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Prism Data\u003C/a>:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"6392b75e-7456-4b1c-92e8-8f9c8373a40e\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>  \u003Cimg title=\"PrismData_GIF\" alt loading=\"lazy\" src=\"/sites/default/files/wp-migration/wordpress-media-image/2024/01/PrismData_GIF.gif\" width=\"1200\" height=\"637\">\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Zwar nicht ganz ein Gradient, aber dennoch: Grassmorphism ist schon wieder in den Trendlisten aufgetaucht (ein sehr hartnäckiger “Trend”). Kennt ihr dafür schon diesen \u003Ca href=\"https://css.glass/\" target=\"_blank\" rel=\"noreferrer noopener\">Glassmorphism-Generator\u003C/a>?\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cdiv style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\">\u003C/div>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch2>UX “Trends” – wie wir nun arbeiten\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch3 id=\"Generatives\">Generatives Design mit KIs\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Nike Schriftzug in einem eher düsteren Bild mit Personen im Wasser\" data-entity-type=\"media\" data-entity-uuid=\"531ee693-12b4-4bea-915d-3d74dd1ff84a\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/01/Nike_AI-Ad.jpg.webp?itok=YZ54yu-n 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/01/Nike_AI-Ad.jpg.webp?itok=g26Z_EsN 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"952\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/01/Nike_AI-Ad.jpg.webp?itok=-hSUvUE3 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/01/Nike_AI-Ad.jpg.webp?itok=930zpTR5 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"677\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/01/Nike_AI-Ad.jpg.webp?itok=K7x6-p6n 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Nike_AI-Ad.jpg.webp?itok=T8xa9A-y 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"493\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/01/Nike_AI-Ad.jpg.webp?itok=0NleiXYM 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Nike_AI-Ad.jpg.webp?itok=CXKxCNur 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"317\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/01/Nike_AI-Ad.jpg.webp?itok=I4pS65Eg 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Nike_AI-Ad.jpg.webp?itok=3CCN9joc 2x\" type=\"image/webp\" width=\"1620\" height=\"1071\">\n                  \u003Cimg loading=\"lazy\" width=\"2066\" height=\"1366\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Nike_AI-Ad.jpg.jpg?itok=3CCN9joc\" alt=\"Nike Schriftzug in einem eher düsteren Bild mit Personen im Wasser\" title=\"Nike_AI-Ad\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Quelle: Matt Thorne\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Künstliche Intelligenz, auch unter dem Begriff generatives Design bekannt, findet Anwendung, um dynamische und anpassungsfähige Benutzeroberflächen sowie visuelle Elemente, Texte und Icons zu schaffen. \u003Ca href=\"https://openai.com/dall-e-3\" target=\"_blank\" rel=\"noreferrer noopener\">Dall-E\u003C/a>, \u003Ca href=\"https://www.midjourney.com/explore\" target=\"_blank\" rel=\"noreferrer noopener\">Midjourney\u003C/a> und \u003Ca href=\"https://stablediffusionweb.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Stable Diffusion\u003C/a> sind ja bereits seit dem Vorjahr bekannt.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp id=\"Weitere-Tools,-die-wir-2024-ausprobieren-wollen:\">\u003Cstrong>Weitere Tools, die wir 2024 ausprobieren wollen:\u003C/strong>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3  standard-list\">\n            \n\u003Cul>\u003Cli>\u003Ca href=\"https://uxpilot.ai/\" target=\"_blank\" rel=\"noreferrer noopener\">UX Pilot\u003C/a>: hilft, Erkenntnisse aus Workshops zu extrahieren.\u003C/li>\u003Cli>\u003Ca href=\"https://www.figma.com/de/figjam/ai/\" target=\"_blank\" rel=\"noreferrer noopener\">FigJam AI\u003C/a>: unterstützt bei der Organisation, Zusammenfassung und Generierung von Inhalten innerhalb von FigJam.\u003C/li>\u003Cli>\u003Ca href=\"https://www.usertesting.com/platform/AI\" target=\"_blank\" rel=\"noreferrer noopener\">UserTesting AI\u003C/a>: beschleunigt das Extrahieren wesentlicher Erkenntnisse aus User Research und User Tests.\u003C/li>\u003Cli>Farbgeneratoren gibt es schon länger, aber wir werden mal \u003Ca href=\"http://www.khroma.co/\">Khroma\u003C/a> ausprobieren.\u003C/li>\u003Cli>\u003Ca href=\"http://www.fontjoy.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Fontjoy\u003C/a>: hilft bei der Generierung von Schriftkombinationen.\u003C/li>\u003Cli>Etwas wie \u003Ca href=\"https://uizard.io/ai-design/\" target=\"_blank\" rel=\"noreferrer noopener\">UIzard\u003C/a> könnte hilfreich sein, um erste Bildschirme während eines Entwurfsprozesses zu generieren, die dann weiter verbessert werden können.\u003C/li>\u003Cli>\u003Ca href=\"https://www.synthesia.io/\" target=\"_blank\" rel=\"noreferrer noopener\">Synthesia\u003C/a> generiert Videos aus Texten.\u003C/li>\u003C/ul>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>2023 hat sich sogar die Rolle eines AI-Designers entwickelt, der dafür verantwortlich ist, generative Technologien zu nutzen und innovative Algorithmen in seinem Fachgebiet zu kreieren.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Keine Sorge für Designer – die Technologie ersetzt uns nicht, sondern beschleunigt den Arbeitsprozess und verbessert die Ergebnisse. Für UX/UI-Designer wird es im Jahr 2024 essenziell sein, sich über die aufkommenden KI-Trends auf dem Laufenden zu halten.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch3 id=\"Adaptive\">Adaptive UI: Personalisierte und kontextbezogene User Experience\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Im Jahr 2024 liegt der Fokus auf dynamischen und anpassungsfähigen Benutzeroberflächen, die über Benutzerpräferenzen hinausgehen und Umweltfaktoren wie Licht und Lärm einbeziehen. Dieser Ansatz ist entscheidend für inklusives Design und macht Technologie für eine vielfältige Nutzerschaft zugänglicher.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Kontextbezogene Benutzererlebnisse gehen einen Schritt weiter in der Personalisierung, indem sie sich an die unmittelbare Umgebung und Situation des Nutzers anpassen. Beispiele hierfür sind eine Fitness-App, die an regnerischen Tagen Indoor-Workouts vorschlägt, oder eine Musik-App, die Playlists je nach Tageszeit kuratiert.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Der transformative Wandel hin zur Hyper-Personalisierung im Jahr 2024 zeigt sich darin, dass Benutzeroberflächen sich in Echtzeit dynamisch anpassen, Erkenntnisse aus Nutzeraktionen und vergangenen Interaktionen ziehen. Diese Entwicklung geht über die Anpassung von Inhalten hinaus und prägt grundlegend, wie Nutzer mit digitalen Benutzeroberflächen interagieren.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Als Beispiele werden z.B. \u003Ca href=\"https://www.syte.ai/\" target=\"_blank\" rel=\"noreferrer noopener\">Syte\u003C/a> oder die \u003Ca href=\"https://support.apple.com/en-lk/guide/mac-help/mchl52e1c2d2/mac\" target=\"_blank\" rel=\"noreferrer noopener\">automatische Bildschirmanpassung\u003C/a> von MacBooks genannt.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch3 id=\"Voice\">Voice User Interface\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Voice User Interfaces (VUIs) entwickeln sich über reine Zusatzfunktionen hinaus und werden zu primären Interaktionsmodi auf verschiedenen Plattformen. Ob in intelligenten Haushaltsgeräten oder mobilen Apps bieten VUIs eine freihändige, effiziente und oft zugänglichere Benutzererfahrung.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Darüber hinaus weitet sich die VUI-Technologie auf mehrsprachige Unterstützung aus und ist in der Lage, eine breite Palette von Dialekten und Akzenten zu erkennen und darauf zu reagieren. Diese Initiative zur Inklusivität macht digitale Produkte globaler und für diverse Benutzergruppen zugänglicher.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch3 id=\"Fokus\">Fokus auf mentale Gesundheit\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Die verstärkte Fokussierung auf die mentale Gesundheit der Nutzer im UX-Design spiegelt einen breiteren gesellschaftlichen Trend zum allgemeinen Wohlbefinden wider. UX-Designer:innen integrieren aktiv Prinzipien aus Psychologie und Verhaltenswissenschaften, mit dem Ziel, Designs zu schaffen, die nicht nur benutzerfreundlich sind, sondern auch zur mentalen Gesundheit beitragen.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Dieser Ansatz beinhaltet die Umsetzung beruhigender Farbschemata, die Einführung minimalistischer Layouts zur Entlastung der kognitiven Belastung sowie die Integration von Funktionen wie Erinnerungen an Bildschirmzeiten und Achtsamkeitsanleitungen. Für das Jahr 2024 wird eine verstärkte Einbindung von Funktionen in digitalen Produkten erwartet, die gezielt darauf abzielen, Stress und Angst zu bewältigen, darunter Entspannungsführer und Stimmungstracker.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch3 id=\"Ethisches\">Ethisches, umweltfreundliches und zugängliches Design\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Mit steigendem Bewusstsein für Datenschutz und ethisches Design erfährt die UX im Jahr 2024 eine Verschiebung in Richtung Transparenz und Nutzerempowerment. Dies beinhaltet klare Datenrichtlinien, leicht navigierbare Datenschutzeinstellungen und Designs, die informierte Einwilligungspraktiken fördern.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Die DSGVO wird 2024 überprüft, und neue Vorschriften werden auch KI sowie UI und UX abdecken. Die Auseinandersetzung mit Schatten-UX, um Nutzer zu täuschen und zu mehr Datenpreisgabe zu bewegen, wird ebenfalls adressiert.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Nachhaltiges Design bleibt weiterhin relevant, da leichtere Webseiten weniger Serverplatz und somit Energie verbrauchen. Die \u003Ca href=\"https://w3c.github.io/sustyweb/\" target=\"_blank\" rel=\"noreferrer noopener\">Web Sustainability Guidelines (WSG) 1.0\u003C/a> bieten Ansätze für ressourcenschonendes Webdesign. Maßnahmen wie „Bieten Sie nur wesentliche Komponenten an, die zum Zeitpunkt ihrer Nutzung sichtbar sind“ werden als umweltfreundliche Strategien hervorgehoben.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Im Bereich der Zugänglichkeit wird darauf geachtet, dass Benutzeroberflächen für alle leicht zugänglich sind. Apple führt beispielsweise mit \u003Ca href=\"https://support.apple.com/de-de/guide/assistive-access-iphone/welcome/ios\" target=\"_blank\" rel=\"noreferrer noopener\">Assistive Access\u003C/a> eine Barrierefreiheitsfunktion ein, die speziell für ältere Benutzer entwickelt wurde. \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cdiv alt=\"4 Apple Screens (Camera, Photos, Chat, Calls)\" data-entity-type=\"media\" data-entity-uuid=\"efa6ac66-22fa-4ffb-8abc-a64fd8f1db34\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2024/01/Assistive-Access-Apple-Kopie.png.webp?itok=znPLEDav 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2024/01/Assistive-Access-Apple-Kopie.png.webp?itok=IRSQVmB1 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"667\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2024/01/Assistive-Access-Apple-Kopie.png.webp?itok=WQb-busu 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2024/01/Assistive-Access-Apple-Kopie.png.webp?itok=bSe9i5fi 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"474\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2024/01/Assistive-Access-Apple-Kopie.png.webp?itok=L6C3dn5X 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Assistive-Access-Apple-Kopie.png.webp?itok=8r6siucJ 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"345\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2024/01/Assistive-Access-Apple-Kopie.png.webp?itok=ZlcI8KcE 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2024/01/Assistive-Access-Apple-Kopie.png.webp?itok=wrqphxgW 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"222\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2024/01/Assistive-Access-Apple-Kopie.png.webp?itok=IC_P1kHy 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Assistive-Access-Apple-Kopie.png.webp?itok=R-30Z2gE 2x\" type=\"image/webp\" width=\"1500\" height=\"695\">\n                  \u003Cimg loading=\"lazy\" width=\"1500\" height=\"695\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2024/01/Assistive-Access-Apple-Kopie.png.jpg?itok=R-30Z2gE\" alt=\"4 Apple Screens (Camera, Photos, Chat, Calls)\" title=\"Assistive-Access-Apple-Kopie\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Designer sind zunehmend darauf bedacht, ethische Überlegungen, wie Datenschutz und Transparenz, in den Fokus zu rücken, um inklusive, zugängliche und transparente Produkte zu schaffen.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cdiv style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\">\u003C/div>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch2 id=\"Bonus\">Bonus: Inspiration Boards für Trends \u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Man stolpert ja nicht einfach so über coole Pages, hierfür gibt es im Netz zahlreiche Sammlungen, die man auf der Suche nach Inspiration durchforsten kann. Hier ein paar davon:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Ca href=\"https://land-book.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://land-book.com/\u003C/a>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Ca href=\"https://www.hoverstat.es/\" target=\"_blank\" rel=\"noreferrer noopener\">https://www.hoverstat.es/\u003C/a>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Ca href=\"https://www.siteinspire.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://www.siteinspire.com/\u003C/a>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Ca href=\"https://www.awwwards.com/\" target=\"_blank\" rel=\"noreferrer noopener\">https://www.awwwards.com/\u003C/a>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Ca href=\"https://archive.cyrillic.design/\" target=\"_blank\" rel=\"noreferrer noopener\">https://archive.cyrillic.design/\u003C/a>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cdiv style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\">\u003C/div>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch2 id=\"Weisheit\">Die letzte Weisheit\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Zum Schluss wollen wir noch einmal daran erinnern: \u003Cstrong>Coole Designlösungen sind nicht auf Pinterest (oder in Trend Reports), sondern \u003Ca href=\"/blog/warum-user-experience-ein-kontinuierlicher-prozess-ist\" target=\"_blank\" rel=\"noreferrer noopener\">in der Problemstellung selbst zu finden\u003C/a>.\u003C/strong>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Blind irgendwelche Trends zu kopieren und auf Gebrechen den Erfolg anderer nachstellen zu wollen, ist keine gute Strategie. Vielmehr lohnt es sich, das Besondere des eigenen Produkts/Services zu finden, die gegebenen Herausforderungen in Stärken umzudrehen und manchmal die Erste zu sein, die Dinge aus dem analogen Bereich in die digitale Welt “übersetzt”.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Cstrong>Falls du den Bericht hilfreich und inspirierend fandest, freuen wir uns natürlich, wenn du ihn mit anderen teilst! 🙏 Danke dir!\u003C/strong>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Quellen: \u003Ca href=\"https://www.linkedin.com/pulse/top-10-ui-ux-trends-you-need-know-2024-rivuletdigital-2wrlf/\" target=\"_blank\" rel=\"noreferrer noopener\">rivulet Digital\u003C/a>, \u003Ca href=\"https://www.wix.com/studio/blog/web-design-trends#viewer-thbp\" target=\"_blank\" rel=\"noreferrer noopener\">wix studio\u003C/a>, \u003Ca href=\"https://media.contented.ru/znaniya/instrumenty/glavnye-trendy-ux-ui-dizayna-2024/\" target=\"_blank\" rel=\"noreferrer noopener\">Media Contented\u003C/a>, \u003Ca href=\"https://tramplin.media/news/5/5081\" target=\"_blank\" rel=\"noreferrer noopener\">Tramplin\u003C/a>, \u003Ca href=\"https://www.uprock.ru/articles/trendy-ux-ui-dizayna-i-iskusstvennogo-intellekta-2024\" target=\"_blank\" rel=\"noreferrer noopener\">Uprock\u003C/a>, \u003Ca href=\"https://www.youtube.com/watch?v=-jRkI1nOwbc&ab_channel=MattThorne\" data-rel=\"lightbox-video-1\" target=\"_blank\" rel=\"noreferrer noopener\">Matt Thorne\u003C/a>, \u003Ca href=\"https://medium.com/ux-planet/ui-ux-design-trends-for-2024-8ddd539cd6fa\" target=\"_blank\" rel=\"noreferrer noopener\">Kostja Stepanov\u003C/a>, \u003Ca href=\"https://uiuxtrend.com/top-ui-ux-trends-2024-you-shouldnt-overlook/#google_vignette\" target=\"_blank\" rel=\"noreferrer noopener\">Will T\u003C/a>, \u003Ca href=\"https://bootcamp.uxdesign.cc/the-future-of-ui-ux-design-trends-to-look-out-for-in-2024-3b977769acbe\" target=\"_blank\" rel=\"noreferrer noopener\">Ami Moradia\u003C/a> und das persönliche Liechtenecker Inspirationsarchiv.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>PS: Das wunderschöne Artwork im Headerbild stammt von der Autorin Natalia selbst, hier seht ihr \u003Ca href=\"https://nat-fine-art.webflow.io/\" target=\"_blank\" rel=\"noreferrer noopener\">mehr\u003C/a>.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n","Welcome! In diesem Guide geben wir euch einen Überblick über die UI-Trends, die wir vermehrt im neuen Jahr sehen werden. ",{"__typename":147,"id":148,"excludeFromScreenreader":13,"mediaImage":149,"name":154,"path":157,"status":20},"MediaImage","209",{"__typename":150,"url":151,"width":152,"height":153,"alt":13,"title":154,"size":155,"mime":156},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2024/01/BLOG_NS_UITrends2024-2880x1300px-scaled.jpg",2560,1156,"BLOG_NS_UITrends2024-2880x1300px",971168,"image/jpeg","/media/209/edit",{"__typename":147,"id":159,"excludeFromScreenreader":13,"mediaImage":160,"name":164,"path":166,"status":20},"208",{"__typename":150,"url":161,"width":162,"height":163,"alt":13,"title":164,"size":165,"mime":156},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2024/01/BLOG_SharingUITrends24.jpg",1580,759,"BLOG_SharingUITrends24",613384,"/media/208/edit","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Cmeta name=\"description\" content=\"Der UI Trends Guide 2024 gibt einen Überblick über die wichtigsten Trends und altbekannte, jedoch neu verpackte Prinzipien.\" />\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://legacy.liechtenecker.dev/blog/ui-trends-2024/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"UI Trends 2024 Guide - Liechtenecker UX Design Studio\" />\n\u003Cmeta property=\"og:description\" content=\"Der UI Trends Guide 2024 gibt einen Überblick über die wichtigsten Trends und altbekannte, jedoch neu verpackte Prinzipien.\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/ui-trends-2024/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2024-01-16T11:02:22+00:00\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2024-02-20T14:14:20+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://legacy.liechtenecker.dev/wp-content/uploads/2024/01/ArtsSciences_GIF.gif\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cmeta name=\"twitter:label1\" content=\"Geschätzte Lesezeit\">\n\t\u003Cmeta name=\"twitter:data1\" content=\"16 Minuten\">\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://legacy.liechtenecker.dev/#website\",\"url\":\"https://legacy.liechtenecker.dev/\",\"name\":\"Liechtenecker\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://legacy.liechtenecker.dev/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/blog/ui-trends-2024/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://legacy.liechtenecker.dev/wp-content/uploads/2024/01/ArtsSciences_GIF.gif\",\"width\":1200,\"height\":637},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/ui-trends-2024/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/ui-trends-2024/\",\"name\":\"UI Trends 2024 Guide - Liechtenecker UX Design Studio\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://legacy.liechtenecker.dev/blog/ui-trends-2024/#primaryimage\"},\"datePublished\":\"2024-01-16T11:02:22+00:00\",\"dateModified\":\"2024-02-20T14:14:20+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/f5795d01ddee367cb938fcf6de43f1cc\"},\"description\":\"Der UI Trends Guide 2024 gibt einen \\u00dcberblick \\u00fcber die wichtigsten Trends und altbekannte, jedoch neu verpackte Prinzipien.\",\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/ui-trends-2024/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/f5795d01ddee367cb938fcf6de43f1cc\",\"name\":\"Natalia Sander\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/435a9e98ecb2534847a2b58aa799ee6b?s=96&d=mm&r=g\",\"caption\":\"Natalia Sander\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":169,"id":170,"myRole":171,"name":172,"nickname":173},"User","15","UX/UI Designerin ","n-sander","Natalia Sander",{"latestKnowhow":175},[176,191,204],{"__typename":79,"id":177,"title":178,"path":179,"wpTeaserText":180,"wpPromotedTeaserImage":13,"wpHeaderImage":181},"1619","Behind the scenes: Ein Barrierefreiheits-Audit","/blog/behind-scenes-ein-barrierefreiheits-audit","”Entspricht unsere Website den gesetzlichen Anforderungen und wenn nicht, was genau müssen wir ändern?”\r\nDiese Frage lieben wir. Echt! Und so sieht unsere Antwort aus.",{"__typename":147,"id":182,"excludeFromScreenreader":13,"mediaImage":183,"name":189,"path":190,"status":20},"3364",{"__typename":150,"url":184,"width":185,"height":186,"alt":187,"title":13,"size":188,"mime":156},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-04/Headerbilder%20Blogartikel%20Behind%20the%20scene%20Accessibility%20Audit.jpg",2880,1300,"Headline mit Sujet: Tastatur mit Symbolen für Barrierefreiheit im Fokus auf hellem  Hintergrund",838204,"Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":79,"id":192,"title":193,"path":194,"wpTeaserText":195,"wpPromotedTeaserImage":13,"wpHeaderImage":196},"1616","Agentic KI trifft Design-System: Wie unser Presentation Maker entstand.","/blog/agentic-ki-trifft-design-system-wie-unser-presentation-maker-entstand","Nein, wir wollen euch jetzt nicht erzählen, was KI alles kann. Aber wir möchten euch zeigen, wie wir mit KI umgehen. \r\n",{"__typename":147,"id":197,"excludeFromScreenreader":13,"mediaImage":198,"name":202,"path":203,"status":20},"3355",{"__typename":150,"url":199,"width":185,"height":186,"alt":200,"title":13,"size":201,"mime":156},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-03/BLOG_Presentation%20Tool_TITEL-2880x1300px_1.jpg","Lukas und Daniel  arbeiten an Computern im Büro.",2621988,"BLOG_Presentation Tool_TITEL-2880x1300px.jpg","/media/3355/edit",{"__typename":79,"id":205,"title":206,"path":207,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":208},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":147,"id":209,"excludeFromScreenreader":21,"mediaImage":210,"name":214,"path":215,"status":20},"3303",{"__typename":150,"url":211,"width":185,"height":186,"alt":212,"title":13,"size":213,"mime":156},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-01/BLOG_Trendbericht%202026.jpg","UI Trends 2026, gelber Hintergrund, schwarze Schrift.",4700748,"BLOG_Trendbericht 2026.jpg","/media/3303/edit",{"Language:de":217,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":218,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":222,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":225,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":228,"Menu:footer":231,"ROOT_QUERY":241,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":257,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":260,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":263,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":266,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":269,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":272,"Menu:nuxt-main-menu":275,"TermCategories:8":289,"MediaImage:209":300,"MediaImage:208":302,"User:15":304,"NodeWpPost:727":305,"MediaImage:3364":327,"NodeWpPost:1619":329,"MediaImage:3355":332,"NodeWpPost:1616":334,"MediaImage:3303":337,"NodeWpPost:1606":339},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",219,"internal",20,"expanded",21,"attributes",221],{"__ref":220},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",223,"internal",20,"expanded",21,"attributes",224],{"__ref":220},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",226,"internal",20,"expanded",21,"attributes",227],{"__ref":220},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",229,"internal",21,"expanded",21,"attributes",230],{"__ref":220},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",232],[233,235,237,239],{"__ref":234},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":236},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":238},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":240},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",242,"menu({\"name\":\"FOOTER\"})",243,"menu({\"name\":\"NUXT_MAIN_MENU\"})",245,"route({\"path\":\"/blog/ui-trends-2024\"})",247,"latestKnowhow({\"excludeId\":\"727\",\"limit\":3})",250],"Query",{"__ref":244},"Menu:footer",{"__ref":246},"Menu:nuxt-main-menu",["null","__typename",77,"entity",248],{"__ref":249},"NodeWpPost:727",[251,253,255],{"__ref":252},"NodeWpPost:1619",{"__ref":254},"NodeWpPost:1616",{"__ref":256},"NodeWpPost:1606",["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",258,"internal",20,"expanded",21,"attributes",259],{"__ref":220},["null","__typename",23,"class",13],["null","__typename",10,"id",51,"title",52,"description",13,"url",53,"langcode",261,"internal",20,"expanded",21,"attributes",262],{"__ref":220},["null","__typename",23,"class",13],["null","__typename",10,"id",56,"title",57,"description",13,"url",58,"langcode",264,"internal",20,"expanded",21,"attributes",265],{"__ref":220},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",267,"internal",20,"expanded",21,"attributes",268],{"__ref":220},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",270,"internal",20,"expanded",21,"attributes",271],{"__ref":220},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",273,"internal",20,"expanded",21,"attributes",274],{"__ref":220},["null","__typename",23,"class",13],["null","__typename",5,"id",41,"name",42,"items",276],[277,279,281,283,285,287],{"__ref":278},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":280},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":282},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":284},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":286},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":288},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",118,"id",119,"name",120,"path",121,"status",20,"weight",122,"description",290,"langcode",291,"changed",292,"metatag",293],["null","__typename",124,"processed",125,"format",126],{"__ref":220},["null","__typename",83,"timestamp",129,"timezone",85,"offset",86,"time",130],[294,296,298],["null","__typename",95,"tag",96,"attributes",295],["null","__typename",98,"name",99,"content",134],["null","__typename",95,"tag",96,"attributes",297],["null","__typename",98,"name",137,"content",138],["null","__typename",102,"tag",103,"attributes",299],["null","__typename",105,"href",141,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",147,"id",148,"excludeFromScreenreader",13,"mediaImage",301,"name",154,"path",157,"status",20],["null","__typename",150,"url",151,"width",152,"height",153,"alt",13,"title",154,"size",155,"mime",156],["null","__typename",147,"id",159,"excludeFromScreenreader",13,"mediaImage",303,"name",164,"path",166,"status",20],["null","__typename",150,"url",161,"width",162,"height",163,"alt",13,"title",164,"size",165,"mime",156],["null","__typename",169,"id",170,"myRole",171,"name",172,"nickname",173],["null","__typename",79,"id",80,"title",81,"changed",306,"created",307,"langcode",308,"path",92,"promote",21,"status",20,"sticky",21,"metatag",309,"category",318,"contentElements",13,"evergreen",13,"tags",13,"wpBody",320,"wpHeaderImage",321,"wpHeaderImageOld",13,"wpHeaderImageOldSmall",13,"wpOgImage",323,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",145,"wpYoastHead",167,"author",325],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":220},[310,312,314,316],["null","__typename",95,"tag",96,"attributes",311],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",313],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",315],["null","__typename",111,"property",112,"content",81],["null","__typename",109,"tag",96,"attributes",317],["null","__typename",111,"property",115,"content",116],{"__ref":319},"TermCategories:8",["null","__typename",143,"processed",144,"format",126,"summary",145],{"__ref":322},"MediaImage:209",{"__ref":324},"MediaImage:208",{"__ref":326},"User:15",["null","__typename",147,"id",182,"excludeFromScreenreader",13,"mediaImage",328,"name",189,"path",190,"status",20],["null","__typename",150,"url",184,"width",185,"height",186,"alt",187,"title",13,"size",188,"mime",156],["null","__typename",79,"id",177,"title",178,"path",179,"wpTeaserText",180,"wpPromotedTeaserImage",13,"wpHeaderImage",330],{"__ref":331},"MediaImage:3364",["null","__typename",147,"id",197,"excludeFromScreenreader",13,"mediaImage",333,"name",202,"path",203,"status",20],["null","__typename",150,"url",199,"width",185,"height",186,"alt",200,"title",13,"size",201,"mime",156],["null","__typename",79,"id",192,"title",193,"path",194,"wpTeaserText",195,"wpPromotedTeaserImage",13,"wpHeaderImage",335],{"__ref":336},"MediaImage:3355",["null","__typename",147,"id",209,"excludeFromScreenreader",21,"mediaImage",338,"name",214,"path",215,"status",20],["null","__typename",150,"url",211,"width",185,"height",186,"alt",212,"title",13,"size",213,"mime",156],["null","__typename",79,"id",205,"title",206,"path",207,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",340],{"__ref":341},"MediaImage:3303"]