1. Anbindung an die Telefonanlage und Verknüpfung mit den Stammdaten des Salons
(Detaillierte Hintergrundinformationen wie Kundenname bevorzugte Dienstleistungen,  Tage und Uhrzeiten werden noch vor dem Abheben des Telefonhörers eingeblendet.)

2. Skalierbar – Synchron – Weltweit verfügbar
(Die online basierte Java Applikation ermöglicht ein individuelle Konfiguration für sowohl kleine Salons als auch große Unternehmen mit mehreren Filialen. Dabei werden alle Daten synchron online verwaltet und sind somit weltweit und immer verfügbar.)

3. Online Terminreservierung
(Als weiteres Highlight ermöglicht das Tool ein Terminbuchung direkt auf der Salonhomepage durch den Endkunden. Die Daten werden dabei direkt in den Kalender des ausgewählten Salons übertragen.)

Als Ansprechpartner für gestalterische Fragen, waren wir von CreativeGroup für die grafische Aufbereitung der Software und der Online Terminreservierung involviert. In Zusammenarbeit mit TimeGlobe entwickelten wir zudem das neue Webdesign und waren für die Umsetzung auf Basis von xHTML/CSS und eines kleinen individuellen “php”-Frameworks zuständig.

Wir freuen uns für TimeGlobe zu dem Launch der neuen Website und der beeindruckenden neuen Software. Wir wünschen alles gute und hoffen, dass Dank CRS der alte Terminkalender aus Papier bald ausgesorgt hat.

Was ist visuelle Hierarchie?

Um zu verstehen, wie ein Besucher eine Website wahrnimmt, ist es hilfreich zu verstehen, wie Menschen im Allgemeinen Informationen verarbeiten. Das menschliche Gehirn ist seit Urzeiten darauf trainiert, Informationen nicht einfach nur aufzunehmen, sondern sie möglichst schnell in Beziehungen zu setzten. Dies hilft uns zwar enorm dabei, Muster zu erkennen, zwingt uns aber auch des Öfteren dazu, welche zu sehen, die gar nicht existieren. Aberglaube und viele Vorurteile basieren darauf, dass der Mensch darauf programmiert ist, zwei Dinge nicht einfach als gleichzeitig zu sehen, sondern sie direkt miteinander in Verbindung zu bringen und Beziehungen zwischen ihnen zu sehen.

Das betrifft auch besonders die Dinge, die wir sehen. Eine Zeichnung oder Grafik besteht logisch betrachtet immer nur aus einzelnen Punkten oder Linien. Der menschliche Drang, den Dingen einen Sinn zu geben, wird aber jeden Betrachter dazu verleiten, mehr zu sehen. Sehen wir beispielsweise ein Bild mit zwei geometrischen Formen, werden wir es nicht bei dieser Beobachtung belassen. Wir werden sofort anfangen, die beiden Formen in eine Beziehung zu setzten. Sind es verschiedene Formen? Sind sie gleich groß? In der gleichen Farbe?

Das zu verstehen, hilft ein wirklich gutes Web-Design zu erstellen. Nur wer sich bewusst ist, wie eine Seite wahrgenommen wird, kann das Augenmerk des Besuchers so lenken, wie der Web-Designer es möchte.

Anwendung

Die einfachste Möglichkeit, diesen Effekt zu erläutern, bietet sich, wenn das Prinzip auf die einfachste und elementarste Art des Inhalts angewendet wird, den das Internet kennt, den Text. In der Typografie gibt es den Begriff der Bleiwüste, der ein Dokument beschreibt, das so überladen mit Buchstaben ist, dass der Leser es eher als einen Block aus Zeichen wahrnimmt, und nicht als den Text, den es eigentlich darstellt. Wer etwas Erfahrung mit Layout besitzt, weiß, dass es sinnvoll ist, seinen Text mit Zeilenabständen, Zeilenumbrüchen und Absätzen so zu strukturieren, dass er sich bequem lesen lässt.

Diese Lektion wird umso wichtiger, wenn für das Internet geschrieben wird. Gerade im Netz schrecken Benutzer oft vor langen und unstrukturierten Texten zurück. Deshalb ist es ratsam, mit Absätzen und Zwischenüberschriften zu arbeiten, die nicht nur das einfachere Lesen ermöglichen, sondern die dem Leser zudem schnell die Möglichkeit geben, den Artikel nach Inhalten zu „scannen“ und somit festzustellen, ob ein Mehrwert zu erwarten ist. Doch auch über den einfachen Text hinaus gibt es einiges zu beachten, will man eine erfolgreiche Website erstellen. Im Folgenden sollen daher einige der wichtigsten Werkzeuge vorgestellt werden, die dem Web-Designer zur Verfügung stehen, um die Aufmerksamkeit des Lesers in gewünschte Bahnen zu lenken.

Größe

Die Größe ist einer der wichtigsten Faktoren, die wir heranziehen, um Hierarchien zu bilden. Daher ist es auch gerade bei Grafiken anzuraten, die wichtigsten Elemente auch am größten darzustellen und damit die Aufmerksamkeit des Betrachters sofort in die richtige Richtung zu lenken.

Farbe

Farben richtig zu verwenden, ist eine Kunst für sich. Hierbei gilt es zu beachten, dass die Wahl der Farben nicht nur die Aufmerksamkeit des Lesers beeinflusst, sondern auch hervorragend dazu geeignet ist, Emotionen zu wecken. Eine Website mit kalten Farben wird andere Gefühle auslösen als eine, die in warmen Farbtönen daherkommt. Darüber hinaus können Farben auch ausgezeichnet dazu verwendet werden, eine Corporate Identity herzustellen, die sich im Gedächtnis des Kunden verankert. Man denke beispielsweise nur an den bekannten Schokoladenhersteller, der es geschafft hat, die Farbe Lila untrennbar mit seinem Produkt zu verbinden.

Doch auch wenn es nur um die visuelle Hierarchie geht, lässt sich mit Farbe einiges erreichen. Kontrastreiche Farben eignen sich ausgezeichnet dazu, Aufmerksamkeit auf die entsprechenden Elemente zu lenken. Elemente in der gleichen Farbe werden hingegen vom Besucher sofort als zusammengehörend wahrgenommen werden.

Kontraste

Auch wenn dieser Punkt bei den Farben schon kurz erwähnt wurde, lohnt es sich doch, noch einmal getrennt darauf zu verweisen. Denn auch wenn farbliche Kontraste wohl die offensichtlichste Anwendung sind, lassen sich auch durch andere Elemente Kontraste herstellen, die das Auge de Lesers leiten und bestimmte Dinge betonen. Eine andere Schriftart oder -größe kann ebenso die Aufmerksamkeit eines Besuchers auf sich ziehen wie fette oder kursive Schrift.

Anordnung

Wenn es darum geht, die Inhalte einer Website bestmöglich zu ordnen, spielen natürlich nicht zuletzt kulturelle Umstände eine wichtige Rolle. Ein Benutzer aus dem westlichen Kulturkreis wird eine Seite anders wahrnehmen als jemand, der aus einer Kultur stammt, die Texte nicht von links nach rechts und von oben nach unten liest. Damit lässt sich also die Aufmerksamkeit des Betrachters schon ein wenig beeinflussen, wenn man weiß, wie er eine Seite üblicherweise lesen wird. Aber es gibt auch Faktoren, die eher typisch für das Internet sind, wie zum Beispiel, dass sich auf einer Seite die interaktiven Elemente meist rechts oben befinden. Wer also nach einem Log-in-Button sucht oder seine Einkäufe bezahlen möchte, wird dort zuerst nach dieser Option suchen.

Wiederholung

Wer grafische Elemente wiederholt einsetzt, schafft damit nicht nur eine Zusammengehörigkeit zwischen diesen Elementen, er gibt sich dadurch auch die Möglichkeit, Kontraste wirksamer zu nutzen. Ein Text in roter Farbe wird noch mehr Aufmerksamkeit auf sich richten, wenn zuvor wiederholt eine andere Schriftfarbe eingesetzt wurde. Wer nur auf Kontraste setzt, wird keine Akzente setzten können.

Nähe

Eine räumliche Nähe lässt immer auch eine inhaltliche erahnen. Nicht umsonst finden sich die Hauptinhalte einer Website meist untereinander oder nebeneinander. Wer seine Inhalte auf seiner Seite verteilt und Anzeigen oder andere Seitenelemente dazwischen platziert, muss damit rechnen, dass ein Benutzer Probleme bekommen könnte, redaktionelle Inhalte und Werbung zu unterscheiden.

Dichte und Leere

Wer versucht, zu viele Inhalte auf zu wenig Raum unterzubringen, läuft Gefahr, die Übersichtlichkeit seiner Seite zu verlieren. Wer hingegen zu viel freien Raum zwischen ihnen hat, wird es dem Besucher unter Umständen erschweren, seine Inhalte miteinander in Beziehung zu setzten. Hier ist einiges an Fingerspitzengefühl gefragt, wenn man die richtige Mischung treffen möchte.

Stil und Struktur

Hierbei handelt es sich wohl um den am schwersten fassbaren und zugleich wichtigsten Faktor beim Design einer Website. Letzten Endes ist eine komplette Seite eben doch mehr als die Kombination ihrer Elemente. Was für sich allein genommen funktioniert, kann in Verbindung mit anderen Elementen einen ungewünschten Effekt erzeugen. Ein Hintergrund kann für sich genommen andere Emotionen erzeugen als im Zusammenspiel mit den anderen Elementen. Wer ein Element betonen möchte, kann Gefahr laufen, dass es im Endprodukt eher für Ablenkung sorgt als für den gewünschten Akzent.

Gerade weil Web-Design eben trotz allem keine exakte Wissenschaft ist, lässt es sich manchmal schwer beurteilen, wie die Dinge auf der fertigen Website wirken werden. Aber dafür gibt es ja aber schließlich Profis, die über ausreichend Erfahrung verfügen, um diese Faktoren einschätzen und nutzen zu können.

Ein kleines Beispiel:

Man möchte in CSS die Ecken einer Box um 3 Pixel abrunden also verwendet man folgende Codezeile:

border-radius: 3px;

Die neue Version des Internet Explorer wäre demnach der einige Browser, der diesen Befehl ausführen würde. Um diese Abrundung nun auch im Firefox sichtbar zu machen muss man den Code um folgende Codezeile ergänzen:

-moz-border-radius: 3px;

Für die Unterstützung des Chrome und Safari benötigt man dann noch zusätzlich:

-webkit-border-radius: 3px;

Das neue Tool erleichtert einem an dieser Stelle die Arbeit. Man gibt den Standardbefehl ein und das Tool erweitert den Quellcode um die fehlenden Codezeilen für alle weiteren Browser. Bei anderen CSS3 Befehlen wie z.B. den für Farbverläufte erleichtert es die Arbeit enorm, weil diese in den verscheidenen Browsern auch noch einen anderen Aufbau verwenden.

Um die Entwicklung zusätzlich zu unterstützen wurde eine API bereitgestellt, welche diese Funktionalität auch in die IDEs Textmate, Coda, Vim und andere Applikationen bringt.

Unser Fazit: Hilfreiches Tool für alle Webentwickler!

Aus dem Inhalt:

• Registrierung: Persönliches Profil oder Unternehmensseite
• Die Wahl des Konto- und Seitennamens
• Impressum
• Nutzung von Grafiken, Bildern und Fotos
• Nutzung von fremden Texten, Videos und Musik
• Meinungen, üble Nachrede und Umgang mit Mitbewerbern
• Werbeinhalte und Anzeigen
• Gewinnspiele und Wettbewerbe
• Direktmarketing
• Verdecktes Guerilla Marketing
• Nutzung der Marke Facebook, der Markenlogos und Screenshots
• Haftung für Inhalte der Seite, Links, Werbeanzeigen und Fanbeiträge
• Einsatz von Social Media Plug-Ins
• Rechtssicher Dank Social Media Guidelines

Es gibt verschiedene Möglichkeiten Google Analytics auf einer Website in Betrieb zu nehmen. Für die beiden meistgenutzen Varianten, werden im folgenden die Lösung zur IP-Anonymisierung aufgezeigt:

Standard Tracking mit ga.js

Diese herkömmliche Methode hat einen entscheidenen Nachteil, bei sehr vielen Seitenaufrufen kann die Ladezeit der Website verlangsamt werden.

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-xxxxxxx-id");
_gat._anonymizeIp();
pageTracker._trackPageview();
} catch(err) {}
</script>

Asynchroner Tracking Code

Der asynchrone Tracking Code wird von Google seit einiger Zeit automatisch vergeben und ist daher auch zu bevorzugen. Er sammelt die Daten während des Aufrufs und verschickt diese erst dann, wenn die Website vollständig geladen ist.

<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-xxxxxxx-id']);
_gaq.push(['_gat._anonymizeIp']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>

Klassischerweise werden sie von der Leadagentur, nach der Fertigstellung eines CD, in Form eines Booklet oder PDF-Dokuments an die zuständigen Stellen im Unternehmen und seine externen Dienstleister ausgeteilt. Eine Leadagentur verwaltet und koordiniert, in Absprache mit dem Kunden, das gesamte Projekt und akquiriert nach Bedarf andere Agenturen und Dienstleister.

Die Umsetzung und Einhaltung der Richtlinien und Inhalte auf konkrete Anwendungsbereiche geschieht nach dem Ermessen der Anwender. Diese Gegebenheit macht deutlich, wie bedeutend es ist eine verständliche Darstellung der Inhalte zu gewährleisten und die Anwender dahingehend zu sensibilisieren, die unternehmensweite Relevanz eines CD zu erkennen.

Corporate Design Manuals

Corporate Design Manuals erfassen und systematisieren die Gestaltungsrichtlinien des Unternehmens in gedruckter oder digitaler Form. Öfters auch „Style Guide“, „Brand Manual“ oder „Branding Guidelines“ genannt, dient diese Dokumentationsform dazu, die konkreten Gestaltungsrichtlinien und die jeweiligen Anwendungsformen z.B. eines Logos, einer Hausschrift und -farbe, Bildkonzept, Gestaltungsraster und weitere Elemente zu erfassen und zu dokumentieren, um im nächsten Schritt den zuständigen Personen zugänglich gemacht zu werden.

Als eines der ersten CD-Manuals in der Geschichte gilt das von Paul Rand. Er übergab 1956 seinem Auftraggeber „IBM“ neben dem entwickelten Logo zusätzlich einen Katalog, welcher genaue Richtlinien zur Anwendung des Logos beinhaltete.

Je nach Unternehmensgröße und Wirkungskreis kann die Entwicklung eines CD-Manuals eine längere Zeit in Anspruch nehmen, daher wird oftmals nach Abnahme des Designs durch den Kunden ein „Stylesheet“ erstellt, welches bereits auf wenigen Seiten die wichtigsten Informationen über Logo, Hausschrift, Farben und das Gestaltungsraster enthält. Nach teilweise monatelanger Entwicklungszeit und umfangreichen Ausarbeitungen wird ein CD-Manual häufig als Repräsentationsgegenstand gesehen. Dies ist jedoch nicht Sinn und Zweck, da es in erster Linie als „Arbeitshandbuch“ anzusehen ist. Die Richtlinien müssen einfach und robust in ihrer Anwendung sein und den individuellen Bedürfnissen des Unternehmens und den Dienstleistern angepasst werden. Hier liegt eine Besonderheit im Bereich des Corporate Design: Die Dokumentation ergänzt nicht ein Produkt, wie das etwa bei Bedienungsanleitungen der Fall ist, sondern die Dokumentation ist das Produkt.

Anforderungen an Corporate Design Manuals

Ein CD-Manual hat weder eine allgemeingültige Form noch einen standardisierten Inhalt. Vielmehr sind die Anforderungen für den späteren Gebrauch im Unternehmen maßgeblich für die zu dokumentierenden Inhalte. Grundsätzlich kann aber gesagt werden, dass, je größer das Unternehmen ist, desto umfangreicher und komplexer das CD-Manual ist.27 Durch die schnell entstehende Komplexität ist es umso wichtiger, die Gestaltungsrichtlinien deutlich und einfach zu definieren. Ein widerspruchsfreies und verständliches CD-Manual hilft den Personen, die es verwenden, die Vorgaben und Richtlinien gezielter zu befolgen. Hier liegt eine weitere Anforderung bzw. Herausforderung: der unterschiedliche Kenntnisstand der Personen, die das CD-Manual anwenden sollen. Ein Marketingbeauftragter des Unternehmens deutet Inhalte möglicherweise anders als ein IT-Spezialist. Ebenso kann nicht der Kenntnisstand einer Designagentur mit dem eines Praktikanten verglichen werden, daher sollten diese differenzierten Zielgruppen zunächst verstanden und sensibilisiert werden. Dies kann durch einen Dialog und ein Feedback der Zielgruppe geschehen, bei dem das Ziel das genaue Verständnis der Dokumentation ist. Letztendlich sind es diese Personen, die durch das Einhalten und Anwenden der Gestaltungsrichtlinien die Identität des Unternehmens in die Öffentlichkeit transportieren.

Ebenso wie dieser Dialog und die Kommunikation ein Prozess ist, versteht sich ein CD als Prozess. Durch die sich ständig verändernden Anforderungen der Unternehmensumwelt muss sich ein CD der Umwelt öffnen und dialogfähig werden. Diese Fluktuationen sind z.B. das Aufkommen der „neuen Medien“. Ein CD-Manual im klassischen Sinne ist auf Papier gedruckt, als Booklet gebunden oder in einem Ordner mit Einlegeblättern. Der Trend geht jedoch weg von einem Papier-Manual hin zu einer digitalen Dokumentation in Form einer PDF-Version z.B. zur Intranet-Anwendung.

Diese digitalen Dokumentationsformen bieten neben ökonomischen Aspekten eine Vielzahl weiterer Vorteile, die es ermöglichen, CD-Manuals effizienter in Unternehmen einzusetzen und zu verwalten.

Arten eines Corporate Design Manuals

Durch das Aufkommen der „neuen Medien“ entsteht auch neue Dokumentationsformen für die Gestaltungsrichtlinien von Unternehmen. Jede Form hat für sich genommen ihre Vor- und Nachteile und zeichnet sich durch Eigenschaften im Bezug auf Gestaltung, Kosten, Flexibilität und Verwaltung aus.

Booklets

Die Urform eines CD-Manuals stellen die Booklets bzw. Handbücher dar. Diese analoge Dokumentationsform wird häufig sehr aufwändig entwickelt und verarbeitet. Im Idealfall wird das CD-Manual in Form eines Ordners mit Einlageheften zum Abheften produziert, wodurch Änderungen kostengünstig ausgetauscht oder ergänzt werden können.

Digitale Anwendungen

Ergänzend zu der analogen Variante existiert eine Vielzahl digitaler Dokumentationsformen. Abgesehen von einer PDF-Version des gedruckten CD-Manuals, werden Intranet- und webbasierte CD-Anwendungen immer beliebter. Diese Popularität ist nicht zuletzt auf die vielen Vorteile gegenüber der analogen Dokumentationsform zurückzuführen. So genannte „Online-Styleguides“ sind webbasierte Anwendungen, die ähnlich wie ein Online-Portal funktionieren. Basierend auf einem modularen Content-Management-System (CMS) ist es möglich, alle nötigen CD-Elemente, wie z.B. Logos, Schriften, Layoutvorlagen oder Bilder, passwortgeschützt und jederzeit erreichbar online dem Unternehmen und seinen Dienstleistern zur Verfügung zu stellen.

Vor- und Nachteile

Zusätzlich zu den bereits erwähnten Vor- und Nachteilen bieten Online-Anwendungen zur Verwaltung der Gestaltungsrichtlinien weitere Vorteile, die zunächst kurz aufgezeigt werden:

• Aktualität
• Flexibilität
• Individualität
• Effizienz
• Qualität

Der Hauptvorteil liegt in der Möglichkeit, die sich ändernden Inhalte und Aspekte eines CD immer aktuell zu halten. Damit ist gemeint, dass zentral an einer Stelle aktualisiert werden kann und im selben Moment die gesamten Änderungen weltweit erreichbar sind. Dies führt des Weiteren dazu, dass durch diese Art der Verwaltung sämtliche Inhalte überall stets dieselbe Qualität besitzen und somit die Fehlerquellen beim Einhalten der Gestaltungsrichtlinien minimiert werden. Zu diesen Änderungen könnte z.B. ein neues Logo zählen, das einmal ins System eingepflegt wird, sodass sämtliche Dienstleister die Möglichkeit haben, die neue Version herunterzuladen. Das CD wächst somit in Echtzeit mit dem Unternehmen. Zusätzlich zu den ökologischen Nachteilen eines auf Papier gedruckten CD-Manuals stellt der Wegfall des Distributionsaufwandes bei einer digitalen Form einen wichtigen Vorteil dar. Dennoch sollte ergänzend zu der digitalen Form immer auch in Betracht gezogen werden, eine analoge Dokumentationsform zu verwenden. Spezielle Farbmuster oder besondere Drucktechniken auf unterschiedlichen Materialien können nur schwer realitätsnahe Vergleichsmöglichkeiten bieten. Zusammenfassend wird durch die Vorteile einer digitalen Form der Arbeitsablauf verbessert und eine höhere Effizienz erreicht, welche Zeit spart und somit auch die Kosten minimiert.

Liste diverser Styleguides

• 2wire – Corporate Identity Application Style Guide, November 2000
• 3par – Preliminary Style Guide, Februar 2002
• AirProducts – Basic Elements, Januar 2004
• Akado – Brand Book, o.D.
• Alexander Forbes – Corporate Identity, o.D.
• Ando – Basic Design Guidelines for Ando Corporate Identity, o.D.
• Artec – Identidade Corporativa, 2001
• AT&T – Corporate Identity System Standards of applications, April 2001
• Axeda – Identity Guidelines, Version 1.0, o.D.
• Bären – Corporate Design Basiselemente, Version 2.0, 2009
• BBCi – Brand Guidelines, Draft Version 2.2, April 2005
• BCS – How to Express the Brand, 2001
• Beeline – Katalog der Logotypen, Januar 2005
• Bertelsmann AG – Corporate Design Basic Elements, Mai 2002
• Börner Thermoquell – Logo-System Mini-Styleguide, Mai 2005
• Brasil Telecom – Padrões gráficos, o.D.
• Bundesregierung – Styleguide „Wir bauen Zukunft“, 2009
• Cap Gemini Ernst & Young – A Closer Look at Our Brand, o.D.
• CMP Media – Identity Guidelines, o.D.
• comdirect – Corporate Design Manual, Mai 2001
• Compaq „Alpha Powered“ – Identity Standards, o.D.
• Cunard – Brand Guidelines International, o.D.
• Daimler Chrysler – Geschäftsausstattung, o.D.
• Dana Corporation – Basic Standards, 2004
• Deutsches Kupferinstitut – Corporate Design Manual, 2001
• DFG – Deutsche Forschungsgemeinschaft – Corporate Design Handbuch, Juni 2009
• Diebold – Corporate Identity and Brand Standards Manual, 2008
• DOW – Corporate Identity Standards – Use of the DOW Diamond, September 2002
• easyGroup – The easyGroup Brand Manual, Juli 2009
• Ebone – Brand Guidelines for Suppliers, Edition 2, April 2000
• eGain – Graphic Standards and Usage Guidelines, o.D.
• Emarat – Emirates General Petroleum Corporation – A Guide to Our Identity, o.D.
• EMCDDA – Corporate Identity Manual, 2003
• Evangelisch-Lutherische Landeskirche Sachsens – Erscheinungsbild, Juni 2004
• FDP – Die Liberalen – CD Manual der FDP, o.D.
• FedEx – Corporate Identity Quick Reference Guide, o.D.
• FernUniversität in Hagen – Corporate Design-Handbuch, April 2008
• FIBA – Styleguide, April 2003
• Ford – Corporate Identity Programm for Retailers, Juli 2002
• Friedrich-Alexander-Universität Erlangen-Nürnberg – CD Manual, November 2007
• General Electric – Brand Expression Guidelines, Version 1.0, o.D.
• General Electric – Standards & Guidelines, o.D.
• Geneva PalExpo – Corporate Identity Manual, o.D.
• Harvard Design School – Graphic Standards Manual, Februar 2002
• Haworth – Brand Implementation Standards, o.D.
• HdM Fachhochschule Suttgart – Corporate Design Styleguide, Version 03, Juli 2001
• Heineken International – Corporate Identity and Forms, o.D.
• Helmholtz Gemeinschaft – Basiselemente Guidelines, Version 1.1, Mai 2007
• HERO – Corporate Identity Guidelines, Januar 2001
• Hitachi – Graphic Standards Manual Vol. 1 Basic Elements, o.D.
• HNC Software – Identity Guidelines, Version 2.0, o.D.
• Hong Kong – Brand Guidelines, Februar 2003
• Hyundai Motor Company – Identity Design Guide Book, 2002
• IEE – Brand Guidelines, o.D.
• Intel Celeron – Trademark and Logo Usage Guidelines, o.D.
• Intel Centrino – Trademark and Logo Usage Guidelines, o.D.
• Intel Pentium 4 – Trademark and Logo Usage Guidelines, o.D.
• Interwoven – Corporate Style Guide, o.D.
• Kensington – Graphic Standards Manual, 2003
• Kent Fire & Rescue Service – Corporate Identity Guidelines, November 2003
• KU – The University of Kansas – Graphic Identity Standards, September 2006
• Land Schleswig-Holstein – Gestaltungshandbuch, Version 1.2, April 2005
• Langenscheidt – Corporate Design Manual, 2003
• Learndirect – The Brand Book, Oktober 2007
• LearningEdge – Style Guidelines, o.D.
• London Underground – Corporate Identity Stationery Standards, o.D.
• LWL – Landschaftsverband Westfalen-Lippe – Corporate Design Handbuch, 2008
• Mandarina Duck – Guida all’uso del logo, o.D.
• Mehrweg – Logo Design, Mai 2005
• Movicom BellSouth – Manual de normas, Mai 2001
• Musicload – Die Richtlinien der Marke Musicload, Release 0.9, November 2003
• Nassfeld Hermagor – Corporate Design Manual Nassfeld, 2009
• ÖBB Holding – Basiselemente Corporate Design, Februar 2008
• Open Rehearsal – Brand Toolkit, o.D.
• Österreichisches Rotes Kreuz – Corporate Design Manual, 2002
• Ötztal Tourismus – Corporate Design Kurzversion, o.D.
• Renault – Corporate Identity Renault, Januar 2005
• Republic of South Africa – Coat of Arms Corporate Identity Guidelines, Juni 2004
• Seagate – Brand Identity Standards Designer‘s Guide, April 2006
• Symantec – Brand Identity Standards, 2000
• UEG – Europäische Turnunion – The UEG Corporate Design, August 2002
• University at Albany – Graphic Identity Manual, Version 2.0, 2003
• University of Cambridge – Identity Guidelines, 2nd Edition, Dezember 2008
• University of Minnesota – Graphic Standards, 2006
• UPS – Brand Guidelines – Standards on the UPS brandmark, Version 1.0, März 2003
• USAID – Graphic Standards Manual, Januar 2005
• Utah Office of Tourism – Brand Guidelines, Version 0.1, April 2006
• UW Business School – Brand Guidelines, o.D.
• WDR – Corporate Design Manual, Januar 2002
• With Intent by Sony – Branding Guidelines, 2005
• World Vision – Corporate Identity Basic Standards, o.D.
• Xunta de Galicia – Manual Básico de Identidade Corporativa, o.D.

Laut einem Test von Heise online liegt der neue Firefox nun in Sachen Geschwindigkeit knapp hinter Google Chrome, schlägt aber den neuen Internet Explorer 9. Einige Änderungen an der Gecko-Engine runden auch die HTML5-Unterstützung ab.

Neben der Geschwindigkeit und den beschriebenen Neugikeiten sticht Firefox bedonders durch seine leistungsfähigen Add-ons hervor.  An dieser Stelle möchten wir noch auf einige Erweiterungen hinweisen, die Sie bei der täglichen Arbeit unterstützen und Ihren Workflow erheblich beschleunigen können. Alle vorgestellten Erweiterungen sind auch in der neuen Version des Browsers verfügbar.

Must have Firefox Add-ons:

Adblock Plus
Wie der Name bereits verrät, unterstützt Sie Adblock Plus im Kampf gegen nervende Werbeanzeigen und PopUps. Nach der Installation haben Sie die Möglichkeit auf bestehende Filter zurückzugreifen und diese durch eigene Regeln zu erweitern.

Web Developer Toolbar
Die Web Developer Toolbar ist schon lange ein Standardwerkzeug von Webentwicklern rund um den Globus. Die Toolbar unterstützt Sie bei der Standardkonformen Programmierung von HTML/CSS und JavaScript Websites.

Firebug (Pixel Perfect, Pagespeed)
Firebug erlaubt Ihnen das editieren, debuggen und überwachen von HTML, CSS und JavaScript Code live im Web. Durch weitere Add-Ons wie Pixel Perfect (pixelgenaues umsetzen von Weblayouts) und Google Pagespeed (prüft die Geschwindigkeit einer Website und gibt Tipps zur Optimierung) lässt sich Firebug erweitern und macht es zu einem mächtigen Werkzeug in der Webentwicklung.

MeasureIt
MesureIt ist ein kleines Lineal für den Webbrowser. Es erlaub Ihnen das einfache messen (Höhe und Breite) von Elementen oder Abständen auf einer Website.

ColorZilla
Über eine Pipette können Farben im Web aufgenommen werden. Diese Farben werden in verschiedenen Formaten wir RGB, HSE und HEX dargestellt und können für die weitere Arbeit verwendet werden.

Screenshot Pimp
Mit Screenshot Pimp erstellen Sie einfach und schnell Screenshots einer kompletten Website. Dabei werden auch Teile einer Website berücksichtigt, die aufgrund von Scrollbalken verdeckt sind. Auf Basis dieser Screenshots kann ein bestehendes Layout in Photoshop modifiziert und erweitert werden.

XMarks Sync
XMarcs Sync erlaubt das Synchronisieren von Bookmarks und Web Passwörtern für mehrere Workstations und Browsern. XMarks unterstützt unter anderem Firefox, Safari, IE und Google Chrome.

1Password
Mit der Desktop Software 1Password verwalten Sie sowohl alle Online-Passwörter, als auch vertrauliche Informationen, wie Bank- und/oder Kreditkartendaten. Bei der Wahl Ihrer Passwörter können Sie nun kreativer vorgehen und einzigartige Passwörter für jede Website erstellen.

Mit 1Password behalten Sie die Übersicht über Ihre Passwörter. Das Browser Add-on der Software erlaubt Ihnen das automatische Anmelden in passwortgeschützte Bereiche und schützt dadurch Ihre Daten vor Identitäts-Diebstählen.

Weitere Informationen

Um zu verstehen, wieso man ein Colormanagementsystem benötigt, müssen wir jedoch in die Vergangenheit blicken. Vor ca. 40 Jahren war die Herstellung von Druckerzeugnissen noch ein echtes Handwerk. Farbverbindliche Scanner, Monitore und Drucker gab es zu dieser Zeit noch nicht. Die Designer in den Agenturen mussten für Fotocollagen das Bildmaterial mit Schere und Skalpell bescheiden. Die Farbanpassungen wurden in Dunkelkammern mit Hilfe von Filtern bearbeitet. Die Drucktechnik war ebenfalls noch nicht ausgereift. Offsetdruckmaschinen druckten meist nur ein oder zweifarbig und die Belichtung der Druckplatten erfolgte noch fotografisch.

Die Bedeutung des Colormanagement begann erst im Jahre 1992 mit der Entwicklung der ICC-Profile sowie der rasanten Entwicklung der Hard- und Software, die mit diesen Profilen umgehen konnten. Ein farbverbindliches Arbeiten im Produktionsprozess wurde geschaffen und die Druckergebnisse wurden vorhersehbar.

Alle bedeutenden Softwareanbieter integrierten Colormanagementsysteme in ihren Applikationen. Durch widersprüchliche Informationen und Unkenntnis über die Möglichkeiten eines Colormanagementsystems wurden viele Anwender verunsichert. Diese Unsicherheit führte dazu, dass die Anwender kaum mit den Systemen arbeiten oder gar mit falschen Einstellungen arbeiten. Dabei ist es gar nicht so kompliziert denn Colormanagement ist kein Lernthema, sondern vielmehr ein Verständnisthema.

Was sind im Bereich des Colormanagement die größten Hürden oder Problemfelder?
Das erste Problem welches wir ansprechen möchten sind die fehlenden Standards für Ein- und Ausgabegeräten wie Scanner, Monitore und Drucker. Die ICC-Profile der Hersteller sind oftmals nicht wirklich gut und müssen deshalb entsprechend angepasst werden.
Ein weiteres großes Problem liegt in der Tatsache, dass Werte aus einer CMYK-Tabelle keine Farbbeschreibungen sind. Es beschreibt lediglich wie viel Druckfarbe auf einen Bedruckstoff fallen soll, jedoch nicht das optische Farbverhalten.

Die Grafik zeigt wie unterschiedlich 100% Cyan wirken kann wenn man diese mit unterschiedlichen Drucksystemen ausdruckt.

Systeme zur Beschreibung von Farbe

Farbiges Licht kann durch physikalische Addition oder physikalische Subtraktion gemischt werden.

• Bei der Additiven Farbmischung wird rotes, grünes und blaues Licht meist auf einem Bildschirm abgestrahlt und setzt sich für unser Auge als sichtbare Farbe zusammen. Man bezeichnet dies als RGB-System
• Die Subtraktive Farbmischung tritt ein wenn Licht aus einer Lichtquelle nacheinander von gefärbten Objekten verändert wird. Beim Farbdruck fungiert beispielsweise das weiße Papier als Lichtquelle. Dies wäre ein CMYK-System

Viele Farbmodelle basieren auf einer Sammlung physikalischer Farbmuster, die über ein dreidimensionales System dargestellt werden.

Gerätecharakterisierung und Kalibrierung

Begriffsdefinition
Rendering intent:  Spricht man von Rendering intent ist damit die Auswahl für ein Übersetzungsprozess einer Datei von einem Farbraum in den anderen gemeint.  Oft wird von einem Umrechnen gesprochen, jedoch können Farbräume nicht einfach ineinander umgerechnet werden.

Die Abläufe beim Übersetzen eines Farbraums in den anderen kann mit der Übersetzung eines Buches gleichgesetzt werden. Viele Vorgänge und Begriffe lassen sich so leichter erklären.

Generell gibt es vier verschiedene Rendering intents, diese wurden vom ICC (International Color Consortium) festgelegt.

1. Perzeptiv: Dies ist die standardmäßige Rendering-Methode für RGB-Bilder mit einem großen Farbraum, die in CMYK konvertiert werden sollen.
2. Relativ Farbmetrisch: Diese Methode verwendet man immer dann, wenn die zu konvertierenden Farbräume „relativ nah“ beieinander liegen.
3. Absolut Farbmetrisch: Diese Methode kommt vor allem dann zum Einsatz, wenn Logofarben (z.B. HKS oder Pantone) in CMYK konvertiert werden müssen.
4. Sättigung: Bei der letzten Methode werden kräftige Farben interpoliert, dabei wird der Originalfarbton ignoriert.

Grundsätzlich werden in der täglichen Arbeit nur zwei Rendering intents verwendet. Bei der Konvertierung von RGB zu CMYK verwendet man wie oben beschrieben die „Perzeptiv“ und bei der Konvertierung von CMYK zu CMYK die „Relative Farbmetrisch“ Methode.

Die einzelnen Methoden können mit den Anweisungen vergleichen werden die bei der Übersetzung eines Buches dem Übersetzer übermittelt werden müssen. Ein Fachbuch muss beispielweise mit einer anderen Worttreue übersetzt werden als ein humorvoller Titel.

Gerätecharakterisierung:  Als Charakterisierung bezeichnet man den Vorgang, dem der Zusammenhang zwischen dem eigenen Farbraum eines Geräts und einem auf CIE basierenden Referenzfarbraum definiert wird. Bei Monitoren und Druckern beschreibt die Charakterisierung, welche Farben bei einem bestimmten Eingabesignal erzeugt werden. Bei Scannern gibt die Charakterisierung an, welches Ausgabesignal das Scannen einer bestimmten Farbe liefert.

Gerätekalibrierung:  Unter dem Begriff Kalibrierung versteht man das Ausgleichen der Farbbalancen eines Geräts, die sich im Laufe der Zeit verändern können. Im Allgemeinen wird die Charakterisierung eines Geräts schon von Werk aus durchgeführt. Im Gegensatz dazu muss man die Kalibrierung mittels Tonwertkuren selbst anpassen.

Die Gerätecharakterisierung und Gerätekalibrierung bilden zusammen das Farbprofil eines Geräts.

Farbscanner
Die Kalibrierung eines Scanners sorgt dafür, dass die Farbbalancen und die Linearität, die sich bei einem Scann gerät im Laufe der Zeit verändern, wieder angepasst werden. Diese Kalibrierung besteht gewöhnlich aus dem Einscannen eines genormten Testtargets und eine Profilierungssoftware. Das Target wird gescannt und das Ergebnis im Computer mit den zuvor ermittelten Lab-Werten verknüpft.

Monitor
Fast alle Druckprojekte starten bei der Produktionskette auf einem Monitor. Fehlerhafte Darstellung von Farben würde sich auf den gesamten nachfolgenden Produktionsprozess ausüben.

Bei der Monitorkalibrierung unterscheidet man zwischen einer „Farbverbindlichen“ und „Prooftauglichen“ Kalibrierung. Ein „Farbverbindlich“ Kalibrierter Monitor kann nur bestimmte Farbbereiche verbindlich darstellen, während ein „Prooftauglich“ Kalibrierter Monitor eine besonders exakte Kalibrierung ermöglicht.

Mit Hilfe eines Spektralphotomers und der dazugehörigen Software kann eine Kalibrierung durchgeführt werden. Die besten Ergebnisse erzielt man hierbei durch eine Automatische Hard- und Softwarekalibrierung.

Drucker
Die Erzeugung dieser Profile erfolgt für Drucker, indem man ein Testchart mit vielen Farbfeldern ausdruckt, deren CMYK-Werte bekannt sind. Anschließend werden die L*a*b*-Werte dieser Farbfelder mit einem Spektralfotometer gemessen. Dadurch wird eine Beziehung zwischen den ausgedruckten CMYK-Daten und den sichtbaren CIE-L*a*b*-Farbwerten hergestellt.

Zu beachten ist auch, dass man für jede Tinten/Toner- und Papierkombination ein eigenes Profil erstellen muss, um berechenbare und korrekte Druckergebnisse zu erhalten.

Weitere Informationen zum Thema: