So erstellen Sie mit Canva ein Mockup Ihrer Website

Mockups sind eine großartige Möglichkeit, Ihre Website, App oder jedes Produkt Ihrer Marke zu präsentieren. Es gibt den Benutzern eine klare Vorstellung von Ihrem Unternehmen und übermittelt Ihre Botschaft an Ihr Publikum.

Canva bietet Dutzende von Vorlagen und Funktionen, mit denen Sie Ihre Designs verbessern können. Auch wenn Sie kein professioneller Grafikdesigner sind, können Sie auf der Plattform im Handumdrehen erstaunliche Designs erstellen.

In diesem Artikel zeigen wir dir, wie du mit Canva ein Mockup erstellst, um deine Website in einem Design zu präsentieren. So geht's...

1. Registriere dich oder melde dich bei Canva an

Eine einfache und benutzerfreundliche Oberfläche erleichtert den Einstieg Leinwand ein Hauch. Wenn Sie neu auf der Plattform sind, melden Sie sich mit Ihrem E-Mail-, Google-, Facebook- oder Apple-Konto an, um zu beginnen.

2. Wählen Sie Ihre Designabmessungen

Nachdem Sie sich bei der Plattform angemeldet haben, wählen Sie die gewünschten Designabmessungen für Ihr Projekt aus. Klicke auf

Erstellen Sie ein Design in der oberen rechten Ecke des Bildschirms und wählen Sie eine der bevorzugten Optionen aus. Von der Gestaltung eines Logos bis hin zu einer YouTube-Thumbnail, können Sie mit Canva alles Mögliche erstellen.

Nachdem Sie fertig sind, werden Sie zu einer leeren Leinwand weitergeleitet, auf der Sie Ihr Design nach Belieben anpassen können.

3. Laden Sie Ihr Website-Bild hoch

Der nächste Schritt besteht darin, die Screenshots Ihrer Website auszuwählen, um sie in ein Mockup zu verwandeln. Sie können zwei Screenshots Ihrer Website hinzufügen – einen mit dem Desktop und einen mit dem Telefon. Klicken Sie dazu auf Hochladen auf der linken Seite und wählen Sie dann die Bilder aus, um sie Ihrem Design hinzuzufügen.

4. Wählen Sie Smartmockups aus

Nachdem Sie Ihre Bilder hinzugefügt haben, klicken Sie auf Ihr Bild, um es anzuzeigen Bild bearbeiten Option in der Symbolleiste. Scrollen Sie nach unten zu Intelligente Modelle und wählen Sie eine der Optionen mit einem Computer, Telefon oder Laptop aus, um Ihre Website zu präsentieren.

5. Passen Sie Ihr Modell an

Sie können Ihr Modell anpassen, um die Positionierung und Größe festzulegen. Klicken Sie dazu auf Ihr ausgewähltes Modell, um drei Optionen anzuzeigen:Füllen, passen, und Benutzerdefiniert. Wählen Füllen wenn Sie möchten, dass Ihr Modell das Bild vollständig ausfüllt und Fit wenn es eng anliegen soll.

Um die Positionierung Ihres Bildes manuell zu korrigieren, wählen Sie aus Benutzerdefiniert und ziehen Sie die Horizontal und Vertikal Schieberegler, bis das Modell genau dort ist, wo Sie es haben möchten. Ebenso können Sie die Größe Ihres Modells ändern, indem Sie die anpassen Größe Schieberegler.

6. Fügen Sie Text und Elemente hinzu

Canva bietet eine Menge Designelemente und Anpassungsoptionen. Zu Machen Sie das Beste aus diesem Programm, können Sie Elemente wie eine Suchleiste hinzufügen und den Namen Ihrer Website eingeben. Wenn Sie die haben Canva Pro-Abonnement, können Sie alle Premium-Elemente nutzen.

Darüber hinaus können Sie die Hintergrundfarbe ändern, Ihren Text hinzufügen und die beste Schriftart auswählen, um Ihr Design fertigzustellen.

7. Laden Sie Ihr Design herunter und teilen Sie es

Schließlich, nachdem Sie mit dem Design fertig sind, können Sie es in JPG oder PNG herunterladen. Klicken Sie dazu auf Teilen in der oberen rechten Ecke der Symbolleiste über dem Design. Darüber hinaus ermöglicht Ihnen Canva dies Planen Sie Ihr Design direkt von der Plattform aus, sodass Sie alles von einem Ort aus erstellen, planen und teilen können.

Präsentieren Sie Ihre Website, indem Sie ein Modell in Canva erstellen

Diese Schritte helfen dir dabei, beeindruckende Mockup-Designs deiner Website in Canva zu erstellen. Mit einer Reihe praktischer Tools, die auf der Plattform verfügbar sind, können Sie jede Art von Mockup erstellen, die Sie möchten. Spielen Sie mit Ihrem Design herum und holen Sie sich auch einige Ideen aus der Vorlagenbibliothek, um herauszufinden, was für Sie am besten funktioniert.

So erstellen Sie ein E-Book mit Canva

Lesen Sie weiter

Über den Autor