Pat Müller – meine visuelle Identität.
Corporate Design Guidelines
Corporate Design Guidelines
Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.
YUMPU macht aus Druck-PDFs automatisch weboptimierte ePaper, die Google liebt.
meine
visuelle
identität.
PAT MÜLLER
CORPORATE DESIGN GUIDELINES
VERSION 2.0 12. JULI 2021
INHALT
LOGO 4
Grundlogo 4
Monogramm 6
Schriftzug 7
FARBEN 9
KOMMUNIKATIONSMITTEL 26
Corporate Paper 26
Gestaltungsraster 27
Störer 29
ELEKTRONISCHE MEDIEN 30
INTERAKTIV
Primärfarben 9
Sekundärfarben 10
Textfarbe elektronische Medien 10
SCHRIFTEN 12
Schriftfamilien 12
Schriftschnitte 13
Schriftfarben 14
BILDWELTEN 16
Farbschattierungen und Verläufe 16
Abgerundete Ecken 16
Korn 17
BRIEFSCHAFTEN 20
Visitenkarten 20
Briefe 22
Kuverts 24
Bildschirmpräsentationen 30
Internet 31
ATELIER 33
Grundmerkmale 33
SPRACHSTIL 35
So kommuniziere ich 35
DAMIT GELANGE ICH
STETS ZUM INHALTSVERZEICHNIS
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 2
das logo.
LOGO
GRUNDLOGO
Die Wort-Bild-Marke steht für das Unternehmen und seine
Dienstleistungen. Es gelangt zur Anwendung, wo das Unternehmen
intern oder extern kommuniziert und der Absender
auf einen Blick erkennbar sein muss.
Anwendungsbeispiele
• Auf Firmenstempel
• Auf Aufkleber
• Als Partnerlogo
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 4
Anwendung, Konstruktion und Schutzabstände
Beim Platzieren des Logos sind die Schutzabstände (2 x) zu benachbarten
Elementen im Minimum einzuhalten.
Das Logo darf nicht verändert und nur proportional skaliert werden.
Die Mindestbreite des gedruckten Logos beträgt 13 Millimeter.
Nach Möglichkeit ist das positive Logo zu bevorzugen. Ein negatives
(invertiertes) Logo steht für sehr dunkle oder schwarze
Hintergründe zur Verfügung. Von der Logoplatzierung auf zu
unruhige und zu farbige Hintergründe ist abzusehen.
2 x
2 x
x
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 5
MONOGRAMM
Das Monogramm vermittelt die Werte des Unternehmens in
einem prägnanten, sympathischen Symbol. Es basiert auf einer
Abwandlung der Schriftart «Neo Sans»: Das Monogramm ist das
hochkant gestellte «MÜ» meines Nachnamens.
Das Monogramm darf nur proportional skaliert werden. Die Mindesthöhe
des gedruckten Monogramms beträgt fünf Millimeter.
Ein starker Brand mit hoher Wiedererkennung
Das Monogramm findet getrennt zum Schriftzug überall dort
Anwendung, wo Spannung erzeugt und ein dezenter Absender
der Botschaft hinzugefügt werden soll.
Werte, die das Monogramm transportiert
• Entfaltung und Entwicklung
• Persönliche Betreuung
• Kreativität
• Individualität
• Wandel
• Adaption
• Sympathie
• Reduktion
• Understatement
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 6
SCHRIFTZUG
Der Schriftzug ist die Auflösung zum Monogramm; er liefert den
«Absender» dazu. Monogramm und Schriftzug bilden sinnvollerweise
eine Symbiose bei der Entwicklung der Kommunikationsmittel.
Der Schriftzug erscheint als Einzeiler-Text im Gegensatz
zum Text in der Wort-Bild-Marke, welcher zweizeilig gesetzt ist
(Seite 4).
Der Schriftzug darf nur proportional skaliert werden. Die Mindestbreite
des gedruckten Schriftzugs beträgt 13 Millimeter.
Er ist als Grafikdatei vorhanden und darf nicht als Schrift nachgesetzt
werden, da Oberlängen modifiziert wurden.
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 7
die farben.
FARBEN
PRIMÄRFARBEN
Für alle Anwendungen werden die drei Primärfarben
Umbragrau, Tiefschwarz und Naturweiss verwendet.
Sowohl Primär- als auch Sekundärfarben können für die
Gestaltung von Tabellen und Grafiken aufgerastert dargestellt
werden.
CMYK 0 % Cyan 0 % Cyan 0 % Cyan
5 % Magenta 0 % Magenta 0 % Magenta
5 % Yellow 0 % Yellow 0 % Yellow
90 % Schwarz 100 % Schwarz 5 % Schwarz
RGB 54 Rot 0 Rot 246 Rot
53 Grün 0 Grün 246 Grün
52 Blau 0 Blau 246 Blau
Hexadezimal #363534 #000000 #f6f6f6
Pantone Black 7 c/u Black 6 c/u .
RAL Umbragrau 7022 Tiefschwarz 9005 Verkehrsweiss 9016
NCS S 7502-Y S 9000-N S 0502-G50Y
Scotchcal Jungle Green Matte Black White Matte
100-2477 100-12 100-20
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 9
SEKUNDÄRFARBEN
TEXTFARBE
ELEKTRONISCHE MEDIEN
Die Sekundärfarben setzen
Akzente. Die Textfarbe für
elektronische Medien gelangt
in deren Grundschrift zur
Anwendung.
CMYK 0 % Cyan 0 % Cyan 0 % Cyan .
50 % Magenta 10 % Magenta 30 % Magenta .
90 % Yellow 15 % Yellow 30 % Yellow .
0 % Schwarz 45 % Schwarz 65 % Schwarz .
RGB 255 Rot 165 Rot 119 Rot 128 Rot
160 Grün 155 Grün 96 Grün 124 Grün
47 Blau 146 Blau 85 Blau 121 Blau
Hexadezimal #ffa02f #a59b92 #776055 #807c79
Pantone 1375 c/u . . .
FIXIT 782, 51030 Oxydgelb . . .
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 10
die schriften.
SCHRIFTEN
SCHRIFTFAMILIEN
Amsi Pro
Die Hausschrift von Pat Müller ist die Amsi Pro. Sie wird in sämtlichen
Publikationen eingesetzt:
• Externe Drucksachen
• Interne Drucksachen
• Elektronische Medien, ausser E-Mail
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 .,:;?!()«»’
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 .,:;?!()«»’
Arial
Im Schriftverkehr via E-Mail wird die systemübergreifende
Schriftart Arial verwendet.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 .,:;?!()«»’
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 . , : ; ? ! ( ) « » ’
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 . , : ; ? ! ( ) « » ’
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 12
SCHRIFTSCHNITTE
Haupttitel
Amsi Pro Condensed Black, Versalien
HAMBURGEFONTS
Zusatztitel
Amsi Pro Condensed Black, Versalien
ÜBER RAFGENDUKS UND HANDGLOVES
Untertitel
Amsi Pro Normal Black
Sinn oder Unsinn von Blindtexten
Lauftext
Amsi Pro Normal Regular
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle
Buchstaben da sind und wie sie aussehen. Manchmal benutzt
man Worte wie Hamburgefonts, Rafgenduks oder Handgloves,
um Schriften zu testen. Manchmal Sätze, die alle Buchstaben
des Alphabets enthalten – man nennt diese Sätze «Pangrams».
Sehr bekannt ist dieser: The quick brown fox jumps over the
lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige
Satzteile eingebaut (AVAIL® and Wefox are testing aussi
la Kerning), um die Wirkung in anderen Sprachen zu testen. In
Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat
demonstrandum. Seit 1975 fehlen in den meisten Testtexten
die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034
Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird
mit bis zu 245 € oder 368 $ bestraft. Genauso wichtig sind mittlerweile
auch Âçcèñtë, die in neueren Schriften aber fast immer
enthalten sind.
Textquelle: blindtextgenerator.de
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 13
SCHRIFTFARBEN
Für Texte dürfen ausschliesslich die drei Primärfarben Umbra-grau,
Schwarz und Weiss verwendet werden. Für spezielle
Hervorhebungen ist Oxydgelb, sparsam eingesetzt erlaubt.
Grundschriften auf elektronischen Medien erhalten für eine angenehmere
Kontrastwirkung ein warmes Grau (Seite 10).
Do‘s
Weiss auf Umbragrau
Weiss auf Schwarz
Lesbarkeit
Umbragrau auf (Natur-)Weiss
Schwarz auf Umbragrau ist Logo-Komponenten sowie Überschriften
vorbehalten; bei der Grössenwahl ist auf eine genügende
Lesbarkeit zu achten. Ebenso ist die Lesbarkeit bei
einem Satz von schwarzem oder weissem Text auf Bildern oder
Farbverläufen kritisch zu hinterfragen.
Dont‘s
Schwarz auf (Natur-)Weiss
Weiss auf Sekundärfarbe
SCHWARZ AUF
UMBRAGRAU
Sekundärfarbe auf Umbragrau
Sekundärfarbe auf Schwarz
Sekundärfarbe auf (Natur-)Weiss
Schwarz auf Umbragrau (Lauftext)
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 14
die bildwelten.
BILDWELTEN
FARBSCHATTIERUNGEN UND VERLÄUFE
Abstrakte Farbverläufe, erstellt aus Fotografien der unmittelbaren
Umgebung, schaffen in Kombination mit markanter
Typografie sowie Hintergründen im Wechselspiel der Primärfarben
Umbragrau und Naturweiss eine eigene charakterstarke
Identität mit hoher Wiedererkennung.
ABGERUNDETE ECKEN
Wo nicht randabfallend werden Bilder, aber auch Grafiken
und Illustrationen mit flächigen Hintergründen abgerundet.
Der Eckradius beträgt maximal fünf Prozent der kürzeren
Seite.
Das Fundament bildet die Bühne für starke Auftritte der Kunden-Arbeiten
und/oder für andere Inhalte.
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 16
KORN
Im Hintergrund eingesetzte Verläufe haben ein Korn, welches
an die analoge Fotografie erinnert und die Verbindung
von der digitalen zur analogen Welt sowie das damit in
beiden Disziplinen erforderliche Handwerk darstellt. Werden
weitere Farbverläufe oder Bilder über den Hintergrund platziert,
so haben diese keinen Korn-Effekt und kontrastieren in
der Textur mit dem Hintergrund.
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 17
die briefschaften.
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 19
Mockup Template © Veresovich – stock.adobe.com
BRIEFSCHAFTEN
VISITENKARTEN
Die Visitenkarten werden doppelseitig bedruckt.
Das Monogramm wird im Prägedruck umgesetzt.
Mockup Template © Антон Скрипачев – stock.adobe.com
pat müller Grafik und Web
Via Atria 13, CH 7402 Bonaduz
+41 (0)81 284 86 06
mail@patmueller.ch, patmueller.ch
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 20
Vermassung der Visitenkarten
5 mm
1/14 Seitenbreite
Grösse des Schrifzugs proportional
zum Monogramm analog den
Proportionen des Wort-Bild-Logos
50 mm
1/14 Seitenbreite
1/14 Seitenbreite
1/14 Seitenbreite
Text
Amsi Pro Normal Black / Regular
8 Pt. / 11.5 Pt.; Abstand nach 5.75 Pt.
pat müller Grafik und Web
Via Atria 13, CH 7402 Bonaduz
+41 (0)81 284 86 06
mail@patmueller.ch, patmueller.ch
50 mm
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 21
BRIEFE
Vorderseite komplett im Bürodruck (sw-Laser)
Rückseite Offset vorgedruckt: PANTONE Black 7C
Example AG
Frau Jeanette Muster
Beispielstrasse 1
1234 Exempelhausen
Bonaduz, 7. Dezember 2020
LOREM IPSUM
Sehr geehrte Frau Muster
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben
die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des
Semantik, eines grossen Sprachozeans. Ein kleines Bächlein namens Duden fliesst
durch ihren Ort und versorgt sie mit den nötigen Regelialien.
Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund
fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte
beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloss eine
kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite
Grammatik.
Der grosse Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden
Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen liess sich nicht
beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte
sich auf den Weg.
Freundliche Grüsse
Pat Müller
pat müller Grafik und Web
+41 (0)81 284 86 06
Via Atria 13, CH 7402 Bonaduz mail@patmueller.ch, patmueller.ch
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 22
Brief-Aufbau
Erste Seite
Folgeseiten
25 mm
½ Spalte
Spaltenbreite
1/14
160 mm
¼ Spalte
Spaltenbreite
1/14
60 mm
25 mm
ANGEBOT FÜR LOREM IPSUM
160 mm
50 mm
Example AG
Frau Jeanette Muster
63 mm
Beispielstrasse 1
1234 Exempelhausen
Amsi Pro Normal 9.5 Pt / 14.5 Pt, Abstand nach 12 Pt
PLANUNG
Analyse, Besprechung, Konzeption
Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf
es einen letzten Blick zurück auf die Skyline seiner Heimatstadt
Bonaduz, 7. Dezember 2020
107 mm
Buchstabhausen, die Headline von Alphabetdorf und die Subline
seiner eigenen Strasse, der Zeilengasse. CHF 330.–
LOREM IPSUM
Sehr geehrte Frau Muster
Amsi Pro Condensed Black 19 Pt / 22.5 Pt, Versalien,
Laufweite 25, Abstand nach 22.5 Pt
Amsi Pro Normal 9.5 Pt / 14.5 Pt, Abstand nach 12 Pt
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben
die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des
Semantik, eines grossen Sprachozeans. Ein kleines Bächlein namens Duden fliesst
durch ihren Ort und versorgt sie mit den nötigen Regelialien.
Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund
fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte
beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloss eine
kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite
Grammatik.
Der grosse Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden
Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen liess sich nicht
beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte
sich auf den Weg.
Freundliche Grüsse
Pat Müller
pat müller Grafik und Web
+41 (0)81 284 86 06
Via Atria 13, CH 7402 Bonaduz mail@patmueller.ch, patmueller.ch
Amsi Pro Normal 8 Pt / 11.5 Pt, Laufweite 10 (Versalien 25)
132 mm
145 mm
267 mm
282 mm
DESIGN
Grafische Gestaltung, Responsive Design
Wehmütig lief ihm eine rhetorische Frage über die Wange, dann
setzte es seinen Weg fort. Unterwegs traf es eine Copy. CHF 1 320.–
TECHNISCHE UMSETZUNG
Setup
Die Copy warnte das Blindtextchen, da, wo sie herkäme wäre sie
zigmal umgeschrieben worden und alles, was von ihrem Ursprung
noch übrig wäre, sei das Wort «und» und das Blindtextchen solle
umkehren und wieder in sein eigenes, sicheres Land zurückkehren. CHF 1 760.–
Inhalte
Doch alles Gutzureden konnte es nicht überzeugen und so dauerte
es nicht lange, bis ihm ein paar heimtückische Werbetexter auflauerten,
es mit Longe und Parole betrunken machten und es dann
in ihre Agentur schleppten, wo sie es für ihre Projekte wieder und
wieder missbrauchten. Und wenn es nicht umgeschrieben wurde,
dann benutzen Sie es immernoch. CHF 660.–
TOTAL CHF 4 070.–
Amsi Pro Normal 8 Pt, Laufweite 25
267 mm
278 mm
2
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 23
KUVERTS
Vorderseite
Rückseite
pat müller Grafik und Web, Via Atria 13, CH 7402 Bonaduz
Example AG
Frau Jeanette Muster
Beispielstrasse 1
1234 Exempelhausen
pat müller Grafik und Web, Via Atria 13, CH 7402 Bonaduz
Example AG
Frau Jeanette Muster
Beispielstrasse 1
1234 Exempelhausen
47 mm, über dem Fenster zentriert
Hintergrund
PANTONE Black 7C
Absender
PANTONE Warm Gray 9C
Amsi Pro Normal Black 9.5 Pt /
Amsi Pro Normal Regular 9.5 Pt
9 mm
Zentriert;
Breite 1/14 der gesamten Papierbreite
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 24
die kommunikationsmittel.
KOMMUNIKATIONSMITTEL
CORPORATE PAPER
Die Wahl der Geschäftspapiere trägt wesentlich dazu bei, das
Image des Unternehmens zu transportieren. Im Besonderen
die Attribute regional, nachhaltig und wertig sollen die Geschäftspapiere
vermitteln.
Beim gewählten Papier handelt es sich um eines, das sich im
besonderen Masse der Nachhaltigkeit verschrieben hat: Es erfüllt
die Normen des Forest Stewardship Council (FSC® Label)
und wurde aus rezikliertem Papier hergestellt. Trotzdem vermittelt
die helle, leicht gebrochene weisse Farbe und der matte
Strich in Kombination mit den verfügbaren Papierstärken die
gewünschte Wertigkeit, und es verfügt über eine hohe haptische
Qualität.
Fischer Papier (fischerpapier.ch): Corporate Paper
«REFUTURA Recycling» matt, hochweiss, 100 % Altpapier,
FSC, CO 2
neutral auf Anfrage
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 26
GESTALTUNGSRASTER
Die Layouts sind geprägt von einem hohen Weissraum-Anteil,
kontrastierenden Flächen und axialen Fluchten. Die Kombination
dieser drei Gestaltungselemente verleiht den Layouts
Luftigkeit und Dynamik.
Die Seite wird in vierzehn Spalten unterteilt, wobei der Steg
links und rechts je eine Spalte einnimmt. Das Monogramm wird
je nach gewünschter Dominanz gross oben rechts oder klein
SEITENSTRUKTUR
ARTIKEL
DATEIVERWALTUNG
in der Fusszeile unten links (bei linken Seiten) bzw. rechts (bei
rechten Seiten) platziert. Das grosse Monogramm umfasst
die Hälfte, das kleine Monogramm ein Viertel der Breite einer
Spalte. Auf Titelseiten kann das Monogramm grösser dargestellt
werden, beispielsweise eine ganze Spaltenbreite.
Die Höhe des oberen und unteren Stegs umfasst die Breite
einer Spalte. Der «Ü»-Punkt des kleinen Monogramms im
unteren Steg ist zur Paginierung vertikal eingemittet, weshalb
das Monogramm leicht über den Steg in den Satzspiegel ragt.
Ebenso können Bilder randabfallend platziert werden.
SEITENSTRUKTUR
ARTIKEL
DATEIVERWALTUNG
© contao.org
ZU BEGINN SEITEN ARTIKEL DATEIEN
Eine umfassende Liste von
Internet-Fachbegriffen findest
du unter folgender Adresse:
KAUDERWELSCH
patmueller.ch/fachbegriffe
Akkordeon auch Accordion: Auf-/zuklappbares
Inhaltselement.
Inhalte von der übrigen Seitengestaltung. Die
CMS trennen strikte die zu bearbeitenden
Inhalte werden in einer Datenbank abgelegt.
Backend Der Administrationsbereich deiner
Website.
Frontend Die Website, wie sie deine
Besucher sehen.
Browser Webbrowser oder allgemein auch
Browser sind Computerprogramme zur
Editor Die Arbeitsoberfläche, mit der du
Darstellung von Webseiten im World Wide Texte, Bilder und Links bearbeitest.
Web.
Lightbox Bilder werden bei Anklicken auf abgedunkeltem
Bildschirm vergrössert.
Content Management System CMS ermöglichen
es, Inhalte in einer Website direkt
über den Browser zu bearbeiten. Du benötigst
deshalb keine zusätzliche Software.
Servern beherbergt / veröffentlicht.
Provider Firma, die Internetseiten auf
5
ZU BEGINN SEITEN ARTIKEL DATEIEN
KAUDERWELSCH
Akkordeon auch Accordion: Auf-/zuklappbares
Inhaltselement.
Backend Der Administrationsbereich deiner
Website.
Browser Webbrowser oder allgemein auch
Browser sind Computerprogramme zur
Darstellung von Webseiten im World Wide
Web.
Content Management System CMS ermöglichen
es, Inhalte in einer Website direkt
über den Browser zu bearbeiten. Du benötigst
deshalb keine zusätzliche Software.
CMS trennen strikte die zu bearbeitenden
Inhalte von der übrigen Seitengestaltung. Die
Inhalte werden in einer Datenbank abgelegt.
Frontend Die Website, wie sie deine
Besucher sehen.
Editor Die Arbeitsoberfläche, mit der du
Texte, Bilder und Links bearbeitest.
Lightbox Bilder werden bei Anklicken auf abgedunkeltem
Bildschirm vergrössert.
Provider Firma, die Internetseiten auf
Servern beherbergt / veröffentlicht.
Eine umfassende Liste von
Internet-Fachbegriffen findest
du unter folgender Adresse:
patmueller.ch/fachbegriffe
5
© contao.org
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 27
Beispiel Broschüre
«Contao in Kürze» (Auszug)
SEITENSTRUKTUR
ARTIKEL
DATEIVERWALTUNG
© contao.org
ZU BEGINN SEITEN ARTIKEL DATEIEN
ZU BEGINN SEITEN ARTIKEL DATEIEN
« Arbeite klug,
nicht hart. »
Dr. Gregory House
EINLEITUNG
ALLES IM INTERNET
KAUDERWELSCH
Eine umfassende Liste von
Internet-Fachbegriffen findest
du unter folgender Adresse:
patmueller.ch/fachbegriffe
So kann man sich das Internet vorstellen. Es besteht aus unzähligen, mitei-
Akkordeon auch Accordion: Auf-/zuklapp-
CMS trennen strikte die zu bearbeitenden
nander verbundenen Computern.
bares Inhaltselement.
Inhalte von der übrigen Seitengestaltung. Die
Dein Internetauftritt ist auf einem dieser Computer, bei einem Provider
Backend Der Administrationsbereich deiner
2
zu beginn
© 2020 patmueller.ch
Texte Sebastian Baller, bbsMEDIEN Hamburg / Eisendach und Pat Müller, Bonaduz
Screenshots, Grafiken, Satz, Lektorat Pat Müller, Bonaduz
Korrektorat Romana Müller, Bonaduz
Demo-Installation von CONTAO Open Source CMS; demo.contao.org
Printed in Switzerland
Foto © Steven Stückler – stock.adobe.com
ZU BEGINN 2
SEITEN 9
ARTIKEL 16
DATEIEN 24
Datei Upload 27
Zeit ist Geld 3
Seitenstruktur 11
Artikel erstellen 18
Datei einfügen 29
Einleitung 4
Weitere Optionen 15
Element erstellen 20
Einloggen 6
Element erstellen 22
Übersicht 7
1
ZU BEGINN SEITEN ARTIKEL DATEIEN SYMBOLTRÄCHTIGE INFOS
Beachte diese Hinweise ganz
besonders; sie enthalten wichtige
Informationen.
ZEIT IST GELD
DIE FÜNFZEHN-MINUTEN-BEDIENUNGSANLEITUNG
Mit CONTAO hast du ein mächtiges und
Auf Fachbegriffe versuche ich so gut es geht
dennoch einfach zu bedienendes Werkzeug zu verzichten. Verstehst du dennoch nur
für das tägliche Publizieren deiner Webseiten-Inhalte.
Das Content Management
gen oder unter mail@patmueller.ch deinen
Bahnhof, findest du auf Seite fünf Erklärun-
System wird von unzähligen kleinen und
persönlichen Ansprechpartner. Ich freue
grossen Firmen für Internetauftritte aller Art mich, für dich da zu sein.
eingesetzt.
Viel Spass beim Arbeiten mit CONTAO !
Dieses Dokument erklärt die wichtigsten
Handgriffe fürs Einloggen, Seiten und Artikel
verwalten sowie das Integrieren von Dateien,
etwa Bildern und PDFs in Ihren Internetauftritt.
Dein Nach schlage-Büchlein für den
Alltag; bewahre es deshalb gut auf .
Pat Müller
Beispiele demonstrieren, wie
etwas funktioniert.
Gut zu wissen: Tipps zur Erleichterung
der alltäglichen Arbeit.
3
4
Logge dich hier mit deinem
Benutzernamen sowie deinem
Passwort ein.
Hast du deine Zugangsdaten
vergessen? Bei Bedarf setze
ich dein Kennwort zurück.
Achte darauf, dass niemand
ausser dir deine Zugangsdaten
erhält und speichere das
Passwort nie auf öffentlichen
Computern.
6
EINLOGGEN
gespeichert und du kannst von überall da, wo du einen Internetzugang hast,
auf deine Seite zugreifen. Sei es, um sie bloss anzuschauen oder um sie mit
einem Passwort geschützt zu bearbeiten.
Für letzteres benötigst du keine speziell auf deinem Rechner installierte
Software; ein Computer mit einem (Web-)Browser und der Möglichkeit, aufs
Internet zuzugreifen, reicht völlig.
ZU BEGINN SEITEN ARTIKEL DATEIEN
Inhalte werden in einer Datenbank abgelegt.
Website.
Frontend Die Website, wie sie deine
Besucher sehen.
Browser Webbrowser oder allgemein auch
Browser sind Computerprogramme zur
Editor Die Arbeitsoberfläche, mit der du
Darstellung von Webseiten im World Wide Texte, Bilder und Links bearbeitest.
Web.
Lightbox Bilder werden bei Anklicken auf abgedunkeltem
Bildschirm vergrössert.
Content Management System CMS ermöglichen
es, Inhalte in einer Website direkt
über den Browser zu bearbeiten. Du benötigst
deshalb keine zusätzliche Software.
Servern beherbergt / veröffentlicht.
Provider Firma, die Internetseiten auf
ZU BEGINN SEITEN ARTIKEL DATEIEN
ÜBERSICHT
1
2 3
5
1
INFORMATIONSLEISTE
Der Schnellzugriff auf dein
Profil, die Webseiten-Vorschau,
der Startseiten-Link
sowie das Logout.
2
NAVIGATIONSBEREICH
Die Hauptnavigation von
Contao. Auf die wichtigsten
Inhalte gehe ich später ein.
3
AKTIONSBEREICH
Hier im Hauptfenster legst
du Seiten an, erfasst Inhalte
erfasst und vieles mehr. Es
ändert je nach links gewähltem
Navigationspunkt sein
Aussehen.
7
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 28
STÖRER
Bei Bedarf kann ein Störer an der obereren, rechten Ecke platziert
werden. Die Abschrägung orientiert sich an den diagonalen
Linien im Monogramm.
Störer auf Website
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 29
ELEKTRONISCHE MEDIEN
BILDSCHIRMPRÄSENTATIONEN
Präsentationstitel: 120 Pt.
Seitentitel: 42 Pt.
Fliesstext: 30 Pt.
Titelfolien
Die Satzspiegel-/Stegproportionen sowie der Umgang mit dem
Weissraum orientiert sich am allgemeinen Gestaltungsraster,
siehe Seite 27.
Über alle Gliederungsebenen werden einheitliche Aufzählungszeichen
angewendet. Bilder und Grafiken sind Texten vorzuziehen,
sie können randabfallend platziert werden. Text ist sparsam
einusetzen.
Das Monogramm ist stets oben rechts zu platzieren.
corporate design
cuonz beratung.
Inhaltsfolien
BRIEFSCHAFTEN
BRIEFPAPIER DIN A4
Einseitig bedruckt
KUVERT DIN C5
Fenster rechts
VISITENKARTEN
Querformat
Doppelseitig bedruckt
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 30
INTERNET
Der schlichte Internetauftritt rückt die Arbeiten und Dienstleistungen in den
Fokus. Wo für die Führung des Besuchers sinnvoll oder wo das Benutzererlebnis
intensiviert werden kann, werden dezente Animationen implementiert
(Parallax, Transitions etc.). Hyperlinks werden grundsätzlich in Amsi Pro
Condensed Black in Umbragrau und Grossbuchstaben gesetzt, aktive Navigationspunkte,
Störer-Elemente und sonstige Akzente in Oxydgelb.
Mockup Template © Comauthor – stock.adobe.com
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 31
das atelier.
ATELIER
GRUNDMERKMALE
Die Farbpalette der Primär- und Sekundärfarben bildet die
Grundlage für ein stimmiges Gesamtbild des Ateliers von
aussen und innen und einen hohen Wohlfühl-Faktor, sowohl für
Kunden als auch für Mitarbeiter.
Die Wiedererkennung ist zudem über das Papier und den Bildschirm
hinaus gewährleistet.
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 33
der sprachstil.
SPRACHSTIL
SO KOMMUNIZIERE ICH
Die Unternehmenssprache erfolgt strukturiert, sachlich und auf
den Punkt. Sie widerspiegelt die Arbeitsweise.
Geschrieben wird in der Schweizer Schreibweise. Fremdsprachliche
Begriffe oder Anglizismen werden wo möglich vermieden.
Eine DU-Kultur mit dem Kunden wird angestrebt; sie hilft, gemeinsame
Projekte mit weniger Berührungsängsten, grösserer
Identifikation und mehr Engagement beider Seiten anzugehen.
Als Einmann-Atelier schreibe ich in der ICH-Form; die WIR-Form
wird dort verwendet, wo explizit mit Dritten gearbeitet und dies
dem Kunden gegenüber so mitgeteilt wird.
Allgemeine, an den potentiellen Kunden gerichtete Kommunikation
wie die Inhalte der Website werden daher in DU verfasst.
Sie sollen den Kunden dazu animieren, den einfachen, unkomplizierten
Sprachstil zu verwenden.
Selbstverständlich werden unbekannte Neukunden gemäss den
allgemeinen Gepflogenheiten standardmässig per SIE angesprochen
und auch die Offerten bzw. Briefe oder E-Mail-Korrespondenz
werden in der SIE-Form verfasst. Ausser man kennt
sich.
Bei der Kommunikation wird stets nach Formen gesucht, den
Kunden in den Fokus zu setzen. Mit ICH beginnende Sätze sind
nach Möglichkeit zu vermeiden und stattdessen durch Formulierungen
zu ersetzen, die die Sichtweise des Kunden einnehmen.
Im Zusammenhang mit dem eigenen Unternehmen wird ausschliesslich
der Begriff «Atelier» verwendet; weder «Agentur»,
«Studio», «Büro» noch sonstige andere Begriffe werden verwendet.
Corporate Design Guidelines Version 2.0 12. Juli 2021 | 35
© 2021