Projekt ZUM Deutsch Lernen/Farbschema: Unterschied zwischen den Versionen

Aus ZUM Deutsch Lernen
(→‎Alternative 8: Ampelschema: 9: Ampelschema mit nur drei Farben)
Markierung: 2017-Quelltext-Bearbeitung
(→‎Alternative 8: Ampelschema: class-Definitionen müssen neu definiert werden!)
Markierung: 2017-Quelltext-Bearbeitung
Zeile 112: Zeile 112:


==== Alternative 8: Ampelschema ====
==== Alternative 8: Ampelschema ====
class-Definitionen müssen neu definiert werden!


* 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)

Version vom 7. November 2020, 18:53 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

class-Definitionen müssen neu definiert werden!

  • 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)

Alternative 9: Ampelschema (mit drei Farben)

  • Vor A -> vor-a   = ohne eigene Farbe (also: Schwarz)
  • A        -> a1a2  = #C64285 = zum-farbe-Hervorhebung2 (Rot, eher Violett)
  • B        -> b1b2  = #DD7F28 = zum-farbe-orange dunkel (dunkles Orange)
  • C        -> c1c2  = #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.