[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"Yv_ONMkrp7pfYkOQvivFHF37v2LxBca5hG4250f1ggs":75,"tEnHJqkOk4KLFXpWS1ljqgNwdTzgW63uayufDtcUOX8":180,"_apollo:default":222},{"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":89,"path":90,"promote":21,"status":20,"sticky":21,"metatag":91,"postCategory":111,"postContentElements":13,"evergreen":13,"tags":136,"postWpBody":158,"wpHeaderImage":13,"wpHeaderImageOld":161,"wpHeaderImageOldSmall":13,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":173,"author":174},"NodeWpPost","1006","Photoshop vs. Sketch",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1394784084,"UTC","+00:00","2014-03-14T08:01:24+00:00",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},{"__typename":16,"id":17,"name":18,"direction":19},"/blog/photoshop-vs-sketch-2",[92,99,106],{"__typename":93,"tag":94,"attributes":95},"MetaTagValue","meta",{"__typename":96,"name":97,"content":98},"MetaTagValueAttributes","title","Photoshop vs. Sketch | Liechtenecker UX Design Studio",{"__typename":100,"tag":101,"attributes":102},"MetaTagLink","link",{"__typename":103,"href":104,"hreflang":13,"rel":105,"media":13,"sizes":13,"type":13},"MetaTagLinkAttributes","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/blog/photoshop-vs-sketch-2","canonical",{"__typename":107,"tag":94,"attributes":108},"MetaTagProperty",{"__typename":109,"property":110,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":112,"id":113,"name":114,"path":115,"status":20,"weight":116,"description":117,"langcode":121,"changed":122,"metatag":125},"TermCategories","8","UX/UI Design","/kategorie/design",0,{"__typename":118,"processed":119,"format":120},"Text","Themen aus dem Bereich Design & User Experience","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":123,"timezone":85,"offset":86,"time":124},1713772777,"2024-04-22T07:59:37+00:00",[126,129,133],{"__typename":93,"tag":94,"attributes":127},{"__typename":96,"name":97,"content":128},"UX/UI Design | Liechtenecker UX Design Studio",{"__typename":93,"tag":94,"attributes":130},{"__typename":96,"name":131,"content":132},"description","Themen aus dem Bereich Design & User Experience",{"__typename":100,"tag":101,"attributes":134},{"__typename":103,"href":135,"hreflang":13,"rel":105,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/design",[137,142,146,150,154],{"__typename":138,"id":139,"name":140,"path":141,"weight":116},"TermTags","325","design","/tag/design",{"__typename":138,"id":143,"name":144,"path":145,"weight":116},"1013","Programm","/tag/programm",{"__typename":138,"id":147,"name":148,"path":149,"weight":116},"1155","Sketch","/tag/sketch",{"__typename":138,"id":151,"name":152,"path":153,"weight":116},"1430","vektor","/tag/vektor",{"__typename":138,"id":155,"name":156,"path":157,"weight":116},"1489","Webdesign","/tag/webdesign",{"__typename":159,"processed":160,"format":120,"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\u003Ca href=\"/sites/default/files/styles/full_width/public/wp-migration/wordpress-media-image/2015/02/ps_vs_sketch_kreis-1.jpg?itok=mXnDdKl-\" data-rel=\"lightbox-gallery-IHEwZ4Wi\" data-rl_title data-rl_caption title class=\"js-image-link\">\u003Cdiv alt=\"ps_vs_sketch_kreis\" data-entity-type=\"media\" data-entity-uuid=\"e689c0b7-1e25-43a9-81cc-02a907f8f6f4\" 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/2015/02/ps_vs_sketch_kreis-1.jpg.webp?itok=8UNhW5Qh 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/ps_vs_sketch_kreis-1.jpg.webp?itok=F2-C6jJc 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/ps_vs_sketch_kreis-1.jpg.webp?itok=L-Vq7Q88 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/ps_vs_sketch_kreis-1.jpg.webp?itok=ZFE1CX5n 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/ps_vs_sketch_kreis-1.jpg.webp?itok=BXQle7Qo 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/ps_vs_sketch_kreis-1.jpg.webp?itok=WXsIaj6t 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/ps_vs_sketch_kreis-1.jpg.webp?itok=sX6RAqab 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/ps_vs_sketch_kreis-1.jpg.webp?itok=_DI4Yd9j 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/ps_vs_sketch_kreis-1.jpg.webp?itok=7QWkzPg_ 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/ps_vs_sketch_kreis-1.jpg.webp?itok=LQg5YTmR 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/ps_vs_sketch_kreis-1.jpg.jpg?itok=LQg5YTmR\" alt=\"ps_vs_sketch_kreis\" title=\"Photoshop vs. Sketch\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cp>Nach dem Tod von Fireworks stellt sich die Frage – kommt noch einmal ein vektorbasierendes UI/UX Design-Programm auf den Markt? Oder bleiben einfach nur die gängigen Adobe Programme, wie Photoshop und Illustrator die Alternative?\u003Cbr>\n\u003Cbr>\n\u003Cstrong>Nun hat sich ein kleines Entwicklerteam als Aufgabe gestellt, die starren und langsamen Adobe Strukturen aufzubrechen!\u003C/strong>\u003Cbr>\nDas Award Winning Team von \u003Ca href=\"http://www.bohemiancoding.com\" target=\"_blank\" rel=\"noopener noreferrer\">BOHEMIAN CODING\u003C/a> hat bereits mit ihrem Schriftenverwaltungs-Tool \u003Ca href=\"http://www.bohemiancoding.com/fonts/\" target=\"_blank\" rel=\"noopener noreferrer\">Fonts\u003C/a> gezeigt, dass Design und Funktionalität Hand-in-Hand-Gehen sollten. Und dass es durch progressive Ideen und durch das Reduzieren und Fokussieren auf das Wesentliche, möglich ist sich von den großen Marktführern abzuheben.\u003Cbr>\n\u003Ca href=\"http://www.bohemiancoding.com/sketch/\" target=\"_blank\" rel=\"noopener noreferrer\">Sketch\u003C/a> heißt das neue Programm, mit dem man den Wink der Zeit erkannt hat und auf den den Zug von \u003Ca title=\"Responsive Webdesign passt in kein Korsett\" href=\"https://liechtenecker.at/responsive-webdesign-passt-in-kein-korsett/\" target=\"_blank\" rel=\"noopener noreferrer\">Responsive\u003C/a>, Flat-Design und \u003Ca title=\"SVG – Die Zukunft von Grafiken auf Webseiten\" href=\"https://liechtenecker.at/svg-die-zukunft-von-grafiken-auf-webseiten/\" target=\"_blank\" rel=\"noopener noreferrer\">SVG-Grafiken\u003C/a> aufgesprungen ist. Sketch ist rein für UI/UX Design entwickelt und hinter jeder Funktion steckt viel Idee und Erfahrung. Sketch ist vektorbasierend und unterstützt ein Code-friendly-Design. Sketch ist intuitiv und lässt viel Spielraum für Manipulation und Styling am direkten Objekt. Keine transparenten Kanten, kein lästiges Ebenen suchen, kein Antialiasing sondern gestochen scharfer Text, das sind nur einige Vorteile von Sketch.\u003C/p>\n\u003Ch4>Warum Sketch\u003C/h4>\n\u003Cp>Photoshop war nie für UI/UX Designs bestimmt, sondern rein für die Bildbearbeitung gedacht. Die Anzahl der Features die wirklich für den UI/UX Bereich hilfreich sind, umfassen vielleicht 20% Prozent der gesamten App. Photoshop wirkt oft schwerfällig, hat eine hohe Absturzrate und ist überladen mit für UI/UX Design irrelevanten Funktionen. Der große Umfang von Photoshop schlägt sich auch im Preis nieder. Weiters sind große Entwicklerteams oft sehr unflexibel und langsam. Darum sollte man auch einmal aus den festgefahrenen Strukturen ausbrechen und neuen Dingen eine Chance geben. Sketch ist auf das Wesentliche reduziert und somit ist der Wechsel nicht so zeitintensiv. Die Oberfläche ist dem Apple Look-and-Feel angepasst und somit innerhalb eines Tages erlernbar und spätestens in einer Woche in den täglichen Workflow integriert.\u003C/p>\n\u003Ch4>Vorteile von Sketch\u003C/h4>\n\u003Ca href=\"/sites/default/files/styles/full_width/public/wp-migration/wordpress-media-image/2014/03/screen011-1.png?itok=4M7DC5rG\" data-rel=\"lightbox-gallery-IHEwZ4Wi\" data-rl_title data-rl_caption title class=\"js-image-link\">\u003Cdiv alt=\"screen01\" data-entity-type=\"media\" data-entity-uuid=\"8a201204-815d-4d0c-9137-92242f98f7a7\" 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/2014/03/screen011-1.png.webp?itok=i3fe1JgI 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/03/screen011-1.png.webp?itok=UonL7mix 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"400\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/03/screen011-1.png.webp?itok=8PnLsMwF 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/03/screen011-1.png.webp?itok=3XLratIB 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"400\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/03/screen011-1.png.webp?itok=QIxjaBKh 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/03/screen011-1.png.webp?itok=81OWGWUd 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"298\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/03/screen011-1.png.webp?itok=LjlTqljb 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/03/screen011-1.png.webp?itok=rgTps2Q5 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"192\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/03/screen011-1.png.webp?itok=KK5bpVsC 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/03/screen011-1.png.webp?itok=X3R6IgXT 2x\" type=\"image/webp\" width=\"1000\" height=\"400\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"400\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/03/screen011-1.png.jpg?itok=X3R6IgXT\" alt=\"screen01\" title=\"screen01\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cp>\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>Autosave\u003Cbr>\n\u003C/strong>Es wird automatisch gespeichert und es ist eine Art Time Machine im Programm integriert, die es möglich macht ältere Versionen anzusehen\u003C/li>\n\u003Cli>\u003Cstrong>Vektorbasierend\u003C/strong>\u003Cbr>\nVektor bedeutet Skalierbarkeit, das bedeutet beste Qualität und Flexibilität im Bereich Responsive und SVG Grafiken\u003C/li>\n\u003Cli>\u003Cstrong>Smart Gides\u003C/strong>\u003Cbr>\nMit den Smart Gides ist es möglich den Abstand zwischen Elementen genau zu bestimmen, um ein genaueres Arbeiten in einem Raster zu ermöglichen\u003C/li>\n\u003Cli>\u003Cstrong>Elemente „on the fly“ bearbeiten\u003C/strong>\u003Cbr>\nMan kann Elemente, Schatten, Rahmen, Ecken direkt durch Zahleneingabe ändern\u003C/li>\n\u003Cli>\u003Cstrong>Elemente verbinden\u003C/strong>\u003Cbr>\nWie man es vielleicht schon aus Vektorprogrammen wie Illustrator kennt, ist es auch in Sketch möglich Formen zu kombinieren, zu addieren oder zu subtrahieren um dadurch neue Formen zu erstellen\u003C/li>\n\u003Cli>\u003Cstrong>Mehrere Fülloptionen\u003C/strong>\u003Cbr>\nMan hat die Möglichkeit einem Objekt bis zu 4 Fülleffekte, unendlich Rahmen und Schatten zuzuweisen\u003C/li>\n\u003Cli>\u003Cstrong>Round to Nearest Pixel Edge\u003C/strong>\u003Cbr>\nDie Elemente werden bis zur nächsten Pixelkante abgerundet, daher gibt es keine Pixeltransparenzen\u003C/li>\n\u003C/ul>\n\u003Ca href=\"/sites/default/files/styles/full_width/public/wp-migration/wordpress-media-image/2014/03/screen021-1.png?itok=oN2JyaaV\" data-rel=\"lightbox-gallery-IHEwZ4Wi\" data-rl_title data-rl_caption title class=\"js-image-link\">\u003Cdiv alt=\"screen02\" data-entity-type=\"media\" data-entity-uuid=\"8449d50c-2f43-4c67-8f64-f1fb1de2f912\" 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/2014/03/screen021-1.png.webp?itok=WiSb_c_T 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/03/screen021-1.png.webp?itok=VdZx13mU 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"400\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/03/screen021-1.png.webp?itok=6i81Pk-w 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/03/screen021-1.png.webp?itok=F7YVfa7L 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"400\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/03/screen021-1.png.webp?itok=McoNjJTO 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/03/screen021-1.png.webp?itok=R6QIuzaL 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"298\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/03/screen021-1.png.webp?itok=ijOxTnQb 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/03/screen021-1.png.webp?itok=yI9VDrBd 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"192\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/03/screen021-1.png.webp?itok=8mhxdpu3 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/03/screen021-1.png.webp?itok=JI2Szb5R 2x\" type=\"image/webp\" width=\"1000\" height=\"400\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"400\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/03/screen021-1.png.jpg?itok=JI2Szb5R\" alt=\"screen02\" title=\"screen02\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cp>\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>Linked Styles\u003C/strong>\u003Cbr>\nMan kann Text und Elementen Styles vergeben, die bei Änderungen auf all die Elemente angewandt werden die diesen Style besitzen\u003C/li>\n\u003Cli>\u003Cstrong>Exporting Assets\u003C/strong>\u003Cbr>\nMan kann durch einen Klick in mehrere Dateiformate und Größen exportieren\u003C/li>\n\u003Cli>\u003Cstrong>Raster\u003C/strong>\u003Cbr>\nEs ist kein Plugin nötig um ein Raster zu definieren\u003C/li>\n\u003Cli>\u003Cstrong>Text Render\u003C/strong>\u003Cbr>\nEs gibt keine Photoshop Antialiasing Probleme mehr, der Text wird gestochen scharf dargestellt\u003C/li>\n\u003Cli>\u003Cstrong>CSS Styles\u003C/strong>\u003Cbr>\nDiese Funktion übersetzt alle Fülloptionen in CSS-Code und macht es somit dem Webdeveloper einfacher die Designvorgaben direkt umzusetzen\u003C/li>\n\u003Cli>\u003Cstrong>Drehen, Kopieren\u003C/strong>\u003Cbr>\nWie man aus Illustrator kennt, können Elemente gedreht und gleichzeitig kopiert werden\u003C/li>\n\u003Cli>\u003Cstrong>Mirror Plugin\u003C/strong>\u003Cbr>\nMit dem Mirror Plugin ist es möglich eine Live Vorschau auf einem IOS Device anzuzeigen. Und macht es somit einfacher für Mobile Devices zu getalten\u003C/li>\n\u003C/ul>\n\u003Ca href=\"/sites/default/files/styles/full_width/public/wp-migration/wordpress-media-image/2014/03/screen031-1.png?itok=74olfRdt\" data-rel=\"lightbox-gallery-IHEwZ4Wi\" data-rl_title data-rl_caption title class=\"js-image-link\">\u003Cdiv alt=\"screen03\" data-entity-type=\"media\" data-entity-uuid=\"9c5bab78-b140-4e92-ae45-af1a4b5d71dc\" 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/2014/03/screen031-1.png.webp?itok=Mxgs23kX 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/03/screen031-1.png.webp?itok=NAgg8AX2 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"400\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/03/screen031-1.png.webp?itok=wAJs9A6D 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/03/screen031-1.png.webp?itok=gh30JPll 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"400\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/03/screen031-1.png.webp?itok=aqxS1yPe 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/03/screen031-1.png.webp?itok=VXt3DYfO 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"298\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/03/screen031-1.png.webp?itok=bVDftGXs 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/03/screen031-1.png.webp?itok=a2EvEqkO 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"192\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/03/screen031-1.png.webp?itok=PqEzqQNZ 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/03/screen031-1.png.webp?itok=nij_ySMF 2x\" type=\"image/webp\" width=\"1000\" height=\"400\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"400\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/03/screen031-1.png.jpg?itok=nij_ySMF\" alt=\"screen03\" title=\"screen03\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cp>\u003C/p>\n\u003Ch4>Warum trotzdem Photoshop?\u003C/h4>\n\u003Cp>Bildbearbeitung und Gestaltung von Texturen bleiben in der Hand von Photoshop. Natürlich ist Sketch noch ausbaubar und kämpft wie jedes Programm in der Anfangsphase, mit kleinen Kinderkrankheiten.\u003C/p>\n\u003Ch4>Was bräuchte Sketch noch?\u003C/h4>\n\u003Cp>Smartobjekts\u003Cbr>\nFilter für Gruppen wie Gaußscher Weichzeichner oder Bewegungsunschärfe\u003Cbr>\n3D-Transformation für Gruppen wie Schräglage, verzerren oder Perspektive\u003Cbr>\nExport/Import von Einstellungen und Presets\u003C/p>\n\u003Ch4>Probleme\u003C/h4>\n\u003Cp>Flexibilität der Entwickler, Austausch der Daten mit anderen Designern (dieses Problem gab es auch schon bei Fireworks). Und der schon oft festgefahrene Workflow.\u003C/p>\n\u003Ch4>Fazit\u003C/h4>\n\u003Cp>Abschließend kann man sagen, Sketch ist einen Blick wert! Und bei näherem Hinsehen wird man schnell erkennen, dass ein Umdenken stattgefunden hat. Und immer mehr kleinere Unternehmen die Adobe Monopolstellung mit progressiven und oft anwendungsfreundlicheren Produkten angreifen. Sketch wird im UI/UX Design seinen berechtigten Platz finden.\u003Cbr>\n\u003Cstrong>Links\u003C/strong>\u003Cbr>\n\u003Ca href=\"https://medium.com/design-ux/25545f6cb161\" target=\"_blank\" rel=\"noopener noreferrer\">https://medium.com/design-ux/25545f6cb161\u003C/a>\u003Cbr>\n\u003Ca href=\"http://blog.mengto.com/sketch-vs-photoshop\" target=\"_blank\" rel=\"noopener noreferrer\">http://blog.mengto.com/sketch-vs-photoshop\u003C/a>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n",{"__typename":162,"id":163,"excludeFromScreenreader":13,"mediaImage":164,"name":169,"path":172,"status":20},"MediaImage","2167",{"__typename":165,"url":166,"width":167,"height":168,"alt":169,"title":169,"size":170,"mime":171},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2015/02/ps_vs_sketch-1.jpg",1920,1280,"Liechtenecker Büro",165778,"image/jpeg","/media/2167/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://liechtenecker.at/blog/photoshop-vs-sketch-2/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Photoshop vs. Sketch - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Nach dem Tod von Fireworks stellt sich die Frage – kommt noch einmal ein vektorbasierendes UI/UX Design-Programm auf den Markt? Oder bleiben einfach nur die gängigen Adobe Programme, wie Photoshop und Illustrator die Alternative? Nun hat sich ein kleines Entwicklerteam als Aufgabe gestellt, die starren und langsamen Adobe Strukturen aufzubrechen! Das Award Winning Team von […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://liechtenecker.at/blog/photoshop-vs-sketch-2/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2014-03-14T09:01:24+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://liechtenecker.at/wp-content/uploads/2015/02/ps_vs_sketch_kreis-1-300x300.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=\"4 Minuten\">\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://liechtenecker.at/#website\",\"url\":\"https://liechtenecker.at/\",\"name\":\"Liechtenecker\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://liechtenecker.at/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"ImageObject\",\"@id\":\"https://liechtenecker.at/blog/photoshop-vs-sketch-2/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://liechtenecker.at/wp-content/uploads/2015/02/ps_vs_sketch_kreis-1.jpg\",\"width\":500,\"height\":500,\"caption\":\"Photoshop vs. Sketch\"},{\"@type\":\"WebPage\",\"@id\":\"https://liechtenecker.at/blog/photoshop-vs-sketch-2/#webpage\",\"url\":\"https://liechtenecker.at/blog/photoshop-vs-sketch-2/\",\"name\":\"Photoshop vs. Sketch - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://liechtenecker.at/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://liechtenecker.at/blog/photoshop-vs-sketch-2/#primaryimage\"},\"datePublished\":\"2014-03-14T09:01:24+00:00\",\"dateModified\":\"2014-03-14T09:01:24+00:00\",\"author\":{\"@id\":\"https://liechtenecker.at/#/schema/person/663b2d5142421ab394bf325c1b48cecf\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://liechtenecker.at/blog/photoshop-vs-sketch-2/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://liechtenecker.at/#/schema/person/663b2d5142421ab394bf325c1b48cecf\",\"name\":\"Stephan\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://liechtenecker.at/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/400d5f8c531afb609b81aa66c8d56f01?s=96&d=mm&r=g\",\"caption\":\"Stephan\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":175,"id":176,"myRole":177,"name":178,"nickname":179},"User","23","langgedienter Frontend-Veteran","s-fletzberger","Stephan",{"latestKnowhow":181},[182,197,210],{"__typename":79,"id":183,"title":184,"path":185,"wpTeaserText":186,"wpPromotedTeaserImage":13,"wpHeaderImage":187},"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":162,"id":188,"excludeFromScreenreader":13,"mediaImage":189,"name":195,"path":196,"status":20},"3364",{"__typename":165,"url":190,"width":191,"height":192,"alt":193,"title":13,"size":194,"mime":171},"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":198,"title":199,"path":200,"wpTeaserText":201,"wpPromotedTeaserImage":13,"wpHeaderImage":202},"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":162,"id":203,"excludeFromScreenreader":13,"mediaImage":204,"name":208,"path":209,"status":20},"3355",{"__typename":165,"url":205,"width":191,"height":192,"alt":206,"title":13,"size":207,"mime":171},"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":211,"title":212,"path":213,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":214},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":162,"id":215,"excludeFromScreenreader":21,"mediaImage":216,"name":220,"path":221,"status":20},"3303",{"__typename":165,"url":217,"width":191,"height":192,"alt":218,"title":13,"size":219,"mime":171},"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":223,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":224,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":228,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":231,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":234,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":237,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":240,"Menu:nuxt-main-menu":243,"ROOT_QUERY":257,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":273,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":276,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":279,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":282,"Menu:footer":285,"TermCategories:8":295,"TermTags:325":306,"TermTags:1013":307,"TermTags:1155":308,"TermTags:1430":309,"TermTags:1489":310,"MediaImage:2167":311,"User:23":313,"NodeWpPost:1006":314,"MediaImage:3364":343,"NodeWpPost:1619":345,"MediaImage:3355":348,"NodeWpPost:1616":350,"MediaImage:3303":353,"NodeWpPost:1606":355},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",225,"internal",20,"expanded",21,"attributes",227],{"__ref":226},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",229,"internal",20,"expanded",21,"attributes",230],{"__ref":226},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",232,"internal",20,"expanded",21,"attributes",233],{"__ref":226},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",235,"internal",20,"expanded",21,"attributes",236],{"__ref":226},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",238,"internal",20,"expanded",21,"attributes",239],{"__ref":226},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",241,"internal",20,"expanded",21,"attributes",242],{"__ref":226},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",244],[245,247,249,251,253,255],{"__ref":246},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":248},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":250},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":252},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":254},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":256},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",258,"menu({\"name\":\"NUXT_MAIN_MENU\"})",259,"menu({\"name\":\"FOOTER\"})",261,"route({\"path\":\"/blog/photoshop-vs-sketch-2\"})",263,"latestKnowhow({\"excludeId\":\"1006\",\"limit\":3})",266],"Query",{"__ref":260},"Menu:nuxt-main-menu",{"__ref":262},"Menu:footer",["null","__typename",77,"entity",264],{"__ref":265},"NodeWpPost:1006",[267,269,271],{"__ref":268},"NodeWpPost:1619",{"__ref":270},"NodeWpPost:1616",{"__ref":272},"NodeWpPost:1606",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",274,"internal",20,"expanded",21,"attributes",275],{"__ref":226},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",277,"internal",20,"expanded",21,"attributes",278],{"__ref":226},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",280,"internal",20,"expanded",21,"attributes",281],{"__ref":226},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",283,"internal",21,"expanded",21,"attributes",284],{"__ref":226},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",286],[287,289,291,293],{"__ref":288},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":290},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":292},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":294},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",112,"id",113,"name",114,"path",115,"status",20,"weight",116,"description",296,"langcode",297,"changed",298,"metatag",299],["null","__typename",118,"processed",119,"format",120],{"__ref":226},["null","__typename",83,"timestamp",123,"timezone",85,"offset",86,"time",124],[300,302,304],["null","__typename",93,"tag",94,"attributes",301],["null","__typename",96,"name",97,"content",128],["null","__typename",93,"tag",94,"attributes",303],["null","__typename",96,"name",131,"content",132],["null","__typename",100,"tag",101,"attributes",305],["null","__typename",103,"href",135,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",138,"id",139,"name",140,"path",141,"weight",116],["null","__typename",138,"id",143,"name",144,"path",145,"weight",116],["null","__typename",138,"id",147,"name",148,"path",149,"weight",116],["null","__typename",138,"id",151,"name",152,"path",153,"weight",116],["null","__typename",138,"id",155,"name",156,"path",157,"weight",116],["null","__typename",162,"id",163,"excludeFromScreenreader",13,"mediaImage",312,"name",169,"path",172,"status",20],["null","__typename",165,"url",166,"width",167,"height",168,"alt",169,"title",169,"size",170,"mime",171],["null","__typename",175,"id",176,"myRole",177,"name",178,"nickname",179],["null","__typename",79,"id",80,"title",81,"changed",315,"created",316,"langcode",317,"path",90,"promote",21,"status",20,"sticky",21,"metatag",318,"category",325,"contentElements",13,"evergreen",13,"tags",327,"wpBody",338,"wpHeaderImage",13,"wpHeaderImageOld",339,"wpHeaderImageOldSmall",13,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",173,"author",341],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],{"__ref":226},[319,321,323],["null","__typename",93,"tag",94,"attributes",320],["null","__typename",96,"name",97,"content",98],["null","__typename",100,"tag",101,"attributes",322],["null","__typename",103,"href",104,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",107,"tag",94,"attributes",324],["null","__typename",109,"property",110,"content",81],{"__ref":326},"TermCategories:8",[328,330,332,334,336],{"__ref":329},"TermTags:325",{"__ref":331},"TermTags:1013",{"__ref":333},"TermTags:1155",{"__ref":335},"TermTags:1430",{"__ref":337},"TermTags:1489",["null","__typename",159,"processed",160,"format",120,"summary",13],{"__ref":340},"MediaImage:2167",{"__ref":342},"User:23",["null","__typename",162,"id",188,"excludeFromScreenreader",13,"mediaImage",344,"name",195,"path",196,"status",20],["null","__typename",165,"url",190,"width",191,"height",192,"alt",193,"title",13,"size",194,"mime",171],["null","__typename",79,"id",183,"title",184,"path",185,"wpTeaserText",186,"wpPromotedTeaserImage",13,"wpHeaderImage",346],{"__ref":347},"MediaImage:3364",["null","__typename",162,"id",203,"excludeFromScreenreader",13,"mediaImage",349,"name",208,"path",209,"status",20],["null","__typename",165,"url",205,"width",191,"height",192,"alt",206,"title",13,"size",207,"mime",171],["null","__typename",79,"id",198,"title",199,"path",200,"wpTeaserText",201,"wpPromotedTeaserImage",13,"wpHeaderImage",351],{"__ref":352},"MediaImage:3355",["null","__typename",162,"id",215,"excludeFromScreenreader",21,"mediaImage",354,"name",220,"path",221,"status",20],["null","__typename",165,"url",217,"width",191,"height",192,"alt",218,"title",13,"size",219,"mime",171],["null","__typename",79,"id",211,"title",212,"path",213,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",356],{"__ref":357},"MediaImage:3303"]