Imagery

Bilder, Produktfotos, Illustrationen und auch Videos werden gezielt eingesetzt, um Inhalte visuell zu unterstützen. In Bildergalerien oder Video-Slidern dienen sie zur emotionalen Aktivierung und Informationsvermittlung. Produktfotos können z. B. visuell hervorgehoben werden durch Schattenwürfe. Allgemeine Bildmotive hingegen bleiben schattenlos, können aber durch dekorative Elemente wie Rahmen akzentuiert werden – ein Prinzip, das auch bei Illustrationen Anwendung findet.

Icons/Pictograms

Icons unterstützen die Navigation, vereinfachen die Bedienung und sorgen für klare Orientierung – z. B. im Menü oder bei Social Media. Piktogramme visualisieren Informationen auf prägnante Weise und machen Inhalte leichter erfassbar. Ein konsistenter Stil stärkt den Wiedererkennungswert und unterstützt die Markenwirkung.

Buttons

Primary Buttons stehen für zentrale Handlungen, Secondary Buttons für unterstützende Aktionen. Ihre Farbgebung folgt einer klaren Hierarchie und sorgt für Orientierung und Konsistenz im Interface. Einfache Textlinks (Reference Links) fügen sich in den Fließtext ein, sind aber dennoch klar erkennbar. Navigationslinks, die nicht als Buttons gestaltet sind, nutzen Farbe, Position und Typografie, um als klickbare Elemente wahrgenommen zu werden, ohne die visuelle Gewichtung eines Buttons zu übernehmen.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et Hyperlink et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Accordions/Toogles/Tabs

Tabs teilen Inhalte in übersichtliche Reiter, ideal wenn Nutzer schnell zwischen Themen wechseln sollen. Toggles sind einfache Schalter, mit denen einzelne Infos nach Bedarf ein- oder ausgeblendet werden. Accordions bündeln mehrere ausklappbare Bereiche, perfekt für lange Listen oder FAQs. Kurz gesagt: Tabs helfen bei parallelen Inhalten, Toggles und Accordions schaffen Platz und Übersicht bei vielen Details.

Forms

Formulare sind der direkte Draht zum Nutzer, um Daten zu erfassen oder Aktionen auszulösen. Eine klare, intuitive Gestaltung sorgt für eine hohe Conversion und vermeidet Abbrüche. Zu den Formularen gehört auch die Suche – je präziser und übersichtlicher sie aufgebaut ist, desto besser das Nutzererlebnis. Wichtig ist, dass Forms und Suchfunktionen konsequent einheitlich gestaltet sind, um Verwirrung zu vermeiden und die Bedienbarkeit zu erhöhen.

Diagrams & Tables

Diagramme visualisieren Zahlen und Trends auf einen Blick und machen komplexe Informationen schnell erfassbar. Sie eignen sich besonders, um Vergleiche oder Entwicklungen anschaulich zu zeigen. Tabellen strukturieren Daten klar und detailliert, ideal für präzise Informationen, die Nutzer gezielt durchsuchen oder vergleichen möchten. Beide Elemente sollten übersichtlich und einheitlich gestaltet sein, um die Lesbarkeit und Nutzerfreundlichkeit zu gewährleisten.

Testimonials & Persons

Personen-Module stellen Teammitglieder, Autoren oder Ansprechpartner vor. Sie machen Marken greifbar und stärken die persönliche Bindung. Ein klares, konsistentes Design sorgt für Seriosität und Wiedererkennung. Testimonials präsentieren echte Stimmen zufriedener Kunden. Sie sind ein starkes Vertrauenselement im Webdesign und helfen, Glaubwürdigkeit und soziale Beweise sichtbar zu machen.

Sliders & Galleries

Slider und Bildergalerien sind ideal, um mehrere visuelle Inhalte platzsparend und ansprechend darzustellen. Slider eignen sich für aufmerksamkeitsstarke Highlights – z. B. auf Startseiten oder für Kampagnen. Sie schaffen Dynamik, müssen aber gut bedienbar und nicht überladen sein. Galerien zeigen mehrere Bilder gleichzeitig, geordnet und übersichtlich – perfekt für Referenzen, Produkte oder Events.