Kern
Farbprinzipien
Wenn du ein neues Layout entwirfst, hast du die Wahl zwischen der Verwendung eines dunklen oder eines hellen Hintergrunds. Ein heller Hintergrund sieht sauber, offen und einladend aus. Ein dunkler Hintergrund erinnert an Technik, Eleganz und Kraft. Wähle den Hintergrund, der für dein Projekt, deine Botschaft und deine Zielgruppe am besten geeignet ist.
Egal, wofür du dich entscheidest, verwende die Farbverläufe in diesem Abschnitt, um das Layout aufzubrechen, bestimmte Informationen hervorzuheben, das Auge zu lenken oder einen Punkt zu betonen.
Verwende die Farben nicht zu oft, da sie sonst ihre Frische verlieren.
Springe nicht wild von einer Farbe zur nächsten. Strukturiere dein Design in Themen oder Kapitel, und weise jedem Kapitel eine eigene Farbe zu. Bleib innerhalb eines Kapitels bei dieser Farbe - das sorgt für Konsistenz und verhindert, dass die Seiten unübersichtlich werden.
Du kannst die Farben für Hintergründe, Untertitel, Icons oder jedes andere Element verwenden, bei dem ein Hauch von Farbe angebracht ist.
Um das Design sauber und kohärentzu halten, vermische nie verschiedene Farben auf einer einzelnen Seite.
Primärfarben
Die Primärfarben sind rein funktional: Schwarz und Weiss sind einfach und sorgen für den grösstmöglichen Kontrast und die beste Lesbarkeit.
Neben reinem Weiss kannst du auch helle Grautöne (230/230/230 und heller) verwenden, wo es sinnvoll ist.
CMYK (Standard)
0/0/0/100
CMYK (Reiches Schwarz)
60/40/40/100
RGB
0/0/0
Hex
#000000
CMYK
0/0/0/0
RGB
255/255/255
Hex
#ffffff
Für Hintergründe und grosse Flächen kannst du einen linearen Farbverlauf verwenden, entweder hell oder dunklen.
Siehe Kapitel Gestaltungselemente für weitere Informationen.
CMYK
0/0/0/90 > 0/0/0/100
RGB
60/60/60 > 0/0/0
Hex
#3c3c3c > #000
CMYK
0/0/0/15 > 0/0/0/0
RGB
230/230/230> 255/255/255
Hex
#e6e6e6 > #fff
Hauptfarbe
Dies ist die Hauptfarbe des Smart Chips: Kupfer. Sie ist inspiriert von den sichtbaren Kupferspulen im Smart Chip.
Wenn du dein Design nach Themen strukturierst, sollte Kupfer das wichtigste Thema darstellen. Es ist auch die Standardfarbe, wenn keine andere Farbe verwendet wird.
Wenn möglich, stelle die Farbe als linearen Farbverlauf dar. Wenn ein Farbverlauf nicht möglich ist, verwende #b77231 von der Mitte des Verlaufs aus.
CMYK
7/50/81/0 > 32/60/88/35
RGB
230/143/62 > 135/85/37
Hex
#e68f3e > #875525
Sekundärfarben
Dies sind die zusätzlichen Farben.
Achte bei der Farbwahl auf die Stimmung oder den Ton, der zum Thema passt. Jeder Farbverlauf vermittelt ein anderes Gefühl. Der violette Farbverlauf zum Beispiel vermittelt ein Gefühl von Ruhe und ist daher ideal für entspannte oder introspektive Themen. Der blaue Farbverlauf hingegen ist lebhaft und energiegeladen und eignet sich perfekt für dynamische oder handlungsorientierte Inhalte. Denke über die Botschaft nach, die du vermitteln willst, und wähle die Farbe, die diese Aussage am besten unterstützt.
CMYK
45/54/0/0 > 89/84/0/0
RGB
158/129/195 > 66/57/157
Hex
#9e81c3 > #42399d
CMYK
90/69/0/0 > 79/24/6/2
RGB
0/76/213 > 3/148/188
Hex
#004cd5 > #0393bc
CMYK
5/54/34/0 > 0/85/69/0
RGB
234/144/145 > 237/67/67
Hex
#ea9091 > #ed4343
CMYK
62/0/92/0 > 86/29/88/16
RGB
113/181/65 > 25/118/66
Hex
#71b541 > #197642
CMYK
65/0/0/0 > 70/54/0/0
RGB
35/200/254 > 100/124/255
Hex
#23c8fe > #647cff
CMYK
0/46/78/0 > 0/86/70/0
RGB
255/160/65 > 252/58/60
Hex
#ffa041 > #fc3a3c
Wenn keiner der Farbverläufe zu dem passt, was du machen willst, darfst du deinen eigenen erstellen.
Es gibt ein paar Regeln:
- Erstelle nur dann einen neuen Farbverlauf, wenn es nötig ist. Wenn ein bestehender funktioniert, bleib dabei.
- Halte ihn Ton in Ton. Gehe nicht von Rot zu Blau, sondern von Hellrot zu Mittelrot.
- Halte die Werte im Einklang mit den vorhandenen Farbverläufen. Sie dürfen nicht zu gesättigt, zu gedämpft oder zu dunkel sein.
- Wenn du dir unsicher bist, bitte um Rat.
Mit dem
Steigungen
Die Richtung der Farbverläufe ist nicht in Stein gemeisselt. Du kannst sie bei jedem neuen Design frei ändern. So bleiben die Designs lebendig und frisch.
von links nach rechts
von unten links nach oben rechts
von unten rechts nach oben links
Du musst nicht den gesamten Bereich des Farbverlaufs von Anfang bis Ende ausnutzen. Du kannst auch auf einen Teil davon "heranzoomen".
Achte aber darauf, dass er noch als Farbverlauf zu erkennen ist. Nimm nicht einen Teil, der so klein ist, dass er wie eine einzige Farbe aussieht.
Mehr über die Verwendung von Farbverläufen und Farben erfährst du in dem Abschnitt über Gestaltungselemente.
