Templaterie Blog

Ich hatte mit vorgenommen ein Layout mit viel Gelb zu machen und Gelb ist auch enthalten, aber ich werde wohl noch einen Website-Entwurf mit mehr Gelb machen müssen, um die Definition viel Gelb zu treffen. Der Entwurf ist schön kitschig. Da ich aktuell “Blindtexte” von der Wikipaedia ziehe, war ich auf dem Weg zur Seite über den Roten Platz, als ich auf der Startseite die Plastikflamingos verlinkt fand. Das war nicht nur der Text, es gibt dem Layout auch den letzten Schliff. Es geht schließlich hier um Kitsch.

Filed under: Design
No Comments

Zu dem Entwurf gibt es nicht viel zu sagen. Er ist einfach, schlicht und elegant. Die Schrift ist grau gehalten, damit diese nicht überstrahlt. Einziges kleines Gimick ist der aktive Link, der durch eine stilisierte Blüte gekennzeichnet ist und der Hover-Effekt mit einer Knospe. Das Design wirkt durch die freigestellte Blüte vor einem nachtblauen Hintergrund. Ich würde auf die Kontaktdaten und Logo verzichten und diese auf einer separaten Seite präsentieren oder aber am Ende des Textes in einem eigenen dezenten Kasten von einer grauen feinen Linien umrandet, zurückhaltend in grauer Schrift, wie der Rest der Seite. Das Design lebt von seiner spartanischen Ausstattung. Dies sollte man bei der Ausgestaltung immer im Auge behalten.

Filed under: Design
No Comments

Zuviel Individualismus macht einfach nur Arbeit … ich glaube das ist der Unterschied von Magic_Quotes on oder off … warum zum Henker muss das individuell einstellbar sein? Muss man mich so stressen. nun kann ich im Programmcode suchen, wo das überall sich auswirkt … grrrrh

Filed under: Programmierung
2 Comments

Dieser Entwurf hat eine feste Größe. Der Text skrollt im DIV, wenn der Text den Rahmen sprengt. Je größer die Auflöung desto größer der Rahmen drum herum. Diese Seiten sind in der Minderheit in meinem Repertoir. Ich tendiere dazu den Inhalten mehr Raum zu geben und bis ich diesen Entwurf hatte, hätte ich lange Zeit am liebsten schreiend der Raum verlassen, so scheußlich waren die Zwischenstände. Und dann nahm ich in der Tat den einen oder anderen Rahmen zurück. Z.B. den Rahmen um die einzelnen Schaltflächen. Die Seite hat keinen Raum für eine zweite Ebene, allerdings heißt das nicht, dass man nicht für die zweite Ebene Raum schaffen kann. Je nachdem (more…)

Filed under: Design
No Comments

In der Verkleinerung wird das Muster verfälscht und der Eindruck dieser kleiner Vorschau ist ein anderer. Andererseits ist es ein Einwurf mit wenigen Elementen. Der Entwurf wird u.A. davon leben, wie sich die Site beim Skrollen oder beim Mousover verhält. Ich habe eine paar Ideen, wie z.B. den Text unter dem Headr wegskrollen zu lassen, doch hier ist noch so gut wie nichts entschieden. Dieser Teil erfolgt immer auch beim Skripten, selbst dann wenn ich bereits feste Vorstellungen habe, wenn die Photoshop-Skizze entsteht.

Auch dieses Template lädt zu einige Farbvarianten ein. Allerdings ohne eine Invertieung. Ich denke nicht, dass dieses Design auch in hellen Farben wirkt. (more…)

Filed under: Design
No Comments

Google kann Wörter mit dem bedingten Bindestrich (­) indizieren. Das Wort “Weid­Â­am­Â­mer­Â­gras­Â­kopf­Â­meise” existiert nur mit bedingten Bindestrichen und nur an einer Stelle. Im alten Beitrag zum bedingten Bindestrich und mittlerweile auch im Google-SERP bei einerm Ergebnis von 170 Treffern an erster Stelle, was das Ergebnis der Mini-Studie ändert.. Damit steht dem Blocksatz im Internet nun deutlich weniger entgegen. Es fehlt im Grunde nur noch ein Plugin, das beim Abspeichern in die Beiträge bei längeren Wörtern gemäß der deutschen Rechtschreibung bedingte Bindestriche nachträgt. Das ist gut zu hören, auch wenn der Blocksatz und der bedingte Bindestrich noch reichlich Arbeit macht, es ist ein Anfang.

Filed under: Webtechniken
3 Comments

Ich mag die Farben. Ich mag die Formen. Ich kann mir nicht vorstellen, dass dieser Entwurf eine reale Chance am Markt hätte. Es entstand im Spiel mit Photoshop und einer absoluten Ideenlosigkeit. Ich habe mir vorgenommen im Januar jeden Tag einen Entwurf zu posten. Das ist nicht schwer, da ich mit Photoshop recht schnell Ideen skizieren kann. Dieser Entwurf entstand ähnlich wie TC-0020 ohne echten Plan und im Spiel mit den Filtern. In beiden Entwürfen ist der Filter Polarize für die Form verantwortlich.

Ich kann mir ein solches Template im künstlerischen oder kunsthandwerklichen Umfeld vorstellen. Als der Entwurf Anfang Januar entstand, stellte in der wikipaedia jemand gerade die Tomatillo vor. So bekam der Entwurf einen Hypothetischen Unternehmensbereich verpasst, der eine Gärtnerei mit Theaterbühne bietet. Dieser Entwurf hat nicht wie üblich eine Nummer zugewiesen bekommen. Ich werde es in den Ordner Kiste packen, es sei denn hier entsteht eine ernstzunehmende Resonanz.

Filed under: Design
No Comments

Jedes Projekt lässt sich in Routinen und Abstrakte untergliedern. Diese Untergliederung kann man als Templates bezeichnen. Templates helfen das Projekt im festgesetzten Rahmen zu halten und sich der Ziele und Attribute des Projektes genauer im klaren zu sein. Viele Fragestellungen werden so nicht übersehen und man kann ihnen die angemessene Aufmerksamkeit widmen.

Einen Artikel zu Webprojekt-Templates für Einsteiger wurde im Webhandbuch der templaterie veröffentlicht:

Wozu ist ein Website-Template gut?

Filed under: Projektplanung, Webtechniken
No Comments

Der Entwurf lebt in erster Linie von dem phantastischen Bild, das die Userin Kathe in Photocase eingestellt hat. Sie titelte: “Aschenbrödel.” Doch damit aus dem Bild eine funktionierende Website wird, die sich zumindest in Teilen dem Fenter anpasst, musste das Bild bearbetet werden. Die Site ist ein Panorama, das oben und unten einfarbig einen Streifen freigibt. Schuh und das schlappe etwas im Hintergrund schmiegen sich links und rechts an den jeweiligen Viewportrahmen. Auch von diesem Entwurf ist der Entwurf verloren gegangen. Doch es ist einer der Entwürfe, die in ihrer Schlichtheit bestechen und zu meinen Favoriten zählen. ich freue mich auf die Umsetzung. Der Entwurf ist ca. 1 Jahr alt.

Filed under: Design
4 Comments

Bei der Durchsicht habe ich zwei Ordner entdeckt, die ohne Photoshop oder JPG-Preview sind, das macht es etwas schwierig. Das heißt nicht ganz, denn beim zweiten erinnere ich mich noch an die Idee, nicht so bei der Südsee-Insel. Ich habe einige Hintergrunde für den Body, welche ein dreispaltiges Design vermuten lassen. Aber da ich keine Ahnung habe, ob diese “BG-Bodies” in einem oder für Rubriken gedacht waren, habe ich für diesen Beitrag einen weiteren Hintergrund hinzugenommen. Ich werde ausnahmsweise, wenn es zur Umsetzung kommen sollte, hier nicht nur von einem ziemlich fertigen Photoshop-Entwurf ausgehen, sondern auch in HTML mit den Grafikexporten arbeiten. Es wird jedenfalls spannend werden. Dass also in dieser kleinen Preview das eine oder andrere nicht sauber mittig gesetzt ist, liegt am Verlust der Idee … ich habe nur grob drei der vorgefundenen Grafiken verwendet.

Filed under: Design
No Comments