neontrauma.de » Layout & Design, Web
Hier siehst du alle Artikel mit dem Schlagwort Layout
28. Januar 2009

In den letzten Monaten zeichnet sich, wie ich finde, ein neuer Trend in Sachen Webdesign ab: “Landschafts-Layouts” (keine Ahnung, wie man das sonst nennen sollte :-) ).
Im Header befindet sich hierbei oft ein horizontaler Blick auf eine Landschaft samt Himmel, der Content befindet sich etwa im Erdreich, und im Footer gibt es dann meist noch einige nette Details zu sehen.
Die Darstellung der Landschaften kann entweder recht realistisch und plastisch ausfallen, oder auch bewusst comicartig gehalten sein.

Mir gefallen diese Layouts ziemlich gut – auch wenn man sie nun immer häufiger antrifft, stellen sie doch eine erfrischende Abwechslung dar.

An dieser Stelle möchte in einmal einige Beispiele für diesen Style vorstellen. :-)

kulturbanause.de

Screenshot kulturbanause.de

absolutebica.com

Screenshot absolutebica.com

redbrickhealth.com

Screenshot redbrickhealth.com

yeahstyledg.com

Screenshot yeahstyledg.com

revyver.com

Screenshot revyver.com

esmartsweb.com

Screenshot esmartsweb.com

thecircumference.org

Screenshot thecircumference.org

waterfalcon.com

Screenshot waterfalcon.com

greenanysite.com

Screenshot greenanysite.com

Ist euch diese Art von Layout auch schon begegnet? Gefällt sie euch?
Habt ihr vielleicht sogar selber ein solches Design umgesetzt?

10. Januar 2009

… nein, kein Sandwich *g* – aber ein neues Layout. =)
Heller diesmal, vom Aufbau her habe ich das vorhergehende Theme weiterentwickelt, sodass die Magazin-Elemente weiterhin vorhanden sind.

Es gibt viel Neues zu entdecken; vor allem haben die einzelnen Bereiche (die ihr oben durch das horizontale Menue ansteuert) jeweils eigene, unterschiedliche Sidebars mit jeder Menge Inhalt. :-)

Jetzt ist es zwanzig vor vier nachts und /me geht erst einmal eine Runde schlafen – von ein paar kleineren Fehlern weiß ich, dass ich sie morgen noch fixen muss, ansonsten dürft ihr gerne nach Herzenslust stöbern, Kritik üben, eure Begeiserung kundtun und mir eventuelle Fehlerteufelchen melden… ich kümmer mich dann morgen drum. *gähn*

*irgendwie wirres Posting*

6. Januar 2009

Ihr Lieben,

nicht dass ihr denkt, neontrauma.de würde verwaisen… im Moment arbeite ich auf Hochtouren an einem neuen Layout, was auch einige inhaltliche Neuerungen/Erweiterungen mit sich bringen wird. Daher komme ich derzeit nicht dazu, neue Artikel zu schreiben oder auf eure Anmerkungen einzugehen. *sorry*

Wenn alles klappt, dürfte die neue Version von neontrauma aber noch diese Woche online gehen.
Ihr dürft also gespannt sein… ich bin es auch. :-)

4. Dezember 2008

Ab und zu kommt es vor, dass man ein oder mehrere Wörter durchgestrichen formatieren möchte. HTML bietet dafür das strike-Tag – aber ab XHTML 1.0 Strict beschwert sich der Validator denn, dass die Verwendung von strike nicht valide sei.
So wie es auch bei b oder strong der Fall ist, stellt strike eine reine Formatierung dar, während del auch eine inhaltliche Bedeutung transportiert und daher im Rahmen des semantischen Webs zu bevorzugen ist.

Was nun?

XHTML bietet statt des strike-Tags einen Ersatz: del (delete, löschen). Das durchzustreichende Wort setzt man also zwischen <del> und </del> und fügt dem Stylesheet die entsprechende Anweisung hinzu, damit del auch in allen Browsern durchgestrichen dargestellt wird:

del {
text-decoration: line-through;
}

Das ersetzende Wort versieht man dementsprechend mit dem ins-Tag (insert, einsetzen).

9. Oktober 2008

Wie ihr unschwer erkennen könnt, hat neontrauma.de heute Vormittag endlich das lange versprochene neue Gewand erhalten. :-)

Den Tag über werde ich noch mit einigen kleineren Anpassungen beschäftigt sein, also wundert euch nicht, falls es kurzzeitig zu Darstellungsfehlerchen kommen sollte.

15. Mai 2008

So, einen Artikel gibt’s noch, ehe ich von Donnerstag bis Sonntag erst einmal ohne Internet sein werde. :-)

Mit der Umstellung von 2.3 auf 2.5 mussten sich viele WordPress-Nutzer zunächst einmal an das neugestaltete Aussehen des Adminbereichs gewöhnen. Insbesondere die farbenfrohere Variante der beiden zur Verfügung gestellten Themes war nicht jedermanns Sache. So kam die Idee auf, das Backend doch einfach selber zu stylen und an die eigenen Farbvorstellungen anzupassen.

Das Plugin Easy Admin Color Schemes erleichtert einem diese Arbeit nicht ganz unerheblich: über einen eigenen Reiter im Bereich “Einstellungen” kann man nicht nur fertige Styles importieren und auswählen, sondern auch bequem eigene Farben für das Backend erstellen.

Hierbei helfen einem vier Felder für die Hauptfarben, bei denen man die Hexwerte der einzelnen Farben bequem über einen ColorPicker aufnehmen kann. Zusätzlich dazu kann man das entsprechende Stylesheet gleich hier bearbeiten – und bekommt noch dazu eine komfortable Live-Ansicht, sodass man die Farbänderungen gleich überprüfen kann.

Die Frage, inwiefern das Stylen des Backends eigentlich überhaupt notwendig ist, steht natürlich auf einem anderen Blatt. Aber ein nettes Gimmick ist das Plugin allemal.

22. April 2008

Streifen sind trendy. Ob als Gestaltungselement innerhalb eines Layouts, ob als Hintergrund für einzelne Boxen oder ganze Webseiten, ob dezent oder kontrastreich, eng gestreift oder weit, diagonal oder gerade, … der Phantasie sind keine Grenzen gesetzt.

Wer keine Lust hat, sich seine Streifenmuster in Photoshop oder Gimp zusammenzupixeln, dem sei der Stripe Generator ans Herz gelegt: man spielt nach Belieben an verschiedenen Reglern herum und baut sich so auf einfache Weise sein ganzes persönliches Streifen-Pattern zusammen. Farbe, Ausrichtung, Größe, … so ziemlich alles, was das Webdesigner-Herz begehrt, lässt sich hier einstellen.

Fazit: das Ganze macht eindeutig Spaß!

22. April 2008

Wer wie ich Damast-Muster liebt – die ja momentan auch schwer im Trend liegen – der wird von der Inspiration Gallery begeistert sein: die Webseite bietet eine große Auswahl an Pattern mit den unterschiedlichsten Arten diesen Stils. Verschörkelte Ornamente, oft auch mit eingearbeiten Blumen, sind das Charakteristikum des Damast-Musters.

Momentan findet man es überall – beispielsweise auf Tapeten, Bettwäsche oder Taschen. Im Webbereich wird es auch gerne als Hintergrundmuster verwendet.

In der Inspiration Gallery findet ihr etwa 300 verschiedene Muster.

die Autorin
neontrauma neontrauma, 23 Jahre alt, Studentin und freiberufliche Webdesignerin, liebt Coding & Fotografie und wohnt in Leverkusen. mehr?
neontrauma im www
flickr fotocommunity deviantART twitter facebook StudiVZ lifestream.fm last.fm