amara Web Design
Zehn interaktive Designstudien Zur Website

amara Web Design / Gestaltung zum Ausprobieren

Ein Logo.
Zehn Gestaltungsideen.

Entdecken Sie zehn Experimente mit Schrift, Bewegung und dem amara-Logo. Sie können die Szenen mit Maus, Touchscreen oder Tastatur steuern. Jede Animation pausiert, sobald sie nicht mehr im sichtbaren Bereich liegt.

Die erste Studie ausprobieren
01 / 10

Partikel / Raum

Ein Logo aus Partikeln.

Tausende Partikel bilden den Schriftzug amara, einen räumlichen Körper und das vollständige Logo. Bewegen Sie den Mauszeiger, um die Partikel abzulenken. Durch Ziehen drehen Sie die Form; mit einem Klick oder Enter wechseln Sie zur nächsten.

Maus bewegen: ablenken · ziehen: drehen · Klick / Enter: Form wechseln
02 / 10

ASCII / Licht

Ein Logo aus Schriftzeichen.

Schriftzeichen und wanderndes Licht bilden das amara-Logo. Ziehen Sie mit gedrückter Maustaste oder nutzen Sie die Pfeiltasten, um die Ansicht zu neigen. Mit der Leertaste halten Sie das Licht an und setzen es wieder in Bewegung. Pos1 stellt die Vorderansicht wieder her.

Ziehen / Pfeiltasten: neigen · Leertaste: Licht anhalten · Pos1: Vorderansicht
03 / 10

Lichtfaltung / Blüte

Licht entfaltet sich.

Feine Lichtlinien formen eine räumliche Blüte. Mit einem Klick oder Enter verändern Sie ihre Struktur. Die Blüte bleibt dabei in der Mitte des Bildes.

Klick / Enter: Blüte verändern
04 / 10

Wachstum / Netzwerk

Ein wachsendes Netz aus Spuren.

Bewegliche Punkte hinterlassen Spuren, die sich um das amara-Logo zu einem Netz verbinden. Mit der Maus oder den Pfeiltasten bestimmen Sie, wohin die Punkte wandern. Mit einem Klick oder Enter fügen Sie weitere Punkte hinzu.

Maus / Pfeiltasten: lenken · Klick / Enter: Punkte hinzufügen
05 / 10

Strömung / Maske

Tinte in Bewegung.

Fließende Farbbänder bewegen sich innerhalb der Buchstaben. Klicken oder tippen Sie auf das Bild, um die Richtung zu ändern. Sie können auch Enter verwenden.

Klick / Enter: Richtung wechseln
06 / 10

Raum / Geschwindigkeit

Ein Flug durch das Logo.

Die Konturen des amara-Logos bilden eine Folge von Toren. Steuern Sie mit der Maus oder den Pfeiltasten hindurch. Mit einem Klick oder Enter beschleunigen Sie den Flug.

Maus / Pfeiltasten: lenken · Klick / Enter: beschleunigen
07 / 10

Fokus / Brechung

Genauer hinsehen.

Eine Lupe vergrößert einen Ausschnitt des amara-Logos. Ziehen Sie die Lupe über das Bild oder bewegen Sie sie mit den Pfeiltasten.

Lupe bewegen: ziehen / Pfeiltasten
08 / 10

Fragmente / Rückkehr

Ein Logo in vielen Teilen.

Klicken oder tippen Sie auf das Bild, um das Logo in 2.400 Teile zu zerlegen. Auf kleinen Bildschirmen sind es 1.600 Teile. Ein weiterer Klick setzt das Logo wieder zusammen. Mit der Tabulatortaste gelangen Sie zum Bild. Drücken Sie anschließend die Eingabetaste.

KLICKEN, TIPPEN ODER ENTER DRÜCKENErster Klick: zerlegen · nächster Klick: zusammensetzen
09 / 10

Gravitation / Singularität

Alles hat eine Umlaufbahn.

Eine leuchtende Scheibe umgibt das amara-Logo. Ziehen Sie mit gedrückter Maustaste, um die Ansicht zu drehen, oder nutzen Sie die Pfeiltasten. Wenn Sie nur den Mauszeiger bewegen, bleibt die Ausrichtung gleich. Mit einem Klick oder Enter dehnen Sie das Feld aus.

Ziehen / Pfeiltasten: drehen · Klick / Enter: ausdehnen
10 / 10

Schwerkraft / Kollision

Buchstaben in Bewegung.

Die fünf Buchstaben des amara-Logos fallen und stoßen zusammen. Ziehen Sie einen Buchstaben und lassen Sie ihn los, um ihn zu werfen. Ein Klick auf eine freie Stelle stößt die Buchstaben an. Mit den Pfeiltasten links, oben und rechts schieben oder heben Sie sie an. Mit der Schaltfläche ↻ oder der Eingabetaste setzen Sie die Szene zurück. Die sichtbaren Spuren zeigen die Flugbahnen.

Ziehen: werfen · Spuren: Flugbahnen · ↻ / Enter: zurücksetzen