{"id":129039,"date":"2018-02-22T16:33:07","date_gmt":"2018-02-22T15:33:07","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/start-prototyping-web-and-mobile-apps\/"},"modified":"2025-02-13T17:12:01","modified_gmt":"2025-02-13T16:12:01","slug":"start-prototyping-web-and-mobile-apps","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/de\/hilfe\/einstieg","title":{"rendered":"Erstellen Sie Ihr erstes Projekt"},"content":{"rendered":"<p>Willkommen bei Justinmind, dem leistungsst\u00e4rksten Prototyping- und Design-Tool. In diesem Leitfaden lernen Sie einige Justinmind-Grundlagen kennen, z. B. wie Sie Bildschirme erstellen und designen, Interaktionen hinzuf\u00fcgen und mit Kunden zusammenarbeiten. <\/p>\n<div class=\"embed-container\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/781817908\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p><span style=\"font-weight: 400;\">Melden Sie sich bei Justinmind an und Sie finden den Startbildschirm. Klicken Sie auf &#8222;Neues Projekt&#8220;; das Ger\u00e4t, mit dem Sie Ihr Projekt beginnen m\u00f6chten: Website, Handy, Tablet oder anderes. Klicken Sie auf &#8222;Cloud&#8220; oder &#8222;Lokal&#8220;, um zu entscheiden, wo Sie Ihr Projekt speichern m\u00f6chten, und auf das Dropdown-Men\u00fc &#8222;Ger\u00e4t&#8220;, um die Abmessungen festzulegen  <\/span>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-74121\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/home-dashboard-new-project-dialog.png\" alt=\"\" width=\"1640\" height=\"1164\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/home-dashboard-new-project-dialog.png 1640w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/home-dashboard-new-project-dialog-300x213.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/home-dashboard-new-project-dialog-768x545.png 768w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/home-dashboard-new-project-dialog-1024x727.png 1024w\" sizes=\"(max-width: 1640px) 100vw, 1640px\" \/><br \/>\n<span style=\"font-weight: 400;\">Klicken Sie abschlie\u00dfend auf &#8222;OK&#8220;, um Ihr Projekt zu erstellen.<\/span><\/p>\n<h2><a id=\"explore-justinmind-interface\"><\/a>Justinmind Benutzeroberfl\u00e4che erkunden<\/h2>\n<p>Die Benutzeroberfl\u00e4che von Justinmind ist in verschiedene Paletten unterteilt, die Sie zum Erstellen und Anpassen Ihrer wireframes verwenden werden:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-42954\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/06\/Justinmind-UI-Overview.png\" alt=\"UI-\u00dcbersicht von Justinmind\" width=\"2052\" height=\"1237\"><\/p>\n<ol class=\"image-bullet\">\n<li><strong>Symbolleiste<\/strong> &#8211; w\u00e4hlen Sie Formen, Bilder und Textelemente aus der Symbolleiste und platzieren Sie sie auf der Leinwand, um Ihr Projekt zu designen. Klicken Sie auf die Schaltfl\u00e4che &#8218;+&#8216; in der Symbolleiste, um weitere Elemente wie Dropdowns, Hotspots und Eingabetextfelder zu sehen, die Sie ausw\u00e4hlen k\u00f6nnen. <a href=\"https:\/\/www.justinmind.com\/de\/support\/justinmind-keyboard-shortcuts\">Viele dieser Elemente und Widgets haben Tastaturk\u00fcrzel<\/a>. <\/li>\n<li><strong>Bildschirme<\/strong> &#8211; in der Palette Bildschirme k\u00f6nnen Sie neue Bildschirme anzeigen und hinzuf\u00fcgen. Bildschirme sind vergleichbar mit Zeichenfl\u00e4chen oder Rahmen in anderen Anwendungen. Jeder Bildschirm enth\u00e4lt einen eigenen Canvas und ein ganzes Projekt kann viele verschiedene Bildschirme enthalten, die Sie mit Hilfe von Ereignissen miteinander verkn\u00fcpfen k\u00f6nnen.Klicken Sie auf die Schaltfl\u00e4che &#8218;+&#8216; in dieser Palette, um einen neuen Bildschirm hinzuzuf\u00fcgen.  <\/li>\n<li><strong>Canvas<\/strong> &#8211; platzieren Sie Elemente auf dem Canvas, um Ihre Designs und Wireframes zu erstellen.<\/li>\n<li><strong>Ausrichtung<\/strong> &#8211; Richten Sie Elemente auf dem Canvas aus und verteilen Sie sie.<\/li>\n<li><strong>Eigenschaften<\/strong> &#8211; In der Palette Eigenschaften k\u00f6nnen Sie das Styling, die Position und die Sichtbarkeit eines Elements w\u00e4hrend der Simulation anzeigen und bearbeiten. Verschiedene Elemente haben ihre eigenen Eigenschaften, die Sie anpassen k\u00f6nnen. <\/li>\n<li><strong>Events<\/strong> &#8211; erstellen Sie Interaktionen und verwandeln Sie Wireframes in High-Fi-Projekte in der Events-Palette. <a href=\"https:\/\/www.justinmind.com\/de\/support\/events-and-interactions\">Erfahren Sie mehr \u00fcber Ereignisse<\/a>.<\/li>\n<li><strong>Ebenen<\/strong> &#8211; zeigen Sie die hierarchische Positionierung der Elemente auf dem Canvas an und ordnen Sie sie neu an. Ziehen Sie ein Element, um es \u00fcber oder unter anderen Elementen neu anzuordnen. Bewegen Sie den Mauszeiger \u00fcber ein Element oder eine Gruppe, um Optionen zum Ein- oder Ausblenden w\u00e4hrend der Bearbeitung anzuzeigen.  <\/li>\n<li><strong>Bibliotheken<\/strong> &#8211; finden Sie zus\u00e4tzliche vorgestylte Elemente in der Palette Bibliotheken. Je nachdem, f\u00fcr welches Ger\u00e4t Sie einen Prototyp erstellen, werden hier zun\u00e4chst unterschiedliche Bibliotheken angezeigt. Wenn Sie beispielsweise einen Prototyp f\u00fcr ein Android-Telefon erstellen, werden hier standardm\u00e4\u00dfig Android-Komponenten angezeigt.Klicken Sie auf den Textlink &#8222;Weitere Bibliotheken&#8220;, um weitere UI-Bibliotheken zu finden, die Sie in Ihrem Projekt verwenden k\u00f6nnen. Tippen Sie auf die Schaltfl\u00e4che &#8218;+&#8216; in dieser Palette, um Ihre eigene benutzerdefinierte Bibliothek zu erstellen. <a href=\"https:\/\/www.justinmind.com\/de\/hilfe\/ui-widget-bibliotheken\">Erfahren Sie mehr \u00fcber UI-Bibliotheken<\/a>.   <\/li>\n<\/ol>\n<h2><a id=\"design-first-screen\"><\/a>Entwerfen Sie den ersten Bildschirm Ihres Projekts<\/h2>\n<h3>Elemente auf den Canvas ziehen<\/h3>\n<p>W\u00e4hlen Sie Elemente aus der Symbolleiste und der Palette Bibliotheken aus und platzieren Sie sie auf dem Canvas, um Ihr Projekt zu designen. Sie k\u00f6nnen auch Tastaturk\u00fcrzel verwenden, um dem Bildschirm schnell Elemente hinzuzuf\u00fcgen. <\/p>\n<div class=\"embed-container\" style=\"padding-bottom: 61%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/741849191\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<h3>Zeichnen von Vektorformen mit dem Stift-Werkzeug<\/h3>\n<p>Das Stift-Werkzeug befindet sich neben dem Auswahl-Werkzeug. Mit diesem Werkzeug k\u00f6nnen Sie jede beliebige Kombination aus geraden Linien und Kurven zeichnen. Es funktioniert wie das Stiftwerkzeug in vielen anderen Design-Anwendungen. Um eine Form zu zeichnen, klicken Sie einfach auf dieses Werkzeug und dann wird das Stiftwerkzeug im Canvas aktiviert und erstellt den ersten Ankerpunkt. Wenn Sie eine gerade Linie zeichnen m\u00f6chten, klicken Sie einfach an eine andere Stelle im Canvas. Um eine Kurve zu zeichnen, klicken Sie in den Canvas und ziehen Sie, w\u00e4hrend Sie klicken. Sie k\u00f6nnen eine Form schlie\u00dfen, indem Sie auf den ersten Ankerpunkt klicken oder den Pfad offen lassen, indem Sie &#8218;ESC&#8216; dr\u00fccken. Weitere Optionen f\u00fcr Pfade und Ankerpunkte finden Sie in der Eigenschaften-Palette.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-51438\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2021\/08\/pentool.png\" alt=\"Position des Stift-Werkzeugs in der Symbolleiste\" width=\"820\" height=\"75\"><\/p>\n<h3>Bilder hinzuf\u00fcgen<\/h3>\n<p>Klicken Sie auf das Element Bild in der Symbolleiste oder dr\u00fccken Sie <kbd>I<\/kbd>, um ein Bild zu Ihrem Projekt hinzuzuf\u00fcgen. W\u00e4hlen Sie ein Bild im Dateibrowser oder ziehen Sie ein Bild von Ihrem Desktop, um es auf dem Canvas zu platzieren.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-43005\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/Add-Images-To-Prototypes.png\" alt=\"F\u00fcgen Sie Bilder zu Ihrem Prototyp hinzu, indem Sie auf das Bildelement in der Symbolleiste tippen\" width=\"1173\" height=\"641\"><\/p>\n<h3>Interaktive Eingaben hinzuf\u00fcgen<\/h3>\n<p>Die vorgefertigten Eingabe-Widgets von Justinmind sind automatisch interaktiv. Sie k\u00f6nnen in Eingabe-Textfelder tippen, Werte aus Dropdowns ausw\u00e4hlen, Kontrollk\u00e4stchen ankreuzen und vieles mehr, ohne dass Sie irgendwelche Ereignisse hinzuf\u00fcgen m\u00fcssen. <\/p>\n<p>Platzieren Sie ein beliebiges Widget aus dem Abschnitt &#8218;Interaktive Eingabefelder&#8216; der Symbolleiste auf dem Canvas und simulieren Sie Ihr Projekt, um es zu testen.<\/p>\n<div class=\"embed-container\" style=\"padding-bottom: 58%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/741855709\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<h3>Weiteren Bildschirm hinzuf\u00fcgen<\/h3>\n<p>Gehen Sie zur Palette Bildschirme, in der Sie eine Liste aller Bildschirme in Ihrem Projekt finden. Klicken Sie auf die Schaltfl\u00e4che &#8218;+&#8216;, um einen neuen Bildschirm hinzuzuf\u00fcgen.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-43119\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/Add-New-Screen.png\" alt=\"Erstellen Sie einen neuen Bildschirm, indem Sie auf die Schaltfl\u00e4che + klicken.\" width=\"1470\" height=\"876\"><br \/>\nDoppelklicken Sie auf einen Bildschirm in dieser Palette, um ihn umzubenennen.<\/p>\n<p>Klicken Sie auf einen Bildschirm in der Ebenen-Palette oder doppelklicken Sie auf die Leinwand, um Optionen zum \u00c4ndern der Leinwandgr\u00f6\u00dfe, des Ger\u00e4tetyps und der Hintergrundfarbe des Bildschirms zu finden.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-42983\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/Edit-Screen-Properties.png\" alt=\"W\u00e4hlen Sie den Bildschirm in der Ebenenpalette aus oder doppelklicken Sie auf die Leinwand, um Optionen zum Bearbeiten der Bildschirmdetails anzuzeigen.\" width=\"2059\" height=\"1205\"><\/p>\n<h2><a id=\"add-links\"><\/a>Links und anklickbare Elemente hinzuf\u00fcgen<\/h2>\n<p>Navigieren Sie zu anderen Bildschirmen, w\u00e4hrend Sie Ihr Projekt in der Vorschau betrachten, indem Sie interaktive Links hinzuf\u00fcgen. Sie k\u00f6nnen Links auf drei verschiedene Arten erstellen: <\/p>\n<div><strong>Hinweis:<\/strong> Sie ben\u00f6tigen mindestens zwei Bildschirme, um Verkn\u00fcpfungen zwischen ihnen herzustellen.<\/div>\n<ul>\n<li><strong>Ziehen und ablegen:<\/strong> W\u00e4hlen Sie ein Element auf dem Canvas aus, das Sie mit einem anderen Bildschirm verkn\u00fcpfen m\u00f6chten. Ziehen Sie es dann in die Palette Bildschirme und auf den Bildschirm, mit dem Sie es verkn\u00fcpfen m\u00f6chten. Dadurch wird automatisch ein Ereignis <strong>Bei Klick<\/strong> + <strong>Navigieren zu<\/strong> erzeugt.<br \/>\n<video class=\"lazyload\" style=\"max-width: 820px; width: 100%; padding: 20px 0px;\" preload=\"auto\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\" data-autoplay=\"\" data-poster=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/08\/drag-to-screen-link.png\"><source src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/08\/drag-to-screen-link.mp4\" type=\"video\/mp4\"><\/source><img decoding=\"async\" src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/08\/drag-to-screen-link.png\" alt=\"Link zum Bildschirm ziehen\"><br \/>\nLink zum Bildschirm ziehen<\/video><\/li>\n<li><strong>Rechtsklick:<\/strong> W\u00e4hlen Sie ein Element aus, das Sie mit einem anderen Bildschirm verkn\u00fcpfen m\u00f6chten, klicken Sie mit der rechten Maustaste darauf und w\u00e4hlen Sie im Popup-Fenster <strong>Navigieren zu<\/strong>. Sie k\u00f6nnen dann einen Bildschirm f\u00fcr die Verkn\u00fcpfung ausw\u00e4hlen und festlegen, ob die Verkn\u00fcpfung einen \u00dcbergangseffekt enthalten soll oder nicht. <\/li>\n<li><strong>Die Ereignispalette:<\/strong> W\u00e4hlen Sie ein Element, das Sie mit einem anderen Bildschirm verkn\u00fcpfen m\u00f6chten, gehen Sie zur Palette Ereignisse und klicken Sie auf &#8218;Ereignis hinzuf\u00fcgen&#8216;. Klicken Sie im Dialogfeld Ereignisse auf das Dropdown-Men\u00fc &#8218;Ausl\u00f6ser w\u00e4hlen&#8216;, bewegen Sie den <strong>Mauszeiger<\/strong> \u00fcber den Abschnitt <strong>Maus<\/strong> und w\u00e4hlen Sie einen Ausl\u00f6ser f\u00fcr <strong>&#8218;Bei Klick&#8216;<\/strong>. Klicken Sie darauf und w\u00e4hlen Sie <strong>Navigieren zu<\/strong>. W\u00e4hlen Sie schlie\u00dflich aus der unten angezeigten Liste einen Bildschirm aus, der verlinkt werden soll, und klicken Sie auf &#8218;OK&#8216;, um die Erstellung des Ereignisses abzuschlie\u00dfen.\n<div class=\"embed-container\" style=\"padding-bottom: 56%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/741909046\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p>Im Dialogfeld Ereignisse k\u00f6nnen Sie auch w\u00e4hlen, ob Sie einen Link zu dem zuvor angezeigten Bildschirm in Ihrem Projekt oder zu einer externen URL erstellen m\u00f6chten.<\/li>\n<\/ul>\n<p><h2><a id=\"simulate-prototype\"><\/a>Simulieren Sie Ihr Projekt<\/h2>\n<p>Testen Sie die Interaktivit\u00e4t Ihres Projekts in Echtzeit, indem Sie es simulieren. Klicken Sie auf die Schaltfl\u00e4che &#8218;Abspielen&#8216; oder dr\u00fccken Sie <kbd>F5<\/kbd>, um den Simulationsbetrachter in einem Browser zu starten.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-43131\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/Simulate-Prototype.png\" alt=\"Klicken Sie auf die Schaltfl\u00e4che Abspielen, um einen Prototyp zu simulieren.\" width=\"1193\" height=\"532\"><br \/>\nIm Viewer finden Sie eine obere Leiste, \u00fcber die Sie manuell durch das Projekt navigieren und die Gr\u00f6\u00dfe der Leinwand \u00e4ndern k\u00f6nnen. Schlie\u00dfen oder minimieren Sie das Simulationsfenster, um zum Editor zur\u00fcckzukehren. <\/p>\n<h2><a id=\"get-feedback\"><\/a>Teilen und Feedback von Zuschauern erhalten<\/h2>\n<p><span style=\"font-weight: 400;\">Auf der Registerkarte &#8222;Mein Projekt&#8220; \/ &#8222;Cloud&#8220; k\u00f6nnen Sie Benutzer zur Ansicht Ihres Projekts einladen, indem Sie mit der rechten Maustaste auf das Projekt klicken und die Option &#8222;Teilen&#8220; w\u00e4hlen.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-74122\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/myproject-share-option.png\" alt=\"\" width=\"1640\" height=\"980\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/myproject-share-option.png 1640w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/myproject-share-option-300x179.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/myproject-share-option-768x459.png 768w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/myproject-share-option-1024x612.png 1024w\" sizes=\"(max-width: 1640px) 100vw, 1640px\" \/><\/p>\n<p><span style=\"font-size: inherit;\"><span style=\"font-weight: 400;\">W\u00e4hlen Sie im Dialogfeld &#8222;F\u00fcr Redakteure und Betrachter freigeben&#8220; die Option &#8222;Kann anzeigen&#8220;. Wenn Sie auf den Eintrag klicken, k\u00f6nnen Sie Benutzer und Gruppen hinzuf\u00fcgen, indem Sie aus der Liste ausw\u00e4hlen oder die E-Mail-Adressen eingeben<\/span>.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-74123\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/share-can-view-dialog.png\" alt=\"\" width=\"1640\" height=\"1060\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/share-can-view-dialog.png 1640w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/share-can-view-dialog-300x194.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/share-can-view-dialog-768x496.png 768w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/share-can-view-dialog-1024x662.png 1024w\" sizes=\"(max-width: 1640px) 100vw, 1640px\" \/><\/span><\/p>\n<p><span style=\"font-weight: 400;\">In diesem Dialog k\u00f6nnen Sie auch neue Benutzer hinzuf\u00fcgen und einen Link zum Teilen erhalten.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Wenn Sie eingeladen wurden, ein Projekt anzusehen, erhalten Sie eine Benachrichtigung per E-Mail, um das Projekt anzusehen.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-74124\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/review-the-project-notification-email.png\" alt=\"\" width=\"1640\" height=\"950\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/review-the-project-notification-email.png 1640w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/review-the-project-notification-email-300x174.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/review-the-project-notification-email-768x445.png 768w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/review-the-project-notification-email-1024x593.png 1024w\" sizes=\"(max-width: 1640px) 100vw, 1640px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Sobald die Benutzer hinzugef\u00fcgt sind, k\u00f6nnen Sie auf die drei Punkte auf der rechten Seite klicken, um sie zu entfernen<\/span>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-74125\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/share-can-view-remove-option.png\" alt=\"\" width=\"1640\" height=\"1160\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/share-can-view-remove-option.png 1640w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/share-can-view-remove-option-300x212.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/share-can-view-remove-option-768x543.png 768w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/share-can-view-remove-option-1024x724.png 1024w\" sizes=\"(max-width: 1640px) 100vw, 1640px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Sie k\u00f6nnen Ihrem Projekt auch Betrachter hinzuf\u00fcgen, w\u00e4hrend Sie designen, indem Sie auf das Symbol &#8222;Teilen&#8220; in der Symbolleiste klicken<\/span>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-74126\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/editing-screen-share-icon.png\" alt=\"\" width=\"1640\" height=\"900\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/editing-screen-share-icon.png 1640w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/editing-screen-share-icon-300x165.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/editing-screen-share-icon-768x421.png 768w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/editing-screen-share-icon-1024x562.png 1024w\" sizes=\"(max-width: 1640px) 100vw, 1640px\" \/><\/p>\n<h2><a id=\"view-on-device\"><\/a>Simulieren Sie ein Projekt auf einem echten Ger\u00e4t<\/h2>\n<p>Mit der mobilen App von Justinmind k\u00f6nnen Sie eine Vorschau auf das Aussehen Ihrer Projekte auf einem echten Ger\u00e4t anzeigen.<\/p>\n<h3>Projekt Sch\u00f6pfer<\/h3>\n<ol>\n<li>Laden Sie die Justinmind Mobile App herunter und installieren Sie sie. Sie finden sie im Apple App Store oder im Google Play Store.<\/li>\n<li>Nach der Installation \u00f6ffnen Sie die mobile App und melden sich mit Ihren Justinmind-Kontodaten an. Sie sehen dann eine Liste der Projekte, die Sie f\u00fcr Ihr Justinmind Cloud-Konto freigegeben haben. <\/li>\n<li>Tippen Sie auf ein Projekt, um es anzusehen. Projekte mit einem roten Punkt m\u00fcssen heruntergeladen werden, bevor Sie sie ansehen k\u00f6nnen &#8211; tippen Sie einfach auf sie, um den Download zu starten. <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-43270\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/App-interface.png\" alt=\"Justinmind mobile App Schnittstelle. Tippen Sie auf einen Prototyp, um ihn anzusehen\" width=\"1491\" height=\"924\"><\/li>\n<\/ol>\n<p>Projekte auf Ihrem Ger\u00e4t verf\u00fcgen \u00fcber die gesamte Interaktivit\u00e4t, die Sie im Justinmind-Editor definiert haben.<\/p>\n<h3>Projekt Betrachter<\/h3>\n<p>Pr\u00fcfer und Kunden k\u00f6nnen Ihre Projekte auch auf ihren mobilen Ger\u00e4ten ansehen und mit ihnen interagieren. Sie k\u00f6nnen dies auf zwei Arten tun: <\/p>\n<ul>\n<li><strong>Die Justinmind mobile App:<\/strong> Pr\u00fcfer k\u00f6nnen die Justinmind-App herunterladen und installieren und das Projekt sehen, zu dem sie eingeladen wurden.<\/li>\n<li><strong>In einem mobilen Browser:<\/strong> Pr\u00fcfer k\u00f6nnen auf den Projektlink tippen, den Sie f\u00fcr sie freigeben, wodurch die Projektsimulation in ihrem mobilen Browser geladen wird.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Willkommen bei Justinmind, dem leistungsst\u00e4rksten Prototyping- und Design-Tool. In diesem Leitfaden lernen Sie einige Justinmind-Grundlagen kennen, z. B. wie Sie Bildschirme erstellen und designen, Interaktionen hinzuf\u00fcgen&#8230;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8554,8560],"tags":[],"class_list":["post-129039","post","type-post","status-publish","format-standard","hentry","category-ausbildung","category-erste-schritte"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/129039"}],"collection":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/comments?post=129039"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/129039\/revisions"}],"predecessor-version":[{"id":129191,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/129039\/revisions\/129191"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/media?parent=129039"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/categories?post=129039"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tags?post=129039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}