header-logo
Grundlagen
Deine Website erstellenGestalte und verwalte deine Website mit Wix.
Konto und AbrechnungVerwalte Premiumpakete, Abos und Rechnungen
Wix Mobile AppsFühre dein Unternehmen und vernetze dich mit Mitgliedern.
Domains
Dein Unternehmen verwaltenStärke dein Unternehmen und deine Webpräsenz.
Werbung für deine WebsiteSteigere deine Sichtbarkeit mit SEO und Marketing.
Studio, Partner von Wix & EnterpriseNutze erweiterte Funktionen für mehr Effizienz.
Du benötigst weitere Hilfe?Finde Lösungen oder kontaktiere uns.
placeholder-preview-image
Wix LearnVerbessere deine Kenntnisse mit unseren Tutorials.
Wix BlogErhalte Tipps für Webdesign, Marketing und mehr.
SEO Learning HubErfahre, wie du den organischen Traffic steigerst.
Website developmentErstelle eine Website mit unserer Full-Stack-Plattform.
placeholder-preview-image
  1. Start
  2. Deine Website erstellen
  3. Medienverwaltung
  4. Wixel
  5. Design mit Wixel
  6. Wixel: Elemente hinzufügen und anpassen

Wixel: Elemente hinzufügen und anpassen

In diesem Artikel
  • Ein Element hinzufügen
  • Farben auswählen
  • Text anpassen
  • Vektorgrafiken anpassen
Elemente helfen dir, dein Projekt zu verbessern und ihm mehr Persönlichkeit zu geben. Du kannst Elemente hinzufügen, um Informationen hervorzuheben, visuelle Inhalte zu zeigen oder dein Publikum durch dein Design zu führen.

Füge Elemente über das Seitenpanel links in deinem Projekt hinzu und passe sie mit der Aktionsleiste an. Du kannst Bilder, Text, Grafiken, Formen und mehr einfügen. So hast du die kreative Freiheit, jedes Design genau nach deinen Wünschen zu gestalten.

Ein Screenshot, der die Elementoptionen im Seitenpanel in Wixel hervorhebt.

Ein Element hinzufügen

Füge deinem Projekt über das Seitenpanel neue Inhalte hinzu. Jedes Symbol öffnet ein eigenes Panel — Text, Medien, Formen und Grafiken — und jedes Panel hat ein eigenes Suchfeld und eigene Kategorie-Tabs, damit du genau das findest, was du brauchst.

Hinweis:

Bei einigen Designarten gibt es besondere Elemente. Vielleicht kannst du nicht zu jeder Designart Deko-Elemente hinzufügen. Die Optionen, die du siehst, hängen also davon ab, woran du gerade arbeitest.

Um ein Element hinzuzufügen:

  1. Öffne dein Projekt in Wixel.

  2. Klicke auf das passende Design.

  3. Klicke im Seitenpanel auf die Art von Element, die du hinzufügen möchtest:

    • Text hinzufügen : Füge deiner Gestaltung direkt ein Textfeld hinzu. Wähle vorgefertigte Stile aus, um Zeit zu sparen, oder passe deinen eigenen Stil an.

    • Zeichnen : Zeichne frei mit einem Zeichenstift oder Textmarker auf deinem Design. Wähle eine Farbe aus und passe dann die Stärke und die Transparenz deiner Linien an. Um etwas zu entfernen, das du gezeichnet hast, wechsle zum Radiergummi.

    • Medien : Füge Fotos, Videos, Illustrationen, Muster und Freistellungen hinzu.

    • Formen : Verwende geometrische Formen, Pfeile und Rahmen für einen kreativen Look.

    • Grafiken : Füge Vektorgrafiken und Sticker hinzu.
      Tipp: Passe die Farben der Vektorgrafik an, damit sie zu deinem Design passt.

    • Elemente : Füge zusätzliche Elemente hinzu, zum Beispiel vorgefertigten Text, Seitenzahlen und Diagramme.

  4. Klicke auf ein Element, um es zum Design hinzuzufügen.

  5. (Optional) Verwende die Ziehpunkte zum Ändern der Größe und die Anpassungstools in der Aktionsleiste, um Größe, Farbe, Position und mehr des Elements anzupassen.

Ein Screenshot des Bereichs „Elemente hinzufügen“ in Wixel.
Tipp:

Lade deine eigenen Medien hoch, indem du auf das Upload-Symbol im Seitenpanel klickst. Die hochgeladenen Bilder findest du in deinen Projektdateien.

Farben auswählen

Jedes Mal, wenn du auf der Aktionsleiste auf einen Farbkreis klickst oder tippst, öffnet sich die Farbauswahl. Dort siehst du zusätzlich zu allen benutzerdefinierten Farben, die du verwendest, auch die Farbschemata deines Projekts.

Um eine Farbe auszuwählen:

  1. Öffne dein Projekt in Wixel.

  2. Klicke auf das Symbol für Füllfarbe in der Aktionsleiste.

  3. Bewege den Punkt auf dem Farbschema oder gib den Hex-Code der Farbe ein (zum Beispiel #000000 für Schwarz).

  4. (Optional) Ziehe den Regler, um die Deckkraft der Farbe anzupassen.

Ein Screenshot der Farbauswahl in Wixel.

Text anpassen

Passe deine Textelemente an, indem du Schriftarten, Farben, Formatierungen und Effekte wie Schatten und Hervorhebungen anpasst. Feile an der Optik und Position deines Textes, damit alles gut zu deinem Design passt.

So passt du Text an:

  1. Öffne dein Projekt in Wixel.

  2. Wähle das Textelement in deinem Design aus.

  3. Verwende die verfügbaren Optionen in der Aktionsleiste, um deinen Text anzupassen:

    • Schriftart: Wähle den Schriftstil.

    • Schriftgröße: Wähle die Schriftgröße.

    • Fett, Kursiv, Unterstrichen: Verleihe deinem Text mit Formatierungsoptionen mehr Ausdruck. Klicke auf das Fett-Symbol , das Kursiv-Symbol und oder das Unterstrichen-Symbol .

    • Großschreibung: Wandle deinen Text in Großbuchstaben um.

    • Weitere Einstellungen: Wähle einen Listenstil (z. B. nummerierte Liste, Aufzählungsliste) und vergrößere oder verkleinere den Einzug.

    • Ausrichtung: Wähle aus, wie dein Text ausgerichtet sein soll.

    • Zeilenabstand: Passe den Abstand zwischen Zeilen und Buchstaben an, damit dein Text leichter zu lesen ist und offener wirkt.

    • Füllfarbe: Wähle mit der Farbauswahl eine beliebige Farbe für deinen Text oder wähle eine Designfarbe aus.

    • Hervorhebungsfarbe: Heb deinen Text mit einer Hintergrundfarbe hervor.

    • Rand: Füge einen Rand hinzu, damit er besser auffällt.

    • Schatten: Füge einen dezenten oder auffälligen Schatteneffekt hinzu, um deinem Text mehr Tiefe zu geben.

Ein Screenshot vom Bearbeiten von Text in Wixel.

Vektorgrafiken anpassen

Gib deinen Vektorgrafiken eine persönliche Note. Passe dafür Farben und Details an, damit sie zu deinem Design passen. Vektorgrafiken sind digitale Illustrationen (SVG-Dateien), die in jeder Größe scharf bleiben.
Tipp:

Du findest die Optionen für Vektorgrafiken im Tab Grafiken im Seitenpanel.

So passt du Vektorgrafiken an:

  1. Öffne dein Projekt in Wixel.

  2. Klicke in deinem Design auf die passende Vektorgrafik.

  3. Wähle aus, wie du die Vektorgrafik anpassen möchtest:

Ein Screenshot von den Füllfarben der Vektorgrafik.

War das hilfreich?

|
In diesem Artikel
  • Ein Element hinzufügen
  • Farben auswählen
  • Text anpassen
  • Vektorgrafiken anpassen

War das hilfreich?

|