[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"n1VxCEQ1kYkKEMJNrcQzNFHAfoKVvlfXGsnd8GKeUiU":75,"HNifM5zqTlBcXXqTCtJtf4qxwh-im2j2n2xybdOROR8":175,"_apollo:default":217},{"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":114,"postContentElements":13,"evergreen":13,"tags":139,"postWpBody":153,"wpHeaderImage":13,"wpHeaderImageOld":156,"wpHeaderImageOldSmall":13,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":168,"author":169},"NodeWpPost","971","Es sieht gut aus, ist genial und überzeugt – Das Perspective App Screen Mock-Up",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1552571963,"UTC","+00:00","2019-03-14T13:59:23+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1416311053,"2014-11-18T11:44:13+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/blog/es-sieht-gut-aus-ist-genial-und-ueberzeugt-das-perspective-app-screen-mock-up",[94,101,108],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","Es sieht gut aus, ist genial und überzeugt – Das Perspective App Screen Mock-Up | 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/es-sieht-gut-aus-ist-genial-und-ueberzeugt-das-perspective-app-screen-mock-up","canonical",{"__typename":109,"tag":96,"attributes":110},"MetaTagProperty",{"__typename":111,"property":112,"content":113},"MetaTagPropertyAttributes","og:title","Es sieht gut aus, ist genial und überzeugt – Das Perspective App Screen Mock-Up",{"__typename":115,"id":116,"name":117,"path":118,"status":20,"weight":119,"description":120,"langcode":124,"changed":125,"metatag":128},"TermCategories","8","UX/UI Design","/kategorie/design",0,{"__typename":121,"processed":122,"format":123},"Text","Themen aus dem Bereich Design & User Experience","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":126,"timezone":85,"offset":86,"time":127},1713772777,"2024-04-22T07:59:37+00:00",[129,132,136],{"__typename":95,"tag":96,"attributes":130},{"__typename":98,"name":99,"content":131},"UX/UI Design | Liechtenecker UX Design Studio",{"__typename":95,"tag":96,"attributes":133},{"__typename":98,"name":134,"content":135},"description","Themen aus dem Bereich Design & User Experience",{"__typename":102,"tag":103,"attributes":137},{"__typename":105,"href":138,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/design",[140,145,149],{"__typename":141,"id":142,"name":143,"path":144,"weight":119},"TermTags","325","design","/tag/design",{"__typename":141,"id":146,"name":147,"path":148,"weight":119},"711","Know How","/tag/know-how",{"__typename":141,"id":150,"name":151,"path":152,"weight":119},"830","Mock-Up","/tag/mock-up",{"__typename":154,"processed":155,"format":123,"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/2014/11/mockup1-1.png?itok=YO9_CNiu\" data-rel=\"lightbox-gallery-0EP2Kumq\" data-rl_title data-rl_caption title class=\"js-image-link\">\u003Cdiv alt=\"Mock-Up\" data-entity-type=\"media\" data-entity-uuid=\"b6f10b53-8ab5-43a5-bd1d-253928724f8f\" 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/11/mockup1-1.png.webp?itok=5kTg-oC0 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/11/mockup1-1.png.webp?itok=A56x_KBJ 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/11/mockup1-1.png.webp?itok=jILZWmus 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/11/mockup1-1.png.webp?itok=9lzLGl7H 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/11/mockup1-1.png.webp?itok=xD06A0se 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/11/mockup1-1.png.webp?itok=m0-6Vbz7 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/11/mockup1-1.png.webp?itok=F59bEYFH 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/11/mockup1-1.png.webp?itok=r027Qwy1 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/11/mockup1-1.png.webp?itok=TpaaaSBx 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/11/mockup1-1.png.webp?itok=0eLdvjHB 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/11/mockup1-1.png.jpg?itok=0eLdvjHB\" alt=\"Mock-Up\" title=\"Mock-Up\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cp>\u003Cbr>\nIch liebe schönes Design und mag es, wenn auch andere überzeugt von meiner Arbeit sind. Deshalb schreibe ich in meinem ersten Blogbeitrag bei den Liechteneckers darüber, wie wir schöne Apps und Webseiten gut verpacken können.\u003Cbr>\nWir stecken sehr viel Zeit in unser Design, denn es muss perfekt sein und unsere Arbeit soll den Kunden überzeugen. Im Idealfall sind wir einige Tage vor dem Pitch mit der Umsetzung fertig und bereits neue Projekte warten schon auf uns. Doch da wir unser Design lieben, wollen wir es überzeugend in Szene setzen. Im Internet findet man viele Gratis-Mock-Ups für die private und kommerzielle Nutzung, die uns dabei helfen.\u003Cbr>\nIch suche mir meine Mock-Ups meist auf \u003Ca title=\"mock-ups\" href=\"http://graphicburger.com/mock-ups/\" target=\"_blank\" rel=\"noopener noreferrer\">GraphicBurger\u003C/a> oder \u003Ca title=\"mock-up\" href=\"http://www.psdcovers.com/\" target=\"_blank\" rel=\"noopener noreferrer\">PSD Covers\u003C/a>, da ich von einer Holzgravur bis hin zum neuen iPhone alles finde. Noch dazu haben die Bilder eine hohe Auflösung. Kreative aus aller Welt stellen dort ihre neuesten Mock-Ups zur Verfügung. Die 3D-Grafiken sind professionell aufbereitet und nach dem Download einfach auf das eigene Projekt zu adaptieren.\u003C/p>\n\u003Ch2>Das Auge isst mit\u003C/h2>\n\u003Cp>So ein Rendering macht einen sehr professionellen Eindruck und der Kunde kann sich das finale Design viel besser vorstellen. Wir Kreative sind es gewohnt, unsere Ideen zu visualisieren und uns diese vorher auszumalen, den Kunden sollte man mit bei seiner Interpretation unterstützen.\u003Cbr>\nEs gibt unzählige Vorlagen, mit denen man mit wenigen Klicks und in nur wenigen Minuten ein tolles Rendering vorbereiten kann. Die Kulissen sind von sehr elegant und minimalistisch bis hin zu knalligen Farben im Hintergrund oder real-life-Szenen und mitten drin – unser Design. Ich zeige euch anhand eines Beispiels wie einfach es geht, die derzeit modernen und schicken Perspective-App-Screen-Designs zu erstellen. Dieses habe ich auf \u003Ca href=\"http://www.pixeden.com/psd-mock-up-templates/perspective-app-screens-mock-up-3\" target=\"_blank\" rel=\"noopener noreferrer\">Pixeden\u003C/a> gefunden. Es sind drei Ansichten der App. Den Effekt macht die gekippte Optik aus und die Tiefe des Layers. So wird es mit einem flachen Smartphone verglichen oder, wenn man weiter denkt, mit futuristischen devices.\u003C/p>\n\u003Ch3>Schritt 1\u003C/h3>\n\u003Cdiv alt=\"Mock-Up öffnen\" data-entity-type=\"media\" data-entity-uuid=\"a5e31e3d-c6d5-4cf9-852c-dcef222ef6dd\" 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/11/schritt11-1.jpg.webp?itok=z61xt1rV 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/11/schritt11-1.jpg.webp?itok=n_TBghUE 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"614\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/11/schritt11-1.jpg.webp?itok=g0epYN53 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/11/schritt11-1.jpg.webp?itok=sW_kAybF 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"614\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/11/schritt11-1.jpg.webp?itok=Tbia5XjM 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/11/schritt11-1.jpg.webp?itok=w1W2KacT 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"457\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/11/schritt11-1.jpg.webp?itok=Q34nnGlZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/11/schritt11-1.jpg.webp?itok=bx-Wyj_V 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"295\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/11/schritt11-1.jpg.webp?itok=5H_7Ex_4 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/11/schritt11-1.jpg.webp?itok=wkMu-3or 2x\" type=\"image/webp\" width=\"1000\" height=\"614\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"614\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/11/schritt11-1.jpg.jpg?itok=wkMu-3or\" alt=\"Mock-Up öffnen\" title=\"Mock-Up öffnen\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>Das Ausgewählte Mock-Up downloaden und in Photoshop öffnen.\u003Cbr>\n\u003C/p>\n\u003Ch3>Schritt 2\u003C/h3>\n\u003Cdiv alt=\"Doppelklick auf die Ebene\" data-entity-type=\"media\" data-entity-uuid=\"59f5aebb-d128-4815-b9ae-380c68e850cc\" 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/11/schritt2_ebenen1-1.jpg.webp?itok=taMdMDyQ 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/11/schritt2_ebenen1-1.jpg.webp?itok=MoaKGGxg 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/11/schritt2_ebenen1-1.jpg.webp?itok=1cuG-Bpr 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/11/schritt2_ebenen1-1.jpg.webp?itok=eqRJT197 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/11/schritt2_ebenen1-1.jpg.webp?itok=-LEfXB1t 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/11/schritt2_ebenen1-1.jpg.webp?itok=swPODH8Z 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/11/schritt2_ebenen1-1.jpg.webp?itok=sO7MRibf 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/11/schritt2_ebenen1-1.jpg.webp?itok=ZekBxEFu 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/11/schritt2_ebenen1-1.jpg.webp?itok=FRFOtCEL 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/11/schritt2_ebenen1-1.jpg.webp?itok=7wx5Q6HI 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/11/schritt2_ebenen1-1.jpg.jpg?itok=7wx5Q6HI\" alt=\"Doppelklick auf die Ebene\" title=\"Doppelklick auf die Ebene\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cdiv alt=\"Ebene anpassen\" data-entity-type=\"media\" data-entity-uuid=\"1b3c2595-575e-429b-9aa7-7193024aaff8\" 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/11/schritt2.11-1.jpg.webp?itok=suGWc7Cn 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/11/schritt2.11-1.jpg.webp?itok=ltuQf_ia 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"612\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/11/schritt2.11-1.jpg.webp?itok=JM0H7Kvt 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/11/schritt2.11-1.jpg.webp?itok=fLEa9_Ml 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"612\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/11/schritt2.11-1.jpg.webp?itok=BGhFMhRO 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/11/schritt2.11-1.jpg.webp?itok=e3EzMXYX 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"456\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/11/schritt2.11-1.jpg.webp?itok=A_g9Nn1c 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/11/schritt2.11-1.jpg.webp?itok=e190rJqT 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"294\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/11/schritt2.11-1.jpg.webp?itok=zQnh-57z 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/11/schritt2.11-1.jpg.webp?itok=cq_OrfGs 2x\" type=\"image/webp\" width=\"1000\" height=\"612\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"612\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/11/schritt2.11-1.jpg.jpg?itok=cq_OrfGs\" alt=\"Ebene anpassen\" title=\"Ebene anpassen\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>Mit Doppelklick auf die Ebene „Put your design here“ öffnet sich ein neues Fenster.\u003Cbr>\n\u003Cbr>\nHier den Screenshot einfügen und platzieren. Mehrere Ebenen sind möglich. Dadurch kann man das Design auch erst in diesem Schritt gestalten. Sobald das Layout fertig ist – speichern und das Fenster schließen.\u003Cbr>\n\u003C/p>\n\u003Ch3>Schritt 3\u003C/h3>\n\u003Cdiv alt=\"Rendering abschließen\" data-entity-type=\"media\" data-entity-uuid=\"32d3e758-61b2-47dd-ae03-c0b334aab4d4\" 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/11/schritt61-1.jpg.webp?itok=XDrC6pFT 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/11/schritt61-1.jpg.webp?itok=HWZKfd4m 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"600\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/11/schritt61-1.jpg.webp?itok=ZzMw_5jZ 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/11/schritt61-1.jpg.webp?itok=ykUjgkra 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"600\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/11/schritt61-1.jpg.webp?itok=BjmWcl8Z 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/11/schritt61-1.jpg.webp?itok=gC5huFuS 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"447\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/11/schritt61-1.jpg.webp?itok=8P26qNPW 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/11/schritt61-1.jpg.webp?itok=_dbDFWaY 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"288\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/11/schritt61-1.jpg.webp?itok=OTOVyhfi 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/11/schritt61-1.jpg.webp?itok=n4wK4JKu 2x\" type=\"image/webp\" width=\"1000\" height=\"600\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"600\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/11/schritt61-1.jpg.jpg?itok=n4wK4JKu\" alt=\"Rendering abschließen\" title=\"Rendering abschließen\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>Man gelangt wieder zur Ursprugsdatei zurück. Nun verläuft der Prozess immer gleich, bis man alle „Put your design here“-Ebenen adaptiert hat. Wenn man nicht alle drei Screens haben möchte, kann die gewünschte Ebene ausgeblendet werden. Nun kann man auch den Hintergrund an dem App-Design anpassen oder ein Pattern gestalten. Die Screens können auseinander oder enger zusammen geschoben werden. Es gibt noch die Möglichkeit, Screens zu duplizieren, wobei man hier darauf achten muss, dass das Smartobject mit Rechtsklick „Neues Smartobject durch Kopie“ dupliziert wird. Ansonsten würde auch der kopierte Screen verändert werden.\u003Cbr>\n\u003Cbr>\nNa? Sieht doch gleich besser aus als eine klassische Frontansicht.\u003C/p>\n\u003Ch2>Abwechslung ist garantiert\u003C/h2>\n\u003Cp>Es ist dieselbe Grundidee, aber jedes Design ist anders und man kann es selbst noch so verändern, dass es zum Corporate Design der jeweiligen App passt.\u003Cbr>\n\u003Ca title=\"Isometric Perspective MockUp\" href=\"http://graphicburger.com/isometric-perspective-mock-up/\" target=\"_blank\" rel=\"noopener noreferrer\">Graphicburger – Isometric Perspective Mock-Up\u003C/a>\u003Cbr>\n\u003Ca title=\"3D Perspektive Mock-Up\" href=\"http://de.freepik.com/psd-kostenlos/3d-perspektive-mockup_693648.htm\" target=\"_blank\" rel=\"noopener noreferrer\">Freepick – 3D Perspektive Mock-Up\u003C/a>\u003Cbr>\nWenn man diese Anwendung öfters verwendet, kann man sich für $ 19 ein \u003Ca title=\"PSD Plugin\" href=\"http://perspectivemockups.com/\" target=\"_blank\" rel=\"noopener noreferrer\">PSD-Plugin\u003C/a> kaufen, welches genau diese Funktion erfüllt. Es können Screens hinzugefügt werden, Positionen verändert werden, Schlagschatten näher oder entfernter setzen, stärker oder schwächer.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n",{"__typename":157,"id":158,"excludeFromScreenreader":13,"mediaImage":159,"name":164,"path":167,"status":20},"MediaImage","2058",{"__typename":160,"url":161,"width":162,"height":163,"alt":164,"title":164,"size":165,"mime":166},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2014/11/design_1-1.jpg",1920,1280,"Liechtenecker Büro",32969,"image/jpeg","/media/2058/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/es-sieht-gut-aus-ist-genial-und-ueberzeugt-das-perspective-app-screen-mock-up/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Es sieht gut aus, ist genial und überzeugt – Das Perspective App Screen Mock-Up - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Ich liebe schönes Design und mag es, wenn auch andere überzeugt von meiner Arbeit sind. Deshalb schreibe ich in meinem ersten Blogbeitrag bei den Liechteneckers darüber, wie wir schöne Apps und Webseiten gut verpacken können. Wir stecken sehr viel Zeit in unser Design, denn es muss perfekt sein und unsere Arbeit soll den Kunden überzeugen. Im Idealfall sind […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://liechtenecker.at/blog/es-sieht-gut-aus-ist-genial-und-ueberzeugt-das-perspective-app-screen-mock-up/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2014-11-18T12:44:13+00:00\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2019-03-14T14:59:23+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://liechtenecker.at/wp-content/uploads/2014/11/mockup1-1.png\" />\n\t\u003Cmeta property=\"og:image:width\" content=\"1000\" />\n\t\u003Cmeta property=\"og:image:height\" content=\"400\" />\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://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/es-sieht-gut-aus-ist-genial-und-ueberzeugt-das-perspective-app-screen-mock-up/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://liechtenecker.at/wp-content/uploads/2014/11/mockup1-1.png\",\"width\":1000,\"height\":400,\"caption\":\"Mock-Up\"},{\"@type\":\"WebPage\",\"@id\":\"https://liechtenecker.at/blog/es-sieht-gut-aus-ist-genial-und-ueberzeugt-das-perspective-app-screen-mock-up/#webpage\",\"url\":\"https://liechtenecker.at/blog/es-sieht-gut-aus-ist-genial-und-ueberzeugt-das-perspective-app-screen-mock-up/\",\"name\":\"Es sieht gut\\u00a0aus, ist\\u00a0genial und \\u00fcberzeugt \\u2013 Das Perspective App Screen Mock-Up - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://liechtenecker.at/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://liechtenecker.at/blog/es-sieht-gut-aus-ist-genial-und-ueberzeugt-das-perspective-app-screen-mock-up/#primaryimage\"},\"datePublished\":\"2014-11-18T12:44:13+00:00\",\"dateModified\":\"2019-03-14T14:59:23+00:00\",\"author\":{\"@id\":\"https://liechtenecker.at/#/schema/person/663b2d5142421ab394bf325c1b48cecf\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://liechtenecker.at/blog/es-sieht-gut-aus-ist-genial-und-ueberzeugt-das-perspective-app-screen-mock-up/\"]}]},{\"@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":170,"id":171,"myRole":172,"name":173,"nickname":174},"User","23","langgedienter Frontend-Veteran","s-fletzberger","Stephan",{"latestKnowhow":176},[177,192,205],{"__typename":79,"id":178,"title":179,"path":180,"wpTeaserText":181,"wpPromotedTeaserImage":13,"wpHeaderImage":182},"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":157,"id":183,"excludeFromScreenreader":13,"mediaImage":184,"name":190,"path":191,"status":20},"3364",{"__typename":160,"url":185,"width":186,"height":187,"alt":188,"title":13,"size":189,"mime":166},"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":193,"title":194,"path":195,"wpTeaserText":196,"wpPromotedTeaserImage":13,"wpHeaderImage":197},"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":157,"id":198,"excludeFromScreenreader":13,"mediaImage":199,"name":203,"path":204,"status":20},"3355",{"__typename":160,"url":200,"width":186,"height":187,"alt":201,"title":13,"size":202,"mime":166},"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":206,"title":207,"path":208,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":209},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":157,"id":210,"excludeFromScreenreader":21,"mediaImage":211,"name":215,"path":216,"status":20},"3303",{"__typename":160,"url":212,"width":186,"height":187,"alt":213,"title":13,"size":214,"mime":166},"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":218,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":219,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":223,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":226,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":229,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":232,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":235,"Menu:nuxt-main-menu":238,"ROOT_QUERY":252,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":268,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":271,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":274,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":277,"Menu:footer":280,"TermCategories:8":290,"TermTags:325":301,"TermTags:711":302,"TermTags:830":303,"MediaImage:2058":304,"User:23":306,"NodeWpPost:971":307,"MediaImage:3364":332,"NodeWpPost:1619":334,"MediaImage:3355":337,"NodeWpPost:1616":339,"MediaImage:3303":342,"NodeWpPost:1606":344},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",220,"internal",20,"expanded",21,"attributes",222],{"__ref":221},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",224,"internal",20,"expanded",21,"attributes",225],{"__ref":221},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",227,"internal",20,"expanded",21,"attributes",228],{"__ref":221},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",230,"internal",20,"expanded",21,"attributes",231],{"__ref":221},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",233,"internal",20,"expanded",21,"attributes",234],{"__ref":221},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",236,"internal",20,"expanded",21,"attributes",237],{"__ref":221},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",239],[240,242,244,246,248,250],{"__ref":241},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":243},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":245},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":247},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":249},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":251},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",253,"menu({\"name\":\"NUXT_MAIN_MENU\"})",254,"menu({\"name\":\"FOOTER\"})",256,"route({\"path\":\"/blog/es-sieht-gut-aus-ist-genial-und-ueberzeugt-das-perspective-app-screen-mock-up\"})",258,"latestKnowhow({\"excludeId\":\"971\",\"limit\":3})",261],"Query",{"__ref":255},"Menu:nuxt-main-menu",{"__ref":257},"Menu:footer",["null","__typename",77,"entity",259],{"__ref":260},"NodeWpPost:971",[262,264,266],{"__ref":263},"NodeWpPost:1619",{"__ref":265},"NodeWpPost:1616",{"__ref":267},"NodeWpPost:1606",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",269,"internal",20,"expanded",21,"attributes",270],{"__ref":221},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",272,"internal",20,"expanded",21,"attributes",273],{"__ref":221},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",275,"internal",20,"expanded",21,"attributes",276],{"__ref":221},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",278,"internal",21,"expanded",21,"attributes",279],{"__ref":221},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",281],[282,284,286,288],{"__ref":283},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":285},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":287},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":289},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",115,"id",116,"name",117,"path",118,"status",20,"weight",119,"description",291,"langcode",292,"changed",293,"metatag",294],["null","__typename",121,"processed",122,"format",123],{"__ref":221},["null","__typename",83,"timestamp",126,"timezone",85,"offset",86,"time",127],[295,297,299],["null","__typename",95,"tag",96,"attributes",296],["null","__typename",98,"name",99,"content",131],["null","__typename",95,"tag",96,"attributes",298],["null","__typename",98,"name",134,"content",135],["null","__typename",102,"tag",103,"attributes",300],["null","__typename",105,"href",138,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",141,"id",142,"name",143,"path",144,"weight",119],["null","__typename",141,"id",146,"name",147,"path",148,"weight",119],["null","__typename",141,"id",150,"name",151,"path",152,"weight",119],["null","__typename",157,"id",158,"excludeFromScreenreader",13,"mediaImage",305,"name",164,"path",167,"status",20],["null","__typename",160,"url",161,"width",162,"height",163,"alt",164,"title",164,"size",165,"mime",166],["null","__typename",170,"id",171,"myRole",172,"name",173,"nickname",174],["null","__typename",79,"id",80,"title",81,"changed",308,"created",309,"langcode",310,"path",92,"promote",21,"status",20,"sticky",21,"metatag",311,"category",318,"contentElements",13,"evergreen",13,"tags",320,"wpBody",327,"wpHeaderImage",13,"wpHeaderImageOld",328,"wpHeaderImageOldSmall",13,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",168,"author",330],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":221},[312,314,316],["null","__typename",95,"tag",96,"attributes",313],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",315],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",317],["null","__typename",111,"property",112,"content",113],{"__ref":319},"TermCategories:8",[321,323,325],{"__ref":322},"TermTags:325",{"__ref":324},"TermTags:711",{"__ref":326},"TermTags:830",["null","__typename",154,"processed",155,"format",123,"summary",13],{"__ref":329},"MediaImage:2058",{"__ref":331},"User:23",["null","__typename",157,"id",183,"excludeFromScreenreader",13,"mediaImage",333,"name",190,"path",191,"status",20],["null","__typename",160,"url",185,"width",186,"height",187,"alt",188,"title",13,"size",189,"mime",166],["null","__typename",79,"id",178,"title",179,"path",180,"wpTeaserText",181,"wpPromotedTeaserImage",13,"wpHeaderImage",335],{"__ref":336},"MediaImage:3364",["null","__typename",157,"id",198,"excludeFromScreenreader",13,"mediaImage",338,"name",203,"path",204,"status",20],["null","__typename",160,"url",200,"width",186,"height",187,"alt",201,"title",13,"size",202,"mime",166],["null","__typename",79,"id",193,"title",194,"path",195,"wpTeaserText",196,"wpPromotedTeaserImage",13,"wpHeaderImage",340],{"__ref":341},"MediaImage:3355",["null","__typename",157,"id",210,"excludeFromScreenreader",21,"mediaImage",343,"name",215,"path",216,"status",20],["null","__typename",160,"url",212,"width",186,"height",187,"alt",213,"title",13,"size",214,"mime",166],["null","__typename",79,"id",206,"title",207,"path",208,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",345],{"__ref":346},"MediaImage:3303"]