Serviceportal-Template 2020 = SP T2020 > Benutzerhandbuch

Serviceportal-Template 2020 = SP T2020 > Benutzerhandbuch

Amicas SP Template 2020 > Farbsystem (Farbcode) in den Serviceportalen

Das Template für die Amicas Serviceportale wurde so entwickelt, dass man mit einem Wert = "Hex-Wert" die Serviceportal-Grundfarben auswechseln kann.
Die Entwicklung dazu ist beschrieben auf

http://fw.amicas.at/amicasonline_portaldesign_2020.htm

Wesentliche Infos als Bildauszug aus der Seite:

Amicas SP Template 2020 > Farbsystem (Farbcode) in den Serviceportalen > Statische Entwicklung > Verwendete Farben für Themengruppen in den Serviceportalen

Die Serviceportale im Amicas Online sind in "Themengruppen" zusammen gefasst, die meist den gleichen Farbcode haben

Amicas Online - Entwicklung:
Welche Serviceportal-Themengruppen haben welche Serviceportal-Grundfarbe?
= Kontrollsystem mit Index-Übersicht

http://fw.amicas.at/images/farbtemplates_amicas.htm

SP T2020 > Serviceportal-Grundfarbe > Farbauswahl

Aktuelle Praxisbeispiele mit den meistgenutzten Farben:

Thematisch zusammengehörige Serviceportale haben optional die selbe Serviceportal-Grundfarbe (Achtung: Farben stimmen nicht mehr, weiters gibt es meist 2 Hex-Werte)

Erfassung parallel in der statischen Entwicklungskontrolle auf: http://fw.amicas.at/images/farbtemplates_amicas.htm

SP T2020 > Serviceportal-Grundfarbe > Farbschema

Angelegt von Dominik

In den Konstanten gibt es neue Variablen für das Farbschema, eine Farbe (Farbe vom Menuebalken für die Navigation) und eine dunklere Variante (Schmale Linie unter dem Menuebalken, scheint auch auf, wenn man einen Button anklickt)

###### Farbschema ######

# Hier die Grundfarben eintragen:
farbschema_hauptfarbe = #cd241d
farbschema_dunkel = #a71714

Grundfarben - Begriffsbestimmung:
farbschema_hauptfarbe = Farbe vom Menuebalken für die Navigation am Seitenkopf, Buttondesign
farbschema_dunkel = Schmale Linie unter dem Menuebalken, scheint auch auf, wenn man einen Button anklickt + Farbe zur Linkanzeige

Die Angabe der Farben erfolgt im hexadecimalen Farbcode - für die richtige Auswahl gibt es externe Infoseiten

A) Ein internes Kontrollsystem (statische Entwicklung) sehr gut angepasst an Amicas Online Anforderungen (Farbbezeichnung, Farbtontest, Hex-Wert, RGB, CMYk) und einem Index, welche Serviceportal-Themengruppe welche Grundfarbe hat, gibt es auf:
http://fw.amicas.at/images/farbtemplates_amicas.htm 

B) Ein weiteres Kontrollsystem welches Serviceportal welche Grundfarbe aufgrund der Zugehörigkeit zu einer Themengruppe hat, gibt es hier.
 

SP T2020 > Layout > Schriftfarbe anpassen > Schriftfarbe als TS-Parameter

Es gibt auch die Möglichkeit, die Schriftfarbe zu ändern (Angelegt von Dominik)

Schriftfarbe als TS Parameter:

In die Konstanten der Root Seite eines "Portals" bei den Grundfarben:
farbschema_schrift = #000000
farbschema_schrift_headlines = #000000
farbschema_schrift_headlines_cards = #cd241d


Farben für Fließtext, Headlines und die Headlines in den Cards (Infoboxen)

Die Angabe der Farben erfolgt im hexadecimalen Farbcode - für die richtige Auswahl gibt es Infoseiten

Amicas Template 2020 > Farbcode-Auswahl > Arbeitsweise

Regel:

  • Jede Serviceportal-Themengruppe hat grundsätzlich den gleichen Farbcode
  • Wenn möglich, gibt es eine hellere und eine dunklere Version der ausgewählten Grundfarbe nach Hex-Wert

Folgende Arbeitweise hat sich bewährt:

  • Ich benötige von einer Farbe idealer Weise eine hellere und dann dazu passend eine dunklere Variante.
  • Ich überlege mir, welcher Grund-Farbton zu einer Themengruppe passt.
  • Bei der Auswahl halte ich mich wenn möglich an die Vorgaben von: 216 web sichere Farben – Hcolor
  • Ich lege für ein Serviceportal die Zugehörigkeit zu einer Themengruppe fest.
  • Ich passe im Template die Farbe an und prüfe das Ergebnis im Frontend

Amicas Template 2020 > Farbcode > Verfügbare Serviceportal-Grundfarben

Es ist grundsätzlich jede Serviceportal-Farbe möglich. Es werden aktuell, außer schwarz und weiß für Schriftfarbe oder Beschriftung, jeweils 2 Farben verwendet.

Die Angabe der Farben erfolgt im hexadecimalen Farbcode - für die richtige Auswahl gibt es externe Infoseiten

Amicas Template 2020 > Farbcode > Verfügbare Serviceportal-Schriftfarben

Sch = Schriftfarbe entweder Schwarz oder Weiß, die auf der Serviceportal-Grundfarbe besser sichtbar ist = ident mit der Farbe in den Überschrifts-Farbbalken z. B. bei Extensions, Profiltabellen, etc.
 

Schriftfarbe

 

Weiß

= passt vor allem bei relativ dunklen Farb-Hintergründen

Schwarz

= passt vor allem bei eher hellen Farb-Hintergründen

Index

 

TP

= Typo3-Portalfarbe fertig angelegt im Typo3, gestestet und funktionsfähig

Amicas Template 2020 > Farbcode > Neu hinzufügen (neue Farbe anlegen)

zurück | TOP | Druckansicht | PDF