Mein ungewöhnlicher “Design”-Tipp
Es mag zwar etwas merkwürdig klingen, aber ich empfehle jedem, dem das designen einer Website schwer fällt, mit dem Text, dem Content zu beginnen. Meine Design-Künste sind nicht sonderlich ausgereift und wenn ich mich dann mit Stift und Papier bewaffne um ein neues Layout zu entwickeln, fällt es mir auf dem Papier noch recht leicht, schließlich gilt es dort nur das Wireframe zu zeichnen, bis hierhin haben Farben und konkrete Formen noch keine Bedeutung. Wenn ich mich dann aber dransetze und versuche dem gezeichneten Wireframe Leben einzuhauchen (meist mit Photoshop), kann sich dieser Schritt schnell zu einem frustrierenden entwickeln. Es sieht immer alles zu statisch, langweilig, schlicht aus.
Mir hilft es dabei wenn ich, bevor ich jegliche grafischen Platzhalter oder Rahmen mittels Photoshop entwerfe, erstmal die im Wireframe festgelegten Contentfelder mit Fülltext fülle. Beliebt ist hier der Lorem ipsum Fülltext, schöner sieht es aber mit richtigem Content aus, dazu einfach auf eine Website surfen und den gewünschten Content mit Copy und Paste in Photoshop einfügen, dann noch an die richtige Stelle im Wireframe verschieben und diesen Schritt für alle anderen Content-Bereiche wiederholen.
Um diesen Content herum läßt es sich für mich viel einfacher gestalten, das Design der Website wirkt somit nicht nur als Gerüst, sondern verschmilzt unmittelbar mit dem Content. Ohne Content sieht jedes Layout einfach “seltsam” aus, hier zu sehen an Technorati.com dem jeglicher Text entnommen wurde:
Warum sollte man auch eine Website ohne Inhalt designen, schließlich gehört der Content später zum Erscheinungsbild dazu, also falls ihr genau wie ich Probleme mit dem Layout einer Website habt, versucht es einfach mal damit als erstes den Content zu platzieren und danach das Design zu entwerfen.
Es ist immer gut zu wissen was man mit der Website erreichen will, wen man ansprechen möchte und welche Gründe die User haben um die Website zu besuchen. All dies und noch viel mehr kann man in sehr schönen Tutorials und Informationssammlungen auf WebdesignFromScratch.com nachlesen
Verwandte Artikel
- Wireframe
- 8 Web 2.0 Photoshop-Design-Tutorials
- Lesenswert – 960 grid Photoshop Layout & Designing for Sign Up
- Der leidige Part einer Website – das Design
- Mein Blog ist häßlich
9 Kommentare
Tut mir leid, die Kommentarfunktion für diesen Beitrag ist geschlossen.
Kleiner Hinweis: der Link auf WebdesignFromScratch.com funktioniert oben nicht.
danke für den hinweis!
Mit dem designen geht es mir ähnlich. Ich habe jetzt auch angefangen stärker auf ‘form follows function’ zu achten und damit stellen sich viele fragen, über die man beim designen nachdenken könnte garnicht mehr. – praktisch ;)
P.S.
webdesignformstracht ist auch eine meiner liebsten Seiten. :D
“Es mag zwar etwas merkwürdig klingen, aber ich empfehle jedem, dem das designen einer Website schwer fällt, mit dem Text, dem Content zu beginnen.”
Jaja…, Webdesign… *g*.
Erlich gesagt bin ich kein Designer, was mir aber “merkwürdig” auffällt ist, je designer, je rechts die Navigation. Merkwürdig, isnt it?
mfg
Till
Hi Webfan,
kann gut sein das viele Designer die Navi rechts haben, spontan fällt mir da zum Beispiel Pixelgraphix.de ein, allerdings könnte es sich dabei um eine Erscheinung von Blog handeln. Im Prinzip sollte links oben (bzw links) immer das wichtigere Element stehen, in Blogs ist das halt der Content, weil die Navi nutzten erstmal nur die Wenigsten.
Der Trend geht zum Ein-Spalten-Design :-)
*g ja ich sehs bei dir ;) für mein projekt werd ich aber ein 2-spalten-design vorziehen.
Ich hätte es ja gerne ‘magaziniger’ auf der Homepage, aber dafür reichen meine bescheidenen Kenntnisse nicht aus.
Dieses einspaltige Design ist natürlich sehr ‘buchig’, aber extrem stabil und erlaubt eine ungeteilte Aufmerksamkeit beim klassischen von oben nach unten Lesen.
Bei Dir hier ist es z.B. so, das mich die AdSense Anzeigen und die rechte sidebar extrem vom Artikel ablenken, trotz aller Klarheit.
Und damit sind wir wieder beim Kern – Designe vom beabsichtigten realen Kontext aus.
Also ich glaub ein-spaltige Design haben sicherlich ihre Vorteile, würde ich aber nur in wenigen Fällen einsetzen und zwar da wo es passt. Im Webdesignblog habe ich soviele Elemente die ich unterbringen muss, da muss min. ein zwei-spalten-Design her.
Im Endeffekt bin ich aber immer froh wenn das Design steht, ob 1- oder 2-spalten layout ;)