top of page

9 KURSEINHEITEN   |   28MIN

Gestalte deine Website mit
erweiterten Funktionen

Sign in to view all course videos.
Let's go

 →

Congratulations on finishing this course—keep up that momentum

02:59

03:40

02:43

02:34

02:18

01:54

03:00

02:59

06:12

In diesem Kurs

Optimiere das Design deiner Website mit den erweiterten Funktionen des Wix Editors. Begeistere und beeindrucke Besucher deiner Website mit individuellen Animationen, interaktiven Galerien, Sticky-Videos, Frames und mobilen Begrüßungsbildschirmen. Außerdem erfährst du, wie du deiner Website zusätzliche Wow-Effekte verleihen kannst, wie z. B. bildbasierte Navigationsmenüs und Illustrationen, Bilder und Klapp-Animationen, die erscheinen, wenn deine Nutzer deine Seite scrollen.

Du lernst

  • Schritt-für-Schritt-Anleitungen für die Anpassung und das Timing deiner Animationen, von Logos und sich aufdeckenden Folds bis hin zu Interaktionen mit Galerien und bildbasierten Navigationsmenüs

  • Wie du Elemente wie Frames anpassen und personalisierte Willkommensbildschirme für mobile Besucher erstellen kannst

  • Tipps für die Animation von Galerien, Logos, Illustrationen, Folds und Navigationsmenüs

  • Funktionen, die deine Website für Besucher noch interaktiver machen

Still frame from the course: Robbie Sims, Wix UX Designer

Robbie ist eine User Experience Designerin, die ihren professionellen Sinn für Design durch einen Abschluss in Architektur geschärft hat. Seit 10 Jahren steuert sie Produkte zu den Editor-Plattformen von Wix hinzu.

Wix UX Designer

Dein Host

Robbie Sims

Für wen ist der Kurs?

  • Website-Eigentümer, die das Design und die Fähigkeiten ihrer Websites verbessern möchten

  • Angehende Kreative, die die Grundlagen des Designs kennen und interaktive und animierte Funktionen in ihre Websites integrieren möchten

  • Designer, die ihre Websites mit beeindruckenden, fortschrittlichen Funktionen erweitern möchten

Ressourcen, die dir helfen, zu wachsen

Hol dir hilfreiche Artikel, praktische Vorlagen und mehr, um deine Fähigkeiten einzusetzen.

  • Loading...

  • Loading...

  • Loading...

  • Loading...

Eine interaktive Galerie erstellen

Hallo, ich bin Robbie und Designerin bei Wix.

In diesem Kurs lernst du, wie du mit Editor-Funktionen mehr aus dem Design deiner Website rausholen kannst.

Wir lernen die verschiedenen individuellen Scroll-Effekte und Animationen kennen.

Wir erstellen interaktive Bilder und mehr.

Bist du bereit?

Lass uns loslegen.

In dieser Lektion zeigen wir dir, wie du die interaktive Galerie nutzen kannst, um deine Website etwas spielerischer zu gestalten.

Schauen wir uns das mal an.

Wie du hier auf meiner veröffentlichten Website siehst, habe ich eine Galerie.

Ich kann all diese Bilder hier, die wie Sticker aussehen, per Drag & Drop verschieben.

Ich kann sie auch drehen, ich kann ihre Größe ändern.

Das ist ein schöner Effekt für Besucher für die Kopfzeile deiner Website, wenn jemand zum ersten Mal deine Website besucht und damit herumspielen kann.

Sehen wir uns doch mal an, wie das geht.

Okay.

Ich bin im Editor von Wix.

Was ich jetzt mache, ist, auf „Hinzufügen“ zu klicken.

Ich habe hier einen Abschnitt namens „Galerie“.

Und dann sind hier noch mehr Galerien.

Die Galerie, mit der wir diesen Effekt erzielen, heißt „Interaktiv“.

Machen wir weiter, indem wir sie zu unserer Website hinzufügen.

Da es sich hier einfach um eine spaßige Galerie handelt, können wir sie ruhig außerhalb der Linien des Inhaltsrasters platzieren.

Wir dehnen sie ganz nach links und ganz nach rechts aus, so weit wie möglich.

Wenn die Nutzer meine Website besuchen und mit meiner Galerie spielen, haben sie dadurch mehr Platz, um Bilder auf der Seite zu verschieben und platzieren.

Okay, machen wir weiter, indem wir die Bilder ändern.

Löschen wir erst mal diese Platzhalter.

Und ich füge meine eigenen Bilder hinzu.

Ich wähle einfach alle diese Bilder aus und füge sie zu meiner Galerie hinzu.

Dann klicke ich auf „Fertig“.

Okay, cool.

Jetzt habe ich hier meine ganzen Sticker aus meiner Galerie.

Damit sie wie Sticker aussehen, habe ich sie transparent gemacht, indem ich eine sogenannte PNG-Datei importiert habe.

Die kann aus den meisten Designprogrammen exportiert werden und ermöglicht diesen transparenten Hintergrund, damit die Bilder wirklich wie Sticker aussehen.

Das macht das Ganze viel lustiger.

Unter „Layout“ habe ich hier die Option „Zufälliges Layout“.

Wenn ich ein paar Mal darauf klicke, erhalte ich eine Platzierung, mit der meine Sticker angezeigt werden, wenn jemand meine Website besucht.

Mal sehen...

Okay, das sieht gut aus.

Probieren wir das mal aus.

Klicke auf „Vorschau“.

Cool.

Jetzt kann ich meine Sticker per Drag & Drop verschieben, sie drehen und ihre Größe ändern.

Jetzt muss ich nur noch meine Website veröffentlichen und die Besucher damit herumspielen lassen.

In dieser Lektion habe ich dir gezeigt, wie du die interaktive Galerie nutzen kannst, um deiner Website spielerische Elemente hinzuzufügen.

{title}

Prep for your exam with free video courses and lessons

Hör nicht auf zu lernen

New

...

...

Loading...

...

...

Start Now →

New

...

...

Loading...

...

...

Start Now →

New

...

...

Loading...

...

...

Start Now →
Sign in to view all course videos.
Let's go

 →

Congratulations on finishing this course— Keep up that momentum
bottom of page