Eine Frage des Kopfes
Ben_’s neues Drupal-Theme, führt mir wieder vor Augen, dass ich hier endlich weiter am Update arbeiten sollte. Aus diesem Grund möchte ich kurz die einzige aktuelle Hürde etwas genauer beschreiben. Als ich damals die aktuelle Version veröffentlicht habe, hat sich diese in den folgenden Wochen noch deutlich bei der Kopfgestaltung verändert. Genau jenes Herumdoktern möchte ich vermeiden und somit entpuppt sich der Kopf derzeit als kleines Puzzle, dessen Lösung noch auf sich warten lässt.
Grundsätzlich möchte ich diesmal die Einzelseite als Basis sehen, soll heißen der Kopf der Startseite verliert erstmal Priorität. Erst wollte ich anders herum arbeiten, aber dies funktioniert im neuen Ansatz nicht mehr. Bisher stellen sich folgende Regeln für den neuen Kopf:
- Linksbündigkeit
- Teaserbild rücken stärker in den Fokus
- noch weniger Navigationselemente
- eine gewisse Mindesthöhe
- das Logo bleibt erhalten (es hält sich ziemlich gut)
- optisch möglichst völlig neutral…
- … trotzdem mit einem Wiedererkennungswert
Ich habe mich in die Idee verliebt, die Teaserbilder in ordentlicher Größe jeweils direkt in die obere linke Ecke des Browsers zu rücken. Das löst schon viele Probleme. Es geht der Überschrift aus dem Weg, es schafft die erforderliche Höhe, es öffnet die Seite jeweils individuell und es wirkt sehr nach einer Printgestaltung. Soweit alles toll.
Zwar keine 140 Variationen, aber mehr als eine. Sieht sehr wahrscheinlich nach einer neuen Kontrastfarbe für die Seite aus.
Nun aber bleibt alles eine Website und wir sind nun mal ziemlich darauf konditioniert “oben links” jeweils das Logo mit einem Link zu Startseite zu finden. Ein Bild wirkt dort, wenn nicht jeweils auf einer Inhaltsseite, deplaziert. Alle Versuche da irgendwie eine Ordnung zu schaffen, die auf jeder Seite funktioniert, auch wenn kein Teaserbild zu zeigen ist, sind bisher suboptimal verlaufen. Und selbst wenn dieser Punkt geklärt ist, muss alles auch auf wechselnden Hintergründen - auf den jeweils individuell gestalteten Seiten - funktionieren. Ich möchte vermeiden, dass ich wie bisher auch jeweils den Kopf stark bei einzelnen Seiten anpassen muss.
Auch auf dieser kleinen Seite gibt es schon jetzt sehr viele verschiedene Formate einzelner Seiten. Mal endlos lange Textwände. Mal nur ein Bildchen. Mal eine lange Überschrift, mal eine kurze. Keine Seite soll diesmal deplaziert wirken. Jede muss funktionieren. Bisher bin ich noch nicht am diesem Punkt und somit werden noch ein paar Wochen vergehen. Das gibt mir auch noch mehr Luft für HTML 5, insofern besteht gar kein Tempozwang.
3 Kommentare
Kuhl! Wenn das zuverlässig klappt, Dich mit Neuerungen bei mir zu neuen Blogartikeln und Weiterentwicklung bei Dir zu bewegen, weiß ich ja, was ich zu tun habe.
Jetzt um Inhalt.
Teaserbilder oben Links in die Ecke ist ein Idee, für die ich ja Stern.de liebe. Das ist in der Tat eigentlich grandios. Setzt aber auch vorraus, dass die Teaserbilder ein fixes Format haben. Klar könnte ich ja bei mir auch hart verdrahten, aaaaber: die Offenheit nach rechts gedenke ich die Tage noch anders zu nutzen, um ein Problem zu lösen, dass Blogger eher selten, Online Zeitungen aber regelmäßig haben.
Kontrastfarbe! Hell ja. Ich bin ja total feige, was das angeht. Ich will schon seit dem Ende des Paladin Themes wieder eine Kontrastfarbe haben, traue mich aber nicht, eine auszuwählen. Bzw. schlimmer noch: weiß nicht wie.
Deine Rückkehr zu schwarz und diesem satten gelb kann ich nur willkommen heißt und entsprechend gefällt mir schwarze Schrift, gelbes Logo Minuskeln gefällt mir am besten.
Und was die Hürden angeht: Ja kennich. Mein Header ist ja gerade auch nur behelfsmäßig. Was ich gerne da noch reinpacken würde ist eine “vorwärts / rückwärts” Navigation zum chronologischen Durchblättern der Artikel oder paginierten Seiten. Als Alternativen hatte ich schon überlegt, den Header als Footer zu machen und dafür am unteren Browserrand zu fixieren.
Habe die Tage schon weiter rumgedoktort. Gelb als Farbe ist sehr problematisch musste ich feststellen, da Gelb extrem sensibel bei der Darstellung ist. So ziemlich jede Darstellung findet auf nicht kalibrierten Geräten statt, die i.d.R. zu kalt und zu hell eingestellt sind. Damit geht jedes Gelb den Bach runter, was Kontrast betrifft. Habe erstmal wieder Abstand von der Idee genommen.
Auch habe ich mit Teaser-Bildern rechts was probiert. Es geht definitiv was verloren, aber man gewinnt auch was hinzu. Rechts wirkt es definitiv stabiler. Klingt komisch ist aber so. Rechtes Teaser-Bild setzt dem Kopf eine bessere Grenze.
Kleines Update. Habe mittlerweile eine Lösung, mit der ich erstmal zufrieden bin und die nun auch halbwegs im Browser funktioniert. Vielleicht schmeiße ich grad zu viele Elemente raus, aber es wirkt so und nur so richtig. Intuition.
Vorschau:
HTML ist in Kommentaren zugelassen. Erlaubt sind die HTML-Tags:
<a href>, <i>, <p>, <strong>, <em>, <ul>, <ol>, <li>, <blockquote>.
Alle themenfremden oder persönlichkeistverletzenden Beiträge werden gelöscht, also immer schön sachlich argumentieren.
schrieb: