[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"w4BZH5_dg5Yn2dlXtHCgQHYg8N5L9Ho19ymBN1ou4c4":75,"e8T4f3UjDd3BWOYK2VI8tQEQoiWSWQVXIwpDm9zi3Nw":192,"_apollo:default":235},{"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","839","Screendesign redesigned",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1554794887,"UTC","+00:00","2019-04-09T07:28:07+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1510822044,"2017-11-16T08:47:24+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/blog/screendesign-redesigned",[94,101,108],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","Screendesign redesigned | 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/screendesign-redesigned","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","325","design","/tag/design",{"__typename":140,"id":145,"name":146,"path":147,"weight":118},"666","invision","/tag/invision",{"__typename":140,"id":149,"name":150,"path":151,"weight":118},"1329","tool","/tag/tool",{"__typename":140,"id":153,"name":154,"path":155,"weight":118},"1361","UI","/tag/ui",{"__typename":140,"id":157,"name":158,"path":159,"weight":118},"1405","UX","/tag/ux",{"__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;\">Wir bei Liechtenecker freuen uns schon auf den Jahreswechsel! Nicht nur wegen der Feiertage, sondern unter anderem auch, wegen dem neuen InVision \u003Ca href=\"https://www.invisionapp.com/studio\" target=\"_blank\" rel=\"noopener noreferrer\">Studio\u003C/a>, das im Jänner auf den Markt kommen wird. Bis jetzt war \u003Ca href=\"/sketch3-resuemee-und-erste-erfahrungsberichte/\" target=\"_blank\" rel=\"noopener noreferrer\">Sketch\u003C/a> ja das Alphatier wenn es um das Erstellen von Screendesigns gegangen ist – zu Beginn 2018\u003C/span>\u003Cspan style=\"font-weight: 400;\"> werden mit diesem neuen Tool die Karten neu gemischt. Der Grund, warum wir es für so vielversprechend halten ist, dass es endlich ein Tool für alle Design-Workflows sein wird.\u003C/span>\u003C/p>\n\u003Cblockquote>\n\u003Cp>Studio takes on the familiarity of traditional design tools like Photoshop and Sketch, but is built specifically with the modern designer’s workflow in mind\u003C/p>\n\u003C/blockquote>\n\u003Cp>Sagt \u003Cspan style=\"font-weight: 400;\">Clark Valberg, CEO und Co-founder von InVision.\u003C/span>\u003C/p>\n\u003Ch4> \u003Cb>Die Hauptfeatures\u003C/b>\u003C/h4>\n\u003Cul>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Responsive Layout\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Rapid prototyping\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Animationen\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Shared design systems\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Nahtlose interne Zusammenarbeit\u003Cbr>\n\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Studio sollte für jeden Sketch User sehr intuitiv sein und da das Interface und viele Funktionen sehr ähnlich sind, sollte der Umgang jedem leicht fallen. Arbeitsbereiche, Paletten und die Funktionen \u003C/span>\u003Cspan style=\"font-weight: 400;\">wurden bewusst so beibehalten, da es nicht die Absicht von InVision ist eine komplett neue Plattform zu schaffen, sondern eine bereits gut funktionierende, familiäre Umgebung zu erweitern, zu verbessern und sich als \u003C/span>\u003Ci>\u003Cspan style=\"font-weight: 400;\">DAS\u003C/span>\u003C/i>\u003Cspan style=\"font-weight: 400;\"> go-to Tool für Design, Animation und Interaktion am Markt zu positionieren.\u003C/span>\u003C/p>\n\u003Ch4>\u003Cb>Der umständliche Status Quo des Design Workflows\u003C/b>\u003C/h4>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Derzeit machen wir Designs in Sketch. Damit sich Kunden darunter aber auch etwas vorstellen, das Produkt fühlen können, hüpft man damit dann in InVision und erstellt dort aus den Screens einen Prototypen. Dazu ist es praktisch wenn man \u003Ca href=\"https://www.invisionapp.com/craft\" target=\"_blank\" rel=\"noopener noreferrer\">dieses\u003C/a> oder \u003Ca href=\"https://github.com/websiddu/sketch-material\" target=\"_blank\" rel=\"noopener noreferrer\">jenes\u003C/a> Plugin zusätzlich verwendet. Für das richtige Feeling werden noch Animationen mit Framer oder Principle hinzugefügt – viele greifen dabei auf Keynote oder AfterEffects zurück. Man sieht also: für ein tolles Endprodukt werden einige verschiedene Programme und Workflows benötigt. Mit \u003C/span>\u003Ci>\u003Cspan style=\"font-weight: 400;\">Studio\u003C/span>\u003C/i>\u003Cspan style=\"font-weight: 400;\"> soll dieser umständliche Vorgang nun ein Ende haben: man kann die Screens direkt im Programm animieren, sie gleich als klickbaren Prototypen aufsetzen und diesen direkt mit Kunden teilen. Somit wird es Designern nun möglich sein, sich auf das Wesentliche – das Design – zu konzentrieren.\u003C/span>\u003C/p>\n\u003Cblockquote>\n\u003Cp>The workflow was so disconnected. \u003Cspan class=\"copy\">There wasn’t one tool allowing you to properly design for every dimension of the screen\u003C/span>\u003Cspan class=\"copy\">.\u003C/span> So everything we did came out of solving for that.\u003C/p>\n\u003C/blockquote>\n\u003Cp>Tom Giannattasio, Leiter des Studio Product Teams\u003Cbr>\n\u003C/p>\u003Cdiv id=\"attachment_11239\" style=\"width: 1034px\" class=\"wp-caption aligncenter\">\u003Cdiv alt=\"inspector\" data-entity-type=\"media\" data-entity-uuid=\"162dc861-5f68-4ac6-ace0-e59b59e572e5\" 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/11/inspector-evolution-1.jpg.webp?itok=lGgcP1bJ 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2017/11/inspector-evolution-1.jpg.webp?itok=yNG_dKsG 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"932\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2017/11/inspector-evolution-1.jpg.webp?itok=Q5MnhSX4 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2017/11/inspector-evolution-1.jpg.webp?itok=azpgyVJR 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"663\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2017/11/inspector-evolution-1.jpg.webp?itok=mIBbGWqC 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2017/11/inspector-evolution-1.jpg.webp?itok=HJW6i-eo 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"482\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2017/11/inspector-evolution-1.jpg.webp?itok=z4h8L91- 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2017/11/inspector-evolution-1.jpg.webp?itok=JzXOMYaQ 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"311\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2017/11/inspector-evolution-1.jpg.webp?itok=oT78y3TL 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2017/11/inspector-evolution-1.jpg.webp?itok=d0AUyQwi 2x\" type=\"image/webp\" width=\"1620\" height=\"1049\">\n                  \u003Cimg loading=\"lazy\" width=\"2000\" height=\"1295\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2017/11/inspector-evolution-1.jpg.jpg?itok=d0AUyQwi\" alt=\"inspector\" title=\"inspector-evolution\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp id=\"caption-attachment-11239\" class=\"wp-caption-text\">Die Evolution des Inspektor Panels. Interessant zu sehen ist, dass es für die gleichen Funktionen so viele verschiedene Möglichkeiten der Darstellung gibt.\u003C/p>\u003C/div>\n\u003Ch4>\u003Cb>Endlich Responsive Artboards\u003C/b>\u003C/h4>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Heutzutage gibt es unzählige verschiedene Screengrößen und trotzdem hat es bis dato noch kein Programm geschafft, responsive Artboards als Feature zu implementieren. \u003C/span>\u003Cspan style=\"font-weight: 400;\">Mit \u003Cem>Studio\u003C/em> wird es für Designer und Developer nicht länger notwendig sein, unzählige Stunden damit zu verbringen, Screens auf andere Formate umzubauen und anzupassen. Yay!\u003C/span>\u003C/p>\n\u003Ch4>\u003Cb>Design Systeme einfach teilen\u003C/b>\u003C/h4>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Die richtige Farbe, das richtige Logo und die richtigen Fonts zu suchen und einzubauen ist oft mühsam. Besonders wenn mehrere Designer am selben Projekt arbeiten ist es praktisch, wenn alle Assets immer automatisch aktualisiert werden. Sobald sich also zum Beispiel die Farbe eines Buttons ändert, wird dies automatisch für alle Files übernommen und alle sind auf dem selben Stand.\u003C/span>\u003C/p>\n\u003Ch4>\u003Cb>Fazit\u003C/b>\u003C/h4>\n\u003Cp>Wir hoffen, dass InVision mit \u003Cem>Studio\u003C/em> ein großer Wurf gelingt und, dass alle unsere Erwartungen erfüllt werden. Dadurch, dass es kostenlos ist, lohnt sich auf jeden Fall ein Blick in das Programm. Alle Ungeduldigen können sich \u003Ca href=\"https://www.invisionapp.com/studio\" target=\"_blank\" rel=\"noopener noreferrer\">hier\u003C/a> für den Early Access anmelden.\u003C/p>\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","1390",{"__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/11/bild_1920x500_2017-2-1.png",2042,535,"studio_gross","bild_1920x500_2017",3016,"image/png","/media/1390/edit",{"__typename":164,"id":177,"excludeFromScreenreader":13,"mediaImage":178,"name":182,"path":184,"status":20},"1394",{"__typename":167,"url":179,"width":180,"height":181,"alt":13,"title":182,"size":183,"mime":174},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2017/11/bild_922x519_2017-1-1.png",922,519,"bild_922x519_2017",2342,"/media/1394/edit","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\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/screendesign-redesigned/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Screendesign redesigned - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Wir bei Liechtenecker freuen uns schon auf den Jahreswechsel! Nicht nur wegen der Feiertage, sondern unter anderem auch, wegen dem neuen InVision Studio, das im Jänner auf den Markt kommen wird. Bis jetzt war Sketch ja das Alphatier wenn es um das Erstellen von Screendesigns gegangen ist – zu Beginn 2018 werden mit diesem neuen Tool die Karten […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/screendesign-redesigned/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2017-11-16T09:47:24+00:00\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2019-04-09T09:28:07+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://legacy.liechtenecker.dev/wp-content/uploads/2017/11/inspector-evolution-1-1024x663.jpg\" />\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=\"3 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/screendesign-redesigned/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://legacy.liechtenecker.dev/wp-content/uploads/2017/11/inspector-evolution-1.jpg\",\"width\":2000,\"height\":1295,\"caption\":\"inspector\"},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/screendesign-redesigned/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/screendesign-redesigned/\",\"name\":\"Screendesign redesigned - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://legacy.liechtenecker.dev/blog/screendesign-redesigned/#primaryimage\"},\"datePublished\":\"2017-11-16T09:47:24+00:00\",\"dateModified\":\"2019-04-09T09:28:07+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/17977da9203def7dd21b855bded01a8d\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/screendesign-redesigned/\"]}]},{\"@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,210,223],{"__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":208,"path":209,"status":20},"3364",{"__typename":167,"url":202,"width":203,"height":204,"alt":205,"title":13,"size":206,"mime":207},"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,"image/jpeg","Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":79,"id":211,"title":212,"path":213,"wpTeaserText":214,"wpPromotedTeaserImage":13,"wpHeaderImage":215},"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":216,"excludeFromScreenreader":13,"mediaImage":217,"name":221,"path":222,"status":20},"3355",{"__typename":167,"url":218,"width":203,"height":204,"alt":219,"title":13,"size":220,"mime":207},"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":224,"title":225,"path":226,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":227},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":164,"id":228,"excludeFromScreenreader":21,"mediaImage":229,"name":233,"path":234,"status":20},"3303",{"__typename":167,"url":230,"width":203,"height":204,"alt":231,"title":13,"size":232,"mime":207},"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":236,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":237,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":241,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":244,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":247,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":250,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":253,"Menu:nuxt-main-menu":256,"ROOT_QUERY":270,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":286,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":289,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":292,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":295,"Menu:footer":298,"TermCategories:8":308,"TermTags:325":319,"TermTags:666":320,"TermTags:1329":321,"TermTags:1361":322,"TermTags:1405":323,"MediaImage:1390":324,"MediaImage:1394":326,"User:2":328,"NodeWpPost:839":329,"MediaImage:3364":360,"NodeWpPost:1619":362,"MediaImage:3355":365,"NodeWpPost:1616":367,"MediaImage:3303":370,"NodeWpPost:1606":372},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",238,"internal",20,"expanded",21,"attributes",240],{"__ref":239},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",242,"internal",20,"expanded",21,"attributes",243],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",245,"internal",20,"expanded",21,"attributes",246],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",248,"internal",20,"expanded",21,"attributes",249],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",251,"internal",20,"expanded",21,"attributes",252],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",254,"internal",20,"expanded",21,"attributes",255],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",257],[258,260,262,264,266,268],{"__ref":259},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":261},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":263},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":265},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":267},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":269},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",271,"menu({\"name\":\"NUXT_MAIN_MENU\"})",272,"menu({\"name\":\"FOOTER\"})",274,"route({\"path\":\"/blog/screendesign-redesigned\"})",276,"latestKnowhow({\"excludeId\":\"839\",\"limit\":3})",279],"Query",{"__ref":273},"Menu:nuxt-main-menu",{"__ref":275},"Menu:footer",["null","__typename",77,"entity",277],{"__ref":278},"NodeWpPost:839",[280,282,284],{"__ref":281},"NodeWpPost:1619",{"__ref":283},"NodeWpPost:1616",{"__ref":285},"NodeWpPost:1606",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",287,"internal",20,"expanded",21,"attributes",288],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",290,"internal",20,"expanded",21,"attributes",291],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",293,"internal",20,"expanded",21,"attributes",294],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",296,"internal",21,"expanded",21,"attributes",297],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",299],[300,302,304,306],{"__ref":301},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":303},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":305},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":307},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",114,"id",115,"name",116,"path",117,"status",20,"weight",118,"description",309,"langcode",310,"changed",311,"metatag",312],["null","__typename",120,"processed",121,"format",122],{"__ref":239},["null","__typename",83,"timestamp",125,"timezone",85,"offset",86,"time",126],[313,315,317],["null","__typename",95,"tag",96,"attributes",314],["null","__typename",98,"name",99,"content",130],["null","__typename",95,"tag",96,"attributes",316],["null","__typename",98,"name",133,"content",134],["null","__typename",102,"tag",103,"attributes",318],["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",325,"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",327,"name",182,"path",184,"status",20],["null","__typename",167,"url",179,"width",180,"height",181,"alt",13,"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",330,"created",331,"langcode",332,"path",92,"promote",21,"status",20,"sticky",21,"metatag",333,"category",340,"contentElements",13,"evergreen",13,"tags",342,"wpBody",353,"wpHeaderImage",13,"wpHeaderImageOld",354,"wpHeaderImageOldSmall",356,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",185,"author",358],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":239},[334,336,338],["null","__typename",95,"tag",96,"attributes",335],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",337],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",339],["null","__typename",111,"property",112,"content",81],{"__ref":341},"TermCategories:8",[343,345,347,349,351],{"__ref":344},"TermTags:325",{"__ref":346},"TermTags:666",{"__ref":348},"TermTags:1329",{"__ref":350},"TermTags:1361",{"__ref":352},"TermTags:1405",["null","__typename",161,"processed",162,"format",122,"summary",13],{"__ref":355},"MediaImage:1390",{"__ref":357},"MediaImage:1394",{"__ref":359},"User:2",["null","__typename",164,"id",200,"excludeFromScreenreader",13,"mediaImage",361,"name",208,"path",209,"status",20],["null","__typename",167,"url",202,"width",203,"height",204,"alt",205,"title",13,"size",206,"mime",207],["null","__typename",79,"id",195,"title",196,"path",197,"wpTeaserText",198,"wpPromotedTeaserImage",13,"wpHeaderImage",363],{"__ref":364},"MediaImage:3364",["null","__typename",164,"id",216,"excludeFromScreenreader",13,"mediaImage",366,"name",221,"path",222,"status",20],["null","__typename",167,"url",218,"width",203,"height",204,"alt",219,"title",13,"size",220,"mime",207],["null","__typename",79,"id",211,"title",212,"path",213,"wpTeaserText",214,"wpPromotedTeaserImage",13,"wpHeaderImage",368],{"__ref":369},"MediaImage:3355",["null","__typename",164,"id",228,"excludeFromScreenreader",21,"mediaImage",371,"name",233,"path",234,"status",20],["null","__typename",167,"url",230,"width",203,"height",204,"alt",231,"title",13,"size",232,"mime",207],["null","__typename",79,"id",224,"title",225,"path",226,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",373],{"__ref":374},"MediaImage:3303"]