http://wiki.vorratsdatenspeicherung.de/index.php?action=history&feed=atom&title=Layoutvorschlag_sjalf_Website_Redesign 2026-05-14T10:33:19Z Versionsgeschichte dieser Seite in Freiheit statt Angst! MediaWiki 1.35.14 http://wiki.vorratsdatenspeicherung.de/index.php?title=Layoutvorschlag_sjalf_Website_Redesign&diff=60646&oldid=prev 2008-08-15T16:00:46Z

<p>Kategorisiert</p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 15. August 2008, 16:00 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l81" >Zeile 81:</td> <td colspan="2" class="diff-lineno">Zeile 81:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Größe der Schrift im Fließtext</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Größe der Schrift im Fließtext</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Grüntöne</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Grüntöne</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Kategorie:Design]]</ins></div></td></tr> </table>

Drahflow http://wiki.vorratsdatenspeicherung.de/index.php?title=Layoutvorschlag_sjalf_Website_Redesign&diff=37371&oldid=prev 2008-01-28T17:42:23Z

<p></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 28. Januar 2008, 17:42 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l72" >Zeile 72:</td> <td colspan="2" class="diff-lineno">Zeile 72:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Tabellen sollten schattenlose, zierliche Ränder erhalten.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Tabellen sollten schattenlose, zierliche Ränder erhalten.</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Ein eigenes Aufzählungssymbol ist nicht notwendig, ein kleines Viereck scheint sinnvoll.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Ein eigenes Aufzählungssymbol ist nicht notwendig, ein kleines Viereck scheint sinnvoll.</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== Inhalte der Startseite &quot;Fließtext&quot; ==</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Inhalt siehe Konzeptvorschlag Inhalt.</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Offene Fragen ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Offene Fragen ==</div></td></tr> </table>

Sjalf http://wiki.vorratsdatenspeicherung.de/index.php?title=Layoutvorschlag_sjalf_Website_Redesign&diff=32184&oldid=prev 2007-12-31T15:29:41Z

<p>Konzeptblock</p> <p><b>Neue Seite</b></p><div>== Entwurf ==<br /> Der konkrete Entwurf folgt leider erst, wenn ich wieder am eigenen PC bin (nach dem 12.01.08). <br /> <br /> <br /> == Überlegungen ==<br /> * Allgemein gängige Portal-Strukturen sind: (wobei der Inhalt des Headers nicht spezifiziert ist)<br /> <br /> xxxxxxxxxxxxx<br /> xxxxHeaderxxx<br /> xNx xxxxxxxxx<br /> xax xxxxxxxxx<br /> xvx xContentx<br /> xix xxxxxxxxx<br /> <br /> xxxxxxxxxxxxxxxxx<br /> xxxxHeaderxxxxxxx<br /> xNx xxxxxxxxx xXx<br /> xax xxxxxxxxx xtx<br /> xvx xContentx xrx<br /> xix xxxxxxxxx xax<br /> <br /> * Eine Idee wäre etwa<br /> <br /> xxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx<br /> xxxxxx AK VORRAT xxxxxxxxxxxxxxxx<br /> xLogox xxxxxxxxxxxxxxxxxxxxxxxxxx<br /> xxxxxx Teaser xxxxxxxxxxxxxxxxxxx<br /> ---------------------------------<br /> xxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx<br /> xNavix xxxxxxxxFließtextxxxxxxxxx<br /> xxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx<br /> xxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx<br /> xxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx<br /> xxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx<br /> xxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx<br /> xxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx<br /> xxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx<br /> ------ xxxxxxxxxxxxxxxxxxxxxxxxxx<br /> xML-xx xxxxxxxxxxxxxxxxxxxxxxxxxx<br /> xxAbox xxxxxxxxxxxxxxxxxxxxxxxxxx<br /> xxxxxxxxxxxxxxxxxxxxxxxxxx<br /> . . .<br /> xxxxxxxxxxxxxxxxxxxxxxxxxx<br /> ---------------------------------<br /> xKontaktxImpr.x<br /> <br /> * Der Teaser könnte der bisherige Text neben dem Logo sein, dieses bleibt ebenfalls erhalten.<br /> <br /> === Inhalte des Layouts ===<br /> <br /> * Textbereich Content<br /> * Navigation (1x)<br /> * Logo<br /> * Header<br /> * Ml-Abo<br /> * Links zu Spenden, Kontakt, Impressum<br /> <br /> === Farbentscheidungen ===<br /> <br /> * 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. <br /> * 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. <br /> * Schwarz oder sehr dunkles Grau (s.o.) als Textfarbe ist ebenfalls standardgemäß und günstig.<br /> * Mit diesen drei Farben/&quot;Farben&quot; sind die wesentlichen Seitenfarben gegeben. <br /> * Es sollten 2 Grünvarianten genutzt werden, um das Design nicht viel zu stark einschränken zu müssen.<br /> <br /> === Text-Style-Entscheidungen ===<br /> <br /> Für den Fließtext im Seiteninhalt sollten einheitliche, elegante Styles definiert werden.<br /> <br /> * Links sind in etwas hellerem Grau als der eigentliche Text (besuchte Links noch etwas heller), und unterstrichen.<br /> ** Aufhellen ist ein Kompromiss zwischen Kennzeichnung der Linksorten, was für die Usability äußerst nützlich ist, und Design-Aspekten.<br /> * Tabellen sollten schattenlose, zierliche Ränder erhalten.<br /> * Ein eigenes Aufzählungssymbol ist nicht notwendig, ein kleines Viereck scheint sinnvoll.<br /> <br /> == Offene Fragen ==<br /> <br /> * Größe der Schrift im Fließtext<br /> * Grüntöne</div>

Sjalf