Symbol-Auswahl
Mit der Symbol-Auswahl kannst du Icons für Schaltflächen, Überschriften und andere Elemente deiner Website auswählen. Die Symbole stammen aus der Feather-Icon-Bibliothek.
Voraussetzungen
- Du bearbeitest einen Block oder eine Einstellung, die Symbole unterstützt
- Die entsprechende Konfiguration ist geöffnet
Aufbau der Seite
Die Symbol-Auswahl zeigt:
- Auswahlfeld: Dropdown-Menü mit verfügbaren Symbolen
- Symbol-Vorschau: Zeigt das ausgewählte Icon
- "Kein Icon"-Option: Möglichkeit, kein Symbol zu verwenden
- Suchfunktion: Filtert Symbole nach Namen
So arbeitest du mit dieser Seite
Symbol auswählen
- Auswahlfeld öffnen: Klicke auf das Dropdown-Menü
- Symbol suchen: Nutze die Suchfunktion oder scrolle durch die Liste
- Vorschau betrachten: Jedes Symbol wird mit einer kleinen Vorschau angezeigt
- Symbol wählen: Klicke auf das gewünschte Icon
- "Kein Icon" wählen: Falls du kein Symbol möchtest
Symbole finden
- Nach Namen suchen: Gib Begriffe wie "home", "mail", "phone" ein
- Kategorien durchsuchen: Scrolle durch die alphabetisch sortierte Liste
- Ähnliche Symbole: Schaue dir verwandte Icons an
Häufig verwendete Symbole
- Navigation: home, menu, arrow-left, arrow-right
- Kontakt: mail, phone, map-pin, message-circle
- Social Media: facebook, twitter, instagram, linkedin
- Aktionen: download, upload, edit, trash, save
- Information: info, help-circle, alert-circle, check-circle
- E-Commerce: shopping-cart, credit-card, package, truck
Tipps und Hinweise
- Bedeutung beachten: Wähle Symbole, die zur Funktion passen
- Konsistenz wahren: Verwende ähnliche Icon-Stile auf der ganzen Website
- Größe berücksichtigen: Symbole sollten gut erkennbar sein
- Kulturelle Unterschiede: Manche Symbole haben verschiedene Bedeutungen
- Weniger ist mehr: Verwende Symbole sparsam und gezielt
- Barrierefreiheit: Symbole sollten auch ohne Farbe verständlich sein
Symbol-Kategorien
- Pfeile: Für Navigation und Richtungsangaben
- Kommunikation: Für Kontakt und Social Media
- Dateien: Für Downloads und Dokumente
- Interface: Für Bedienelemente und Aktionen
- Objekte: Für konkrete Gegenstände
- Personen: Für Team und Nutzer-Bereiche
Empfohlene Verwendung
- Schaltflächen: Verstärken die Aussage der Aktion
- Überschriften: Lockern den Text auf und schaffen Struktur
- Listen: Ersetzen Aufzählungszeichen
- Kontaktdaten: Visualisieren verschiedene Kontaktmöglichkeiten
- Features: Heben wichtige Eigenschaften hervor
Häufige Kombinationen
- "Mehr erfahren" + arrow-right: Für weiterführende Links
- "Kontakt" + mail: Für E-Mail-Kontakt
- "Anrufen" + phone: Für Telefonnummern
- "Download" + download: Für Dateien zum Herunterladen
- "Standort" + map-pin: Für Adressangaben