Projekt ZUM Deutsch Lernen/Farbschema: Unterschied zwischen den Versionen
Markierung: 2017-Quelltext-Bearbeitung |
Markierung: 2017-Quelltext-Bearbeitung |
||
| Zeile 114: | Zeile 114: | ||
* Vor A -> vor-a = <span class="zum-farbe-komplementär dunkler">#331878 = zum-farbe-komplementär dunkler</span> (dunkleres Lila) | * Vor A -> vor-a = <span class="zum-farbe-komplementär dunkler">#331878 = zum-farbe-komplementär dunkler</span> (dunkleres Lila) | ||
* A -> a1a2 = <span class="zum-farbe-Hervorhebung2">#C64285 = zum-farbe-Hervorhebung2</span> (Rot, eher Violett) | * A -> a1a2 = <span class="zum-farbe-Hervorhebung2">#C64285 = zum-farbe-Hervorhebung2</span> (Rot, eher Violett) | ||
* B -> b1b2 = <span class="zum-farbe-orange dunkel">#DD7F28 = zum-farbe-orange dunkel</span> (dunkles Orange) | * B -> b1b2 = <span class="zum-farbe-orange dunkel">#DD7F28 = zum-farbe-orange dunkel</span> (dunkles Orange) | ||
* C -> c1 = <span class="zum-farbe-Üben">#338894 = zum-farbe-Üben</span> (Dunkelgrün) | * C -> c1 = <span class="zum-farbe-Üben">#338894 = zum-farbe-Üben</span> (Dunkelgrün) | ||
== Weitere Programmierungen nötig? == | == Weitere Programmierungen nötig? == | ||
Version vom 20. Oktober 2020, 14:29 Uhr
Siehe auch:
Orientierung an vorhandenen Farben in ZUM Deutsch Lernen?
Ist es ein sinnvoller Weg, sich bei der Wahl der Farben für die unterschiedlichen Sprachniveau-Stufen an dem Farbschema orientierst, das in ZUM Deutsch Lernen bereits vorhanden ist:
Dieses Farbschema haben aus einem anderen ZUM-Projekt, aus ZUM-Unterrichten übernommen.
Natürlich können die Icons und das Logo für ZUM Deutsch Lernen grundsätzlich auch andere Farben haben. Aber vielleicht wäre es im Sinne von Farbharmonie doch günstig, das vorliegende Farbschema (s.o.) als Grundlage zu nehmen.
Es wäre toll, wenn wir uns schon bald auf unsere Farbschema für die unterschiedlichen Sprachniveaus einigen könnten.
4 Sprachniveaus
Zu den drei schon bekannten Niveaus A, B und C kommt jetzt seit Neuestem noch ein Niveau „Vor A“ hinzu.
Die hierfür verwendeten 4 Farben bzw. Farbtöne sollten sich deutlich voneinander unterscheiden und sie sollten unterschiedlich hell bzw. dunkel sein, damit man sie auch unterscheiden kann, wenn man Seiten aus ZUM Deutsch Lernen in Schwarz-Weiß ausdruckt.
Unsere Grundidee für die Farbtöne der Sprachniveaus lautet:
1. Niveau Vor A: sehr hell - in Farbe A oder einer ähnlichen Farbe)
2. Niveau A: hell - in Farbe A
3. Niveau B: mittel - Farbe B
4. Niveau C: dunkel - in Farbe C
Die Farben A, B und C sollen sich deutlich unterscheiden, aber zugleich gut zueinander passen.
Wir benötigen Vorschläge, welche Farben für die Sprachniveaus Vor A, A, B und C passen können.
Es wäre toll, wenn die Vorschläge hierfür bis Mitte Juli 2020 vorliegen.
Vorschlag
Vorschlag von Ralf und Karl (01.07.2020):
Vor A: Gelb (2b)
A: Rot (2c)
B: Blau (1c)
C: Grün (1d)
Konkreter Vorschlag
Konkreter Vorschlag von Karl (02.09.2020):
- Vor A -> vor-a = #F1D850 = zum-farbe-Frage (helles Gelb)
- A -> a1a2 = #C64285 = zum-farbe-Hervorhebung2 (Rot, eher Violett)
- B -> b1b2 = #338894 = zum-farbe-Üben (dunkles Grün)
- C -> c1 = #A8DF4A = zum-farbe-Unterrichtsidee (sehr helles Grün)
Du siehst die Farben auf der Seite https://deutsch-lernen.zum.de/wiki/Hilfe:Farbe unter „Farben mit Bedeutung“ in der rechten Spalte.
Alternative 1
Mögliche Alternative 1 (Entwurf von Karl, 03.09.2020):
- Vor A -> vor-a = #F1D850 = zum-farbe-Frage (helles Gelb)
- A -> a1a2 = #C64285 = zum-farbe-Hervorhebung2 (Rot, eher Violett)
- B -> b1b2 = #5E43A5 = zum-farbe-Arbeitsmethode (dunkles Lila; quasi "Blau")
- C -> c1 = #A8DF4A = zum-farbe-Unterrichtsidee (sehr helles Grün)
Alternative 2: Gelb dunkel und Grün dunkel
Mögliche Alternative 2 (Entwurf von Karl, 03.09.2020):
- Vor A -> vor-a = #DEC229 = zum-farbe-primär dunkel (Gelb)
- A -> a1a2 = #C64285 = zum-farbe-Hervorhebung2 (Rot, eher Violett)
- B -> b1b2 = #5E43A5 = zum-farbe-Arbeitsmethode (dunkles Lila; quasi "Blau")
- C -> c1 = #8FCD25 = zum-farbe-grün dunkel (Grün)
Alternative 3 neu: Gelb dunkel und Grün dunkler
Mögliche Alternative 3 neu (zuvor: 4) = Kompromiss aus Alternativen 2 und 4 neu mit "Gelb" und "dunkles Grün" (Entwurf von Karl, 03.09.2020):
- Vor A -> vor-a = #DEC229 = zum-farbe-primär dunkel (Gelb)
- A -> a1a2 = #C64285 = zum-farbe-Hervorhebung2 (Rot, eher Violett)
- B -> b1b2 = #5E43A5 = zum-farbe-Arbeitsmethode (dunkles Lila; quasi "Blau")
- C -> c1 = #6CA111 = zum-farbe-grün dunkler (dunkles Grün)
Alternative 4 neu: Gelb dunkler und Grün dunkler
Mögliche Alternative 4 neu (zuvor: 3) (Entwurf von Karl, 03.09.2020):
- Vor A -> vor-a = #AF9612 = zum-farbe-primär dunkler (dunkles Gelb)
- A -> a1a2 = #C64285 = zum-farbe-Hervorhebung2 (Rot, eher Violett)
- B -> b1b2 = #5E43A5 = zum-farbe-Arbeitsmethode (dunkles Lila; quasi "Blau")
- C -> c1 = #6CA111 = zum-farbe-grün dunkler (dunkles Grün)
Alternative 5 neu: mit Orange und Dunkelgrün
Mögliche Alternative 4 neu (zuvor: 3) (Entwurf von Karl, 03.09.2020):
- Vor A -> vor-a = #AF9612 = zum-farbe-primär dunkler (dunkles Gelb)
- A -> a1a2 = #C64285 = zum-farbe-Hervorhebung2 (Rot, eher Violett)
- B -> b1b2 = #5E43A5 = zum-farbe-Arbeitsmethode (dunkles Lila; quasi "Blau")
- C -> c1 = #338894 = zum-farbe-Üben (Dunkelgrün)
Alternative 6: mit Orange und ohne Grün
Mögliche Alternative 6 (war 5) (Entwurf von Karl, 03.09.2020):
- Vor A -> vor-a = #AF9612 = zum-farbe-primär dunkler (dunkles Gelb)
- A -> a1a2 = #DD7F28 = zum-farbe-orange dunkel (dunkles Orange)
- B -> b1b2 = #C64285 = zum-farbe-Hervorhebung2 (Rot, eher Violett)
- C -> c1 = #331878 = zum-farbe-komplementär dunkler (dunkleres Lila)
Alternative 7: mit Orange und mit Grün
= gültiges Farbschema Mitte 2020
- Vor A -> vor-a = #6CA111 = zum-farbe-grün dunkler (dunkleres Grün)
- A -> a1a2 = #DD7F28 = zum-farbe-orange dunkel (dunkles Orange)
- B -> b1b2 = #C64285 = zum-farbe-Hervorhebung2 (Rot, eher Violett)
- C -> c1 = #331878 = zum-farbe-komplementär dunkler (dunkleres Lila)
Alternative 8: Ampelschema
- Vor A -> vor-a = #331878 = zum-farbe-komplementär dunkler (dunkleres Lila)
- A -> a1a2 = #C64285 = zum-farbe-Hervorhebung2 (Rot, eher Violett)
- B -> b1b2 = #DD7F28 = zum-farbe-orange dunkel (dunkles Orange)
- C -> c1 = #338894 = zum-farbe-Üben (Dunkelgrün)
Weitere Programmierungen nötig?
Fragen von Karl (17.09.2020) und Antworten von Ralf (18.09.2020
Aktuelle Farben ok?
Die farbliche Gestaltung finde ich es aktuell ausreichend. (Ralf)
Auf welchen Seiten sollten diese Farben wie verwendet werden?
- Handlungsfelder
- Interaktive Übungen - Überschriften (Geht das?)
Feld für vorangestelltes Symbol?
Farblich ausdrucksstarke Überschriften bei den Handlungsfeldern finde ich gut. Aber das Feld für ein Symbol davor kann aus meiner Sicht entfallen, denn wir bekommen ja dir Icons von Katarina in verschiedenen Farben gliedert. (K)
Stimme ich zu (R)
Weitere Ideen
- Sollten die von Katarina erstellten Icons auch noch wie die Brain Icons verwendbar sein (also z.B. als Grafik vor einem Link)? (K)
- Brauchen wir noch weitere Festlegungen oder Möglichkeiten zur Kennzeichnung von Seiten, Links, Grafiken, Text …, die uns U. bereitstellen sollte? (K)
Aufwand - Nutzen? Wäre mir zu kompliziert. (R)
(Fast) Keine weiteren Programmierungen nötig
Wenn ich (K) unseren letzten Gedankenaustausch richtig zusammenfasse, so lautet des aktuelle Stand (22.09.2020):
1. Wir erteilen keinen weiteren neuen Auftrag zum Bereich „Farbschema“.
-> … es sei denn, dass sich das eventuell in einen anderen Auftrag in einen Unterpunkt einbinden ließe ...?
2. Statt der für uns erstellen class-Definitionen mit einem vorangestellten Symbol vor einer farbigen Überschrift benötigen wir nur die farbige Überschrift.
-> Ich werde U. bitten, diese Idee umzusetzen.
Dann könnte diese Class-Definition gleichermaßen für Handlungsfelder, Interaktive Übungen und bei Bedarf auch andere Bereiche genutzt werden.
