Grundlagen zum Webdesign - Teil 3: Design und Farbwirkung

Wenn Sie sich mit dem Erscheinungsbild Ihrer Website auseinandersetzen, sollten Sie bereits eine recht präzise Vorstellung von deren wesentlichen Inhalten haben. Denn der Inhalt bestimmt zu großen Teilen die Form. Verdeutlichen Sie sich, was genau die Informationen, Dienstleistungen oder Produkte auszeichnet, die Ihre Website präsentiert. Was macht Ihr Unternehmen oder Ihre Marke aus? Und wie unterscheidet sich Ihr Angebot von dem der Konkurrenz? Es ist wichtig, dass das Design Ihrer Website genau auf den Content und das angestrebte Image zugeschnitten ist. Unternehmen sollten bei der Gestaltung ihrer Website zudem darauf achten, dass selbige auch das Corporate Design der Firma widerspiegelt. 

Das Corporate Design spiegelt stets ein bestimmtes Image wider. Darüber hinaus bietet es einen hohen Wiedererkennungswert: Konsequent umgesetzt, sorgt das Corporate Design dafür, dass alle Veröffentlichungen und Kommunikationsmittel über ein einheitliches und eingängiges Aussehen verfügen. Hierbei unterliegt das Corporate Design der Prämisse „form follows function“ – die einzelnen Design-Elemente sollen also nicht nur Wiedererkennungswert bieten, sondern auch funktional sein. Für Logo und Schrifttypen gilt so beispielsweise, dass sie auch lesbar sein sollen.

Im Folgenden stellen wir die wichtigsten Bestandteile des Corporate Webdesigns vor. 

Das Logo

Ein Logo ist ein grafisches Zeichen und das Herzstück des Corporate Designs. Es beeinflusst das Aussehen aller weiteren Veröffentlichungen maßgeblich. Die Farbgebung des Logos findet sich in den meisten – wenn nicht sogar allen – Marketing-Materialien wieder. Oftmals sind ein Schriftzug (oder zumindest ein oder mehrere Buchstaben) und ein Bildelement bzw. Symbol Bestandteile eines Logos. Manchmal besteht es allein aus einem Bildzeichen oder einem Schriftzug. Über die Formgebung des Bildzeichens oder über die Aufmachung der Schrift kann man dem Logo ein unverwechselbares Design verleihen.

Ein Marken- oder Firmenzeichen ist unerlässlich, wenn Sie aus der Masse hervorstechen wollen. Das Logo sollte auf jeder Seite Ihrer Webpräsenz sichtbar sein. Üblicherweise befindet es sich im Header – der oberen Zeile jeder Webpage. Das Zeichen ist idealerweise prägnant und identitätsstiftend. Bei der Gestaltung eines Logos sollten einige Prinzipien berücksichtigt werden:

• Verständlichkeit: Das Logo dient als Stellvertreter einer Marke. Es hat zur Aufgabe, diese Marke zu betonen und auf sie hinzuweisen. Für eine bessere Verständlichkeit können angebotene Produkte oder Dienstleistungen im Logo stilisiert abgebildet werden.

• Unverwechselbarkeit: Das eigene Logo sollte sich von denen anderer Firmen abheben. Wenn ein bekanntes Logo-Design einfach nur kopiert und an die eigene Marke angeglichen wird, stehen die Chancen schlecht, damit eine eigene Identität aufzubauen. Zudem drohen auch rechtliche Konsequenzen vom Urheber des Original-Logos.

• Einprägsamkeit: Ein Logo sollte nicht zu detailliert und verspielt sein. Simple Logo-Designs kann man sich besser merken.

• Reproduzierbarkeit: Ein Logo wird auf verschiedenste Weise verwendet. Auf Visitenkarten oder Stempeln sollte es ebenso erkennbar sein wie auf großformatigen Plakaten. Damit hierbei nicht die einzelnen Pixel hervortreten, empfiehlt es sich, Logos in einer hohen Auflösung anzulegen (sie sind dann verlustfrei skalierbar). Außerdem sollten sie in verschiedenen Dateiformaten (wie JPG, PNG und PDF) vorliegen, um universell anwendbar zu sein.

Falls Sie das Logo Ihrer Webpräsenz selbst designen möchten, aber nicht über ein Bildbearbeitungsprogramm und die entsprechenden Grafik-Kenntnisse verfügen, können Sie auf einige Online-Dienste zurückgreifen. Websites wie flinq.de, logaster.de oder freelogoservices.com bieten Logo-Editors mit vielfältigen Tools an. Das von Ihnen erstellte Logo bekommen Sie auf solchen Seiten meist kostenfrei zur Verfügung gestellt – allerdings nur in einer geringen Auflösung. Die hochauflösenden Varianten sind hingegen kostenpflichtig.

Hausschrift, Bildsprache und Farbkonzept

Neben dem Logo beinhaltet das Corporate Webdesign noch weitere Elemente, die auch bei der Websitegestaltung von Bedeutung sind. Die wichtigsten entnehmen Sie der nachkommenden Übersicht:

• Die Hausschrift: Als Hausschrift (oder auch Corporate Font) wird die Schriftart bezeichnet, die von einem Unternehmen mehrheitlich oder sogar ausschließlich verwendet wird. Die Schrift sollte nicht nur einen hohen Wiedererkennungswert haben und gut lesbar sein (auch in verschieden großen Abbildungen), sondern darüber hinaus zum Image, Firmenphilosophie oder zur beabsichtigten Wirkung passen. Diese Schriftart sollte in allen Texten verwendet werden. Oft findet man sie auch im Logo.

• Die Bildsprache: In vielen Fällen bietet sich der Einsatz von Bildern auf der eigenen Website an – sie sorgen für Vielfalt und können bei den Betrachtern Emotionen wecken. Die Gesamtheit aller prägnanten Bilder, Fotos, Motive und Symbole macht die Bildsprache aus. Genau wie die Schriftart sollte auch die Bildsprache einheitlich erscheinen und konsequent umgesetzt sein. Der Inhalt und der Stil der verwendeten Bilder unterstreichen idealerweise das auf der Website vermittelte Image des Unternehmens. Generell sind unprofessionelle Bilder in schlechter Auflösung zu vermeiden, da durch diese schnell der komplette Webauftritt als laienhaft wahrgenommen wird.

• Das Farbkonzept: Auch bezüglich der Farben gilt, dass sie wohlüberlegt eingesetzt werden sollten. Das Farbkonzept umfasst jene Farbtöne, die auf jeder Unterseite Ihrer Webpräsenz Verwendung finden. Das Logo-Design, die Bildelemente, Hintergründe und andere Gestaltungselemente greifen im Normalfall allesamt auf die festgelegten Farben zurück.

Gerade das zuletzt angeführte Farbkonzept bildet ein weites Feld, mit dem man sich im Webdesign ausführlicher beschäftigen sollte. Durch die Verwendung bestimmter Farben lassen sich unterschiedlichste Effekte erzielen. Da mit den verschiedenen Farben auch unterschiedliche Assoziationen verknüpft sind, lassen sich durch die Farbwahl gezielt Merkmale der Firmenidentität hervorheben. Für das Corporate Webdesign ist ein Farbkonzept daher unentbehrlich. Denn die Farbgebung einer Website bestimmt maßgeblich den ersten Eindruck, den ein Besucher von der Seite hat.

Womit die Betrachter eine Farbe assoziieren, hängt von dem jeweiligen Kolorit und Kontext ab. Die Bedeutung einer Farbe kann auch je nach Kulturkreis variieren. Hier eine Übersicht der wichtigsten Farben, die zeigt, welche Assoziationen im westlichen Kulturkreis mit ihnen verbunden werden und für welchen Website-Bereich man sie häufig verwendet: