Angesichts der farbenprächtigen Web-Seiten von Kim Marshall dürfte niemand Schwierigkeiten haben, sich einen Pizzaboden mit leckerem Belag vorzustellen. Als Chefköchin und Eigentümerin von Horace and Lydia kommen Marshall ihre Reiselust und ihre kulinarische Erfahrung zugute. Website anzeigen ›

Raster mit vertrauten Spalten, Stegen und Hilfslinien leicht erstellen

Die Site für Horace and Lydia, einen Hersteller von Gourmet-Pizzaböden, macht deutlich, wie eine Site durch den geschickten Einsatz eines Rasters visuell ansprechend gestaltet werden kann.

In Adobe® Muse™ ist es einfach, ein Raster anzulegen. Im Dialogfeld „Site-Eigenschaften“ können Sie mit Einstellungen wie Spaltenanzahl, Spaltenbreite und Stegbreite sowie Seitenbreite, Ränder und Auffüllung die Grundstruktur des Designs festlegen.

Status von Navigationsmenüs kreativ einsetzen

In Adobe Muse gibt es eine Reihe von Navigationsmenü-Widgets, dank derer Sie sich beim Designen nicht mit technischen Aspekten befassen müssen. Die Widgets können automatisch anhand der Site-Struktur generiert werden. Für jedes Menüelement stehen verschiedene Status zur Auswahl.

Im Menü der Horace and Lydia-Site werden sowohl der Hover-Status als auch der Status „Aktiv“ wirkungsvoll eingesetzt. Beim Bewegen der Maus auf ein Menüelement wird ein Symbol mit dem entsprechenden Navigationselement angezeigt, beispielsweise einem Stück Pizza oder einem Cocktail. Wenn Sie die mit einem Menüelement verknüpfte Seite aufrufen, wird das Element grün, um die aktuelle Position innerhalb der Site zu kennzeichnen.

Wiederholt vorkommende Elemente in einem Sitedesign effektiv nutzen

Der geschickte Einsatz von Wiederholungen kann die Struktur und den Rhythmus eines Sitedesigns unterstreichen. Ein anschauliches Beispiel sind die Hintergrundfarben und Muster, die auf der Horace and Lydia-Site an vielen Stellen auftreten.

Erstellen Sie in Adobe Muse einen Grafikstil, damit wiederholte Design-Elemente einheitlich sind und sich leicht bearbeiten lassen. Wenn ein Grafikstil bei einem Objekt geändert wird, können diese Änderungen auf alle weiteren Instanzen dieses Stils übertragen werden. Dazu müssen Sie lediglich im Bedienfeld „Grafikstile“ den Befehl „Stil neu definieren“ wählen.