Layoutvorschlag sjalf Website Redesign

Entwurf

Der konkrete Entwurf folgt leider erst, wenn ich wieder am eigenen PC bin (nach dem 12.01.08).

Überlegungen

• Allgemein gängige Portal-Strukturen sind: (wobei der Inhalt des Headers nicht spezifiziert ist)

 xxxxxxxxxxxxx
 xxxxHeaderxxx
 xNx xxxxxxxxx
 xax xxxxxxxxx
 xvx xContentx
 xix xxxxxxxxx

 xxxxxxxxxxxxxxxxx
 xxxxHeaderxxxxxxx
 xNx xxxxxxxxx xXx
 xax xxxxxxxxx xtx
 xvx xContentx xrx
 xix xxxxxxxxx xax

• Eine Idee wäre etwa

 xxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx
 xxxxxx AK VORRAT xxxxxxxxxxxxxxxx
 xLogox xxxxxxxxxxxxxxxxxxxxxxxxxx
 xxxxxx Teaser xxxxxxxxxxxxxxxxxxx
 ---------------------------------
 xxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx
 xNavix xxxxxxxxFließtextxxxxxxxxx
 xxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx
 xxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx
 xxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx
 xxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx
 xxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx
 xxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx
 xxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx
 ------ xxxxxxxxxxxxxxxxxxxxxxxxxx
 xML-xx xxxxxxxxxxxxxxxxxxxxxxxxxx
 xxAbox xxxxxxxxxxxxxxxxxxxxxxxxxx
        xxxxxxxxxxxxxxxxxxxxxxxxxx
      . . .
        xxxxxxxxxxxxxxxxxxxxxxxxxx
 ---------------------------------
        xKontaktxImpr.x

• Der Teaser könnte der bisherige Text neben dem Logo sein, dieses bleibt ebenfalls erhalten.

Inhalte des Layouts

• Textbereich Content
• Navigation (1x)
• Logo
• Header
• Ml-Abo
• Links zu Spenden, Kontakt, Impressum

Farbentscheidungen

• Der AK wird meist mit Grün in Verbindung gebracht. Diese Färbung kann und sollte erhalten bleiben. Grün wird allgemein assoziert mit z.B. Lebendigkeit, Natürlichkeit, auch Optimismus. Das ist durchaus passend für unsere Ziele.
• Weiß als Hintergrundfarbe vor allem von Text ist recht günstig, besser noch sind aber sehr helle Graus, da diese deutlich für die Augen angenehmere Gamma-Werte haben.
• Schwarz oder sehr dunkles Grau (s.o.) als Textfarbe ist ebenfalls standardgemäß und günstig.
• Mit diesen drei Farben/"Farben" sind die wesentlichen Seitenfarben gegeben.
• Es sollten 2 Grünvarianten genutzt werden, um das Design nicht viel zu stark einschränken zu müssen.

Text-Style-Entscheidungen

Für den Fließtext im Seiteninhalt sollten einheitliche, elegante Styles definiert werden.

• Links sind in etwas hellerem Grau als der eigentliche Text (besuchte Links noch etwas heller), und unterstrichen.
  • Aufhellen ist ein Kompromiss zwischen Kennzeichnung der Linksorten, was für die Usability äußerst nützlich ist, und Design-Aspekten.
• Tabellen sollten schattenlose, zierliche Ränder erhalten.
• Ein eigenes Aufzählungssymbol ist nicht notwendig, ein kleines Viereck scheint sinnvoll.

Inhalte der Startseite "Fließtext"

Inhalt siehe Konzeptvorschlag Inhalt.

Offene Fragen

• Größe der Schrift im Fließtext
• Grüntöne