Typen von Visual and Interaction Design für Websites

Eine der besten Möglichkeiten, Ideen für die visuelle Attraktivität und Interaktionsstrategie Ihrer Website zu bekommen, ist, na ja, das Web zu lesen. Es gibt mehrere Websites, die große Designbeispiele in verschiedenen Kategorien und Branchen, wie E-Commerce oder Gesundheitswesen aggregieren. (Für einen kurzen Blick auf einige von ihnen, verwenden Sie einfach die Namen dieser Branchen als Suchworte). Während es hilfreich ist, auf Websites innerhalb der gleichen Branche zu suchen, wie Ihre Kunden, gute Design-Ideen von überall her kommen. Sie müssen lernen, wie man Design-Ansätze zu isolieren, brechen sie auf das Wesentliche nach unten und sehen Sie, wie Sie sie nutzen können Ihre eigenen Designs zu beeinflussen.

cinematic-Websites

Eine der populäreren Trends zu entwerfen filmisch Webseiten: Eine große Held Bild dient als wörtliche Kulisse für die Website, das gesamte Browserfenster einnimmt. Dieser dramatische Ansatz wirklich # 147-Romanzen # 148- das Produkt und zwingt den Designer mit einem optisch sauberen System von unterstützende Navigation zu kommen. In solchen Webseiten, Interface-Elemente und Hauptnavigation Schwimmer oben auf dem Hintergrund, oft mit einem gewissen Grad an Transparenz, um die larger-than-life Blick zu behalten.

Was ist mit dem Specialized Website einzigartig ist (siehe unten) ist, dass die große Fotokulisse ist der Inhalt selbst: Das minimalistische, transparent, überlagert Elemente der Schnittstelle verschiedene Teile des Fahrrads oder bieten Zugang zu Videosegmente über die Entstehung des Fahrrads zu offenbaren. Es gibt auch eine mobile Version der Website (da Apple-Geräte unterstützen keine Flash-Animation).

Innovative Interaktionsdesign

Jede Art und Weise ein Designer effiziente Nutzung der Bildschirmfläche und zugleich machen können, halten Anwender geerdet geistig in Bezug auf, wo sie sind in einer Webseite, ist innovativ und gutes Design. Zwei Beispiele zeigen eine kreative Verwendung von zwei gemeinsame Bestandteile: Maximierung einen Inhaltsbereich und Scrollen (Oben und unten) oder Schwenkung (Seite zu Seite) innerhalb eines kontrollierten Raum.

Ein hervorragendes Beispiel für Interaktion und visuellen Design ist die Salt Lake City Public Library System-Website. Diese einfache, saubere Seite hat zwei Bereiche, die in Bezug auf ihre Inhaltsanzeige maximiert werden. Der obere Teil hat einen rotierenden Held Bereich (nicht ungewöhnlich.) - Was schön ist, dass im Gegensatz zu vielen Websites, die diese Konvention verwenden, die offene, geschichtete visuelle Ansatz, um die Region aufbricht, damit es nicht in boxed aussehen Der untere Teil hat zwei Design Features geht: Nicht nur, dass ein Registersystem dem Benutzer ermöglichen, zwischen vier Kategorien von Inhaltsdarstellung (Filme, Bücher, Graphic Novels und Zines) zu kippen, aber jeder auch Anzeige scrollt horizontal Tabbed, eine schön gestaltete collage von Produkten enthüllt. Nach über einem Produkt rollen, sieht der Benutzer ein Pop-up-Display weitere Informationen bieten, sowie ein Link auf die Detailseite. Die komprimierte Interaktion in diesem Design-Ansatz kann einen schnellen Zugriff auf Hunderte von Produkten, in einem kleinen Teil einer Seite.

Capturing das Markenerlebnis

Das ultimative Ziel des visuell-Design Bemühungen ist die Essenz der Marke Erfahrung zu erfassen. Eine Website, die sehr schön gestaltet ist beherbergt noch eine Menge an Informationen ist die Sheffa Foods Website, wie Sie in der folgenden Abbildung sehen werden. Beachten Sie, wie einfach und reinigen Sie die Interface-Komponenten ausgelegt sind. Wenn Sie die Fotografie zu entfernen waren, ist die Website Template-Design eigentlich sehr einfach und monochromatisch. Dies ist der Schlüssel zu dieser Entwurfsstrategie. Indem alle Support-Komponenten einfach und mit wenigen Farben, können Sie die Inhalte selbst im Mittelpunkt zu nehmen. In diesem Fall verfügt der Inhalt fett Fotografie, die die Sheffa Foods Marke Bild von frischen, hochwertigen Produkten verstärkt.