[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"RZNIpUPzG1c3BZsYIvEG-d0zBS-ajkH-qdaI0c0f4iY":75,"mJZvRENSbTpjg2GUzIUS-acKlCU7qZJ-HdmZH5s-I-s":192,"_apollo:default":234},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","nuxt-main-menu","Nuxt Hauptmenü",[9,24,29,34,39,44],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog",null,"/know-how",{"__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},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":20,"expanded":21,"attributes":38},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":40,"title":41,"description":13,"url":42,"langcode":15,"internal":20,"expanded":21,"attributes":43},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":15,"internal":20,"expanded":21,"attributes":48},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"menu":50},{"__typename":5,"id":51,"name":52,"items":53},"footer","Fußzeile",[54,60,65,70],{"__typename":10,"id":55,"title":56,"description":13,"url":57,"langcode":58,"internal":20,"expanded":21,"attributes":59},"e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum","/impressum",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":58,"internal":20,"expanded":21,"attributes":64},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":58,"internal":20,"expanded":21,"attributes":69},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":58,"internal":21,"expanded":21,"attributes":74},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__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":113,"postContentElements":13,"evergreen":13,"tags":138,"postWpBody":160,"wpHeaderImage":13,"wpHeaderImageOld":163,"wpHeaderImageOldSmall":176,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":185,"author":186},"NodeWpPost","864","Microsoft Fluent Design - Abklatsch oder Entwicklung?",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1554796009,"UTC","+00:00","2019-04-09T07:46:49+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1496319464,"2017-06-01T12:17:44+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/blog/microsoft-fluent-design-abklatsch-oder-entwicklung",[94,101,108],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","Microsoft Fluent Design - Abklatsch oder Entwicklung? | 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/microsoft-fluent-design-abklatsch-oder-entwicklung","canonical",{"__typename":109,"tag":96,"attributes":110},"MetaTagProperty",{"__typename":111,"property":112,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":114,"id":115,"name":116,"path":117,"status":20,"weight":118,"description":119,"langcode":123,"changed":124,"metatag":127},"TermCategories","8","UX/UI Design","/kategorie/design",0,{"__typename":120,"processed":121,"format":122},"Text","Themen aus dem Bereich Design & User Experience","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":125,"timezone":85,"offset":86,"time":126},1713772777,"2024-04-22T07:59:37+00:00",[128,131,135],{"__typename":95,"tag":96,"attributes":129},{"__typename":98,"name":99,"content":130},"UX/UI Design | Liechtenecker UX Design Studio",{"__typename":95,"tag":96,"attributes":132},{"__typename":98,"name":133,"content":134},"description","Themen aus dem Bereich Design & User Experience",{"__typename":102,"tag":103,"attributes":136},{"__typename":105,"href":137,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/design",[139,144,148,152,156],{"__typename":140,"id":141,"name":142,"path":143,"weight":118},"TermTags","332","designtrends","/tag/designtrends",{"__typename":140,"id":145,"name":146,"path":147,"weight":118},"563","gui","/tag/gui",{"__typename":140,"id":149,"name":150,"path":151,"weight":118},"655","interface design","/tag/interface-design",{"__typename":140,"id":153,"name":154,"path":155,"weight":118},"810","Microsoft","/tag/microsoft",{"__typename":140,"id":157,"name":158,"path":159,"weight":118},"1561","Windows 10","/tag/windows-10",{"__typename":161,"processed":162,"format":122,"summary":13},"TextSummary","\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>\u003Cspan style=\"font-weight: 400;\">Anfang Mai hat Microsoft auf seiner Build Konferenz (\u003Ca href=\"https://www.youtube.com/watch?v=DU23gG0geiQ\" data-rel=\"lightbox-video-0\" target=\"_blank\" rel=\"noopener noreferrer\">Keynote\u003C/a>) viele Innovationen präsentiert. Von Motion Controllers für die Windows Mixed Reality Headsets, über das neue Timeline Feature, bis hin zu dem hausinternen neuen Design System für Windows 10: Fluent Design.\u003C/span>\u003C/p>\n\u003Cp> \u003C/p>\n\u003Cblockquote>\n\u003Cp>\u003Ci>\u003Cspan style=\"font-weight: 400;\">As technology continues to evolve across dimensions, we’re here to define those captivating moments. Let’s make the future fluent.\u003C/span>\u003C/i>\u003C/p>\n\u003C/blockquote>\n\u003Cp>\u003Ci>\u003Cspan style=\"font-weight: 400;\">– \u003C/span>\u003C/i>\u003Ci>\u003Cspan style=\"font-weight: 400;\">Tim Allen, Partner Director of Design\u003C/span>\u003C/i>\u003Cbr>\n \u003Cbr>\n\u003Cspan style=\"font-weight: 400;\">Die Welt von Windows ist sehr komplex und umfangreich. Daher musste ein universelles Design geschaffen werden, das mehreren Anforderungen genügen muss: Einerseits muss das Design mit verschiedensten Eingabegeräten und -arten (z.B. Maus, Ink, Touch, Gesten) angenehm zu bedienen sein, andererseits ist es notwendig, dass das Design auf diversen Devices wie PCs, Tablets, Phones, TVs und Mixed Reality Headsets konsistent gleich gut funktionieren – fluent eben.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Die vorherige Designsprache \u003C/span>\u003Ci>\u003Cspan style=\"font-weight: 400;\">Metro (für Windows 8\u003C/span>\u003C/i>\u003Ci>\u003Cspan style=\"font-weight: 400;\">) \u003C/span>\u003C/i>\u003Cspan style=\"font-weight: 400;\">hat das Meiste davon schon recht gut gelöst, jedoch hat die Transformation in die 3D-Umgebung erst jetzt mit \u003C/span>\u003Ci>\u003Cspan style=\"font-weight: 400;\">Fluent\u003C/span>\u003C/i>\u003Cspan style=\"font-weight: 400;\"> stattgefunden. Besonders die Stiftbedienung wird nun weiter intensiviert z.B.: durch einfacheres Scrollen im Browser\u003C/span>\u003Cspan style=\"font-weight: 400;\">. Die\u003C/span>\u003Cspan style=\"font-weight: 400;\"> Namensgebung lässt vermuten, dass das Konzept in späterer Folge auf den gesamten Konzern angewandt werden soll.\u003C/span>\u003C/p>\n\u003Cdiv alt=\"beitragsbild_fluent\" data-entity-type=\"media\" data-entity-uuid=\"166ecdb1-1ba6-4532-adae-3e64bf724bf9\" 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/2017/05/beitragsbild-1.jpg.webp?itok=QVvJJOf2 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2017/05/beitragsbild-1.jpg.webp?itok=zFaom6xu 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"960\" height=\"350\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2017/05/beitragsbild-1.jpg.webp?itok=UbMoVNu- 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2017/05/beitragsbild-1.jpg.webp?itok=XYftbuwJ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"960\" height=\"350\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2017/05/beitragsbild-1.jpg.webp?itok=7RaZMO_l 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2017/05/beitragsbild-1.jpg.webp?itok=cAIZa2K3 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"272\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2017/05/beitragsbild-1.jpg.webp?itok=_MUPxz8t 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2017/05/beitragsbild-1.jpg.webp?itok=VuVDF3r_ 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"175\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2017/05/beitragsbild-1.jpg.webp?itok=OnoAI7gU 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2017/05/beitragsbild-1.jpg.webp?itok=kpgK-g1z 2x\" type=\"image/webp\" width=\"960\" height=\"350\">\n                  \u003Cimg loading=\"lazy\" width=\"960\" height=\"350\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2017/05/beitragsbild-1.jpg.jpg?itok=kpgK-g1z\" alt=\"beitragsbild_fluent\" title=\"beitragsbild_fluent\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp> \u003Cbr>\n\u003Cb>Die neue User Experience soll durch folgende fünf Punkte verbessert werden:\u003C/b>\u003Cbr>\n\u003C/p>\n\u003Cul>\n\u003Cli style=\"font-weight: 400;\">\u003Cb>Light:\u003C/b>\u003Cspan style=\"font-weight: 400;\"> Schafft Atmosphäre und Stimmung. Es hebt wichtige Informationen hervor und lenkt die Aufmerksamkeit des Users im richtigen Moment auf die richtige Stelle. In Zukunft und besonders in 3 dimensionalen Umgebungen werden Elemente also nicht mehr über eine Brandingfarbe hervorgehoben, sondern durch Licht.\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cb>Depth:\u003C/b>\u003Cspan style=\"font-weight: 400;\"> Ebenen kreieren Raum und schaffen den Eindruck einer physischen Umgebung. Die Tiefe aus der realen Welt wird auf das Flat Design angewandt.\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cb>Motion:\u003C/b>\u003Cspan style=\"font-weight: 400;\"> Die Bewegung unterstützt den User in den Flows und haucht der ganzen Erfahrung Leben ein.\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cb>Material:\u003C/b>\u003Cspan style=\"font-weight: 400;\"> In der realen Welt gibt es viele unterschiedliche Materialien, sie verleihen Gegenständen Charakter. Die Haptik ist bei der Bedienung von Geräten sehr wichtig. Microsoft bringt diese physische Komponente in das User Umfeld mit rein. Ein wichtiger Bestandteil im neuen UI ist das Acrylic-Material (Glas Effekt).\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cb>Scale:\u003C/b>\u003Cspan style=\"font-weight: 400;\"> Die Industrie ist derzeit noch sehr auf 2D-Design beschränkt, mit neuen Technologien eröffnen sich auch für Designer neue Möglichkeiten. Mit Scale werden nun UX-Elemente in die 3D-Welt gehoben.\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp> \u003Cbr>\n\u003Cb>Der Acrylglas-Wow-Effekt\u003C/b>\u003Cbr>\nGemeint ist damit zum Beispiel eine halbtransparente Leiste, unter der alle Elemente verschwommen dargestellt werden, es gibt dabei verschiedene Stufen der Weichzeichnung und Transparenz.\u003Cbr>\n\u003C/p>\u003Cdiv id=\"attachment_10744\" style=\"width: 551px\" class=\"wp-caption aligncenter\">\u003Cdiv alt=\"fluent_demo\" data-entity-type=\"media\" data-entity-uuid=\"11c8ee40-3889-46ec-b260-ceacba58bd8b\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>  \u003Cimg title=\"fluent_demo\" alt=\"fluent_demo\" loading=\"lazy\" src=\"/sites/default/files/wp-migration/wordpress-media-image/2017/05/0-UtOiGu4OmMy7l5oH-1.gif\" width=\"541\" height=\"304\">\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp id=\"caption-attachment-10744\" class=\"wp-caption-text\">Demonstration der Einsatzgebiete des Glaseffekts\u003C/p>\u003C/div>\u003Cbr>\nDieser Effekt ist in der Designwelt nichts Neues, man kennt ihn bereits aus früheren Windows-Versionen und auch iOS arbeitet schon länger damit. Jetzt wurde er jedoch so optimiert, dass er nicht mehr so „billig“ aussieht, man könnte sagen er wurde vom Skeuomorphismus zu Flat umgewandelt. Mit einer nicht zu starken Transparenz finde ich persönlich den Effekt sehr schön, denn mit ihm kann man dem Design Raum geben und Anwendungen erhalten automatisch die Farbe des Hintergrunds, der durchscheint. Allerdings sollte der Glaseffekt nur sparsam eingesetzt werden.\u003Cbr>\n \u003Cbr>\n\u003Cb>Was soll man nun von der neuen Designsprache halten?\u003C/b>\u003Cbr>\n\u003Cspan style=\"font-weight: 400;\">Ein paar Designer finden \u003Cem>Fluent\u003C/em> abgekupfert, manche finden es langweilig und zu wenig innovativ. Die Reaktionen auf das neue System sind in der Design Community gemischt, jedoch größtenteils positiv. Designhero Tobias van Schneider meinte zum Beispiel dazu: \u003C/span>“I do appreciate the boldness of it.”\u003Cbr>\n\u003Cdiv id=\"attachment_10749\" style=\"width: 1034px\" class=\"wp-caption aligncenter\">\u003Cdiv alt=\"newdesktop\" data-entity-type=\"media\" data-entity-uuid=\"b72e4c85-b205-4837-b0b6-032abe095b07\" 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/2017/05/newdesktop2-1.jpg.webp?itok=NjhpHpGb 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2017/05/newdesktop2-1.jpg.webp?itok=NugGifo8 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1280\" height=\"720\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2017/05/newdesktop2-1.jpg.webp?itok=zWf2POD5 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2017/05/newdesktop2-1.jpg.webp?itok=22IVD9TB 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"576\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2017/05/newdesktop2-1.jpg.webp?itok=NkMS54DX 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2017/05/newdesktop2-1.jpg.webp?itok=BkwGISXd 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"419\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2017/05/newdesktop2-1.jpg.webp?itok=iuzbCVUJ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2017/05/newdesktop2-1.jpg.webp?itok=lW5FoIVI 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"270\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2017/05/newdesktop2-1.jpg.webp?itok=btSlbqK_ 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2017/05/newdesktop2-1.jpg.webp?itok=h5zhrcC1 2x\" type=\"image/webp\" width=\"1280\" height=\"720\">\n                  \u003Cimg loading=\"lazy\" width=\"1280\" height=\"720\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2017/05/newdesktop2-1.jpg.jpg?itok=h5zhrcC1\" alt=\"newdesktop\" title=\"newdesktop\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp id=\"caption-attachment-10749\" class=\"wp-caption-text\">Eine Stage auf der die Windows schweben – so könnte der Desktop in Zukunft aussehen.\u003C/p>\u003C/div>\u003Cbr>\n\u003Cspan style=\"font-weight: 400;\">Laut Konzern ist \u003C/span>\u003Ci>\u003Cspan style=\"font-weight: 400;\">Fluent\u003C/span>\u003C/i>\u003Cspan style=\"font-weight: 400;\"> zur Zeit noch eher als ein Mission-Statement zu betrachten als eine genau festgelegte Sprache. Wir finden es gut, dass Microsoft das altbewährte, erfolgreiche Material Design als Basis nimmt und es für die 3D-Ebene weiterentwickelt hat. Den Glaseffekt und auch den Lichtcursor werden wir in Zukunft, spätestens in VR-Designs, definitiv immer öfter sehen. \u003C/span>\u003Cspan style=\"font-weight: 400;\">Das neue Design System ist demnach ein guter Schritt in die richtige Richtung, jedoch muss Microsoft noch dafür sorgen, dass sie ihre alten Frankstein-UI-Fragmente endlich loswerden und durchgängig auf dieses neue System aufbauen. Das neue Fluent Design wird leider mit dem ‚Fall Creators Update‘ wieder nur teilweise kommen da die Ausrollung Stufenweise geschehen wird. Dennoch thumbs up!\u003C/span>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n",{"__typename":164,"id":165,"excludeFromScreenreader":13,"mediaImage":166,"name":172,"path":175,"status":20},"MediaImage","1509",{"__typename":167,"url":168,"width":169,"height":170,"alt":171,"title":172,"size":173,"mime":174},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2017/05/fluent_bild_1920x500-1.jpg",1920,500,"fluent","fluent_design",34325,"image/jpeg","/media/1509/edit",{"__typename":164,"id":177,"excludeFromScreenreader":13,"mediaImage":178,"name":182,"path":184,"status":20},"1505",{"__typename":167,"url":179,"width":180,"height":181,"alt":182,"title":182,"size":183,"mime":174},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2017/05/small_header-1.jpg",922,519,"fluent_cube",31694,"/media/1505/edit","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Cmeta name=\"description\" content=\"Einblicke in das neue Design System von Microsoft für Windows 10.\" />\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/microsoft-fluent-design-abklatsch-oder-entwicklung/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Microsoft Fluent Design - Abklatsch oder Entwicklung? - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Einblicke in das neue Design System von Microsoft für Windows 10.\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/microsoft-fluent-design-abklatsch-oder-entwicklung/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2017-06-01T14:17:44+00:00\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2019-04-09T09:46:49+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://legacy.liechtenecker.dev/wp-content/uploads/2017/05/fluent_bild_1920x500-1.jpg\" />\n\t\u003Cmeta property=\"og:image:width\" content=\"1920\" />\n\t\u003Cmeta property=\"og:image:height\" content=\"500\" />\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=\"4 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/microsoft-fluent-design-abklatsch-oder-entwicklung/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://legacy.liechtenecker.dev/wp-content/uploads/2017/05/fluent_bild_1920x500-1.jpg\",\"width\":1920,\"height\":500,\"caption\":\"fluent\"},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/microsoft-fluent-design-abklatsch-oder-entwicklung/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/microsoft-fluent-design-abklatsch-oder-entwicklung/\",\"name\":\"Microsoft Fluent Design - Abklatsch oder Entwicklung? - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://legacy.liechtenecker.dev/blog/microsoft-fluent-design-abklatsch-oder-entwicklung/#primaryimage\"},\"datePublished\":\"2017-06-01T14:17:44+00:00\",\"dateModified\":\"2019-04-09T09:46:49+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/17977da9203def7dd21b855bded01a8d\"},\"description\":\"Einblicke in das neue Design System von Microsoft f\\u00fcr Windows 10.\",\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/microsoft-fluent-design-abklatsch-oder-entwicklung/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/17977da9203def7dd21b855bded01a8d\",\"name\":\"Angelika\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/61a948879c382480bc917d6163ee8f7c?s=96&d=mm&r=g\",\"caption\":\"Angelika\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":187,"id":188,"myRole":189,"name":190,"nickname":191},"User","2","-","a-omer","Angelika",{"latestKnowhow":193},[194,209,222],{"__typename":79,"id":195,"title":196,"path":197,"wpTeaserText":198,"wpPromotedTeaserImage":13,"wpHeaderImage":199},"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":164,"id":200,"excludeFromScreenreader":13,"mediaImage":201,"name":207,"path":208,"status":20},"3364",{"__typename":167,"url":202,"width":203,"height":204,"alt":205,"title":13,"size":206,"mime":174},"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":210,"title":211,"path":212,"wpTeaserText":213,"wpPromotedTeaserImage":13,"wpHeaderImage":214},"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":164,"id":215,"excludeFromScreenreader":13,"mediaImage":216,"name":220,"path":221,"status":20},"3355",{"__typename":167,"url":217,"width":203,"height":204,"alt":218,"title":13,"size":219,"mime":174},"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":223,"title":224,"path":225,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":226},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":164,"id":227,"excludeFromScreenreader":21,"mediaImage":228,"name":232,"path":233,"status":20},"3303",{"__typename":167,"url":229,"width":203,"height":204,"alt":230,"title":13,"size":231,"mime":174},"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":235,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":236,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":240,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":243,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":246,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":249,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":252,"Menu:nuxt-main-menu":255,"ROOT_QUERY":269,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":285,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":288,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":291,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":294,"Menu:footer":297,"TermCategories:8":307,"TermTags:332":318,"TermTags:563":319,"TermTags:655":320,"TermTags:810":321,"TermTags:1561":322,"MediaImage:1509":323,"MediaImage:1505":325,"User:2":327,"NodeWpPost:864":328,"MediaImage:3364":359,"NodeWpPost:1619":361,"MediaImage:3355":364,"NodeWpPost:1616":366,"MediaImage:3303":369,"NodeWpPost:1606":371},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",237,"internal",20,"expanded",21,"attributes",239],{"__ref":238},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",241,"internal",20,"expanded",21,"attributes",242],{"__ref":238},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",244,"internal",20,"expanded",21,"attributes",245],{"__ref":238},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",247,"internal",20,"expanded",21,"attributes",248],{"__ref":238},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",250,"internal",20,"expanded",21,"attributes",251],{"__ref":238},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",253,"internal",20,"expanded",21,"attributes",254],{"__ref":238},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",256],[257,259,261,263,265,267],{"__ref":258},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":260},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":262},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":264},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":266},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":268},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",270,"menu({\"name\":\"NUXT_MAIN_MENU\"})",271,"menu({\"name\":\"FOOTER\"})",273,"route({\"path\":\"/blog/microsoft-fluent-design-abklatsch-oder-entwicklung\"})",275,"latestKnowhow({\"excludeId\":\"864\",\"limit\":3})",278],"Query",{"__ref":272},"Menu:nuxt-main-menu",{"__ref":274},"Menu:footer",["null","__typename",77,"entity",276],{"__ref":277},"NodeWpPost:864",[279,281,283],{"__ref":280},"NodeWpPost:1619",{"__ref":282},"NodeWpPost:1616",{"__ref":284},"NodeWpPost:1606",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",286,"internal",20,"expanded",21,"attributes",287],{"__ref":238},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",289,"internal",20,"expanded",21,"attributes",290],{"__ref":238},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",292,"internal",20,"expanded",21,"attributes",293],{"__ref":238},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",295,"internal",21,"expanded",21,"attributes",296],{"__ref":238},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",298],[299,301,303,305],{"__ref":300},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":302},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":304},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":306},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",114,"id",115,"name",116,"path",117,"status",20,"weight",118,"description",308,"langcode",309,"changed",310,"metatag",311],["null","__typename",120,"processed",121,"format",122],{"__ref":238},["null","__typename",83,"timestamp",125,"timezone",85,"offset",86,"time",126],[312,314,316],["null","__typename",95,"tag",96,"attributes",313],["null","__typename",98,"name",99,"content",130],["null","__typename",95,"tag",96,"attributes",315],["null","__typename",98,"name",133,"content",134],["null","__typename",102,"tag",103,"attributes",317],["null","__typename",105,"href",137,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",140,"id",141,"name",142,"path",143,"weight",118],["null","__typename",140,"id",145,"name",146,"path",147,"weight",118],["null","__typename",140,"id",149,"name",150,"path",151,"weight",118],["null","__typename",140,"id",153,"name",154,"path",155,"weight",118],["null","__typename",140,"id",157,"name",158,"path",159,"weight",118],["null","__typename",164,"id",165,"excludeFromScreenreader",13,"mediaImage",324,"name",172,"path",175,"status",20],["null","__typename",167,"url",168,"width",169,"height",170,"alt",171,"title",172,"size",173,"mime",174],["null","__typename",164,"id",177,"excludeFromScreenreader",13,"mediaImage",326,"name",182,"path",184,"status",20],["null","__typename",167,"url",179,"width",180,"height",181,"alt",182,"title",182,"size",183,"mime",174],["null","__typename",187,"id",188,"myRole",189,"name",190,"nickname",191],["null","__typename",79,"id",80,"title",81,"changed",329,"created",330,"langcode",331,"path",92,"promote",21,"status",20,"sticky",21,"metatag",332,"category",339,"contentElements",13,"evergreen",13,"tags",341,"wpBody",352,"wpHeaderImage",13,"wpHeaderImageOld",353,"wpHeaderImageOldSmall",355,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",185,"author",357],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":238},[333,335,337],["null","__typename",95,"tag",96,"attributes",334],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",336],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",338],["null","__typename",111,"property",112,"content",81],{"__ref":340},"TermCategories:8",[342,344,346,348,350],{"__ref":343},"TermTags:332",{"__ref":345},"TermTags:563",{"__ref":347},"TermTags:655",{"__ref":349},"TermTags:810",{"__ref":351},"TermTags:1561",["null","__typename",161,"processed",162,"format",122,"summary",13],{"__ref":354},"MediaImage:1509",{"__ref":356},"MediaImage:1505",{"__ref":358},"User:2",["null","__typename",164,"id",200,"excludeFromScreenreader",13,"mediaImage",360,"name",207,"path",208,"status",20],["null","__typename",167,"url",202,"width",203,"height",204,"alt",205,"title",13,"size",206,"mime",174],["null","__typename",79,"id",195,"title",196,"path",197,"wpTeaserText",198,"wpPromotedTeaserImage",13,"wpHeaderImage",362],{"__ref":363},"MediaImage:3364",["null","__typename",164,"id",215,"excludeFromScreenreader",13,"mediaImage",365,"name",220,"path",221,"status",20],["null","__typename",167,"url",217,"width",203,"height",204,"alt",218,"title",13,"size",219,"mime",174],["null","__typename",79,"id",210,"title",211,"path",212,"wpTeaserText",213,"wpPromotedTeaserImage",13,"wpHeaderImage",367],{"__ref":368},"MediaImage:3355",["null","__typename",164,"id",227,"excludeFromScreenreader",21,"mediaImage",370,"name",232,"path",233,"status",20],["null","__typename",167,"url",229,"width",203,"height",204,"alt",230,"title",13,"size",231,"mime",174],["null","__typename",79,"id",223,"title",224,"path",225,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",372],{"__ref":373},"MediaImage:3303"]