Das 960px Gestaltungsraster http://www.pixelgraphix.de/weblog/artikel/das-960px-gestaltungsraster/ en-us info@pixelgraphix.de Copyright 2010 2008-04-22T;14:07:57+01:00 Comment by Every_b http://www.mutrun.com Ich denke mal für jemanden für mich, der beinahe noch keinerlei Erfahrungen mit DIV hat, ist sowas zum Einstieg geeignet. Um das Verständnis zu übermitteln.. wüsste sonst keine “Lehrmittel”.

]]> Ich denke mal für jemanden für mich, der beinahe noch keinerlei Erfahrungen mit DIV hat, ist sowas zum Einstieg geeignet. Um das Verständnis zu übermitteln.. wüsste sonst keine “Lehrmittel”.

]]> 2008-04-22T14:07:57+01:00 Copyright 2010 2008-04-02T;22:34:48+01:00 Comment by Ralph http://www.webpixelkonsum.de @Andrej: Darf ich Dich fragen, wie Deine Kenntnisse vor der Verwendung von Blueprint usw. war? Was war so schwierig bei der Verwendung von diesen Grids?

Ich selbst habe keine Erfahrung damit. Aus diesem Grund würde ich gern mehr über Deine Erfahrung wissen wollen ;)

Ralph

]]> @Andrej: Darf ich Dich fragen, wie Deine Kenntnisse vor der Verwendung von Blueprint usw. war? Was war so schwierig bei der Verwendung von diesen Grids?

Ich selbst habe keine Erfahrung damit. Aus diesem Grund würde ich gern mehr über Deine Erfahrung wissen wollen ;)

Ralph

]]> 2008-04-02T22:34:48+01:00 Copyright 2010 2008-04-02T;22:31:44+01:00 Comment by Ralph http://www.webpixelkonsum.de Grid-Design war ist die ganze Zeit aktuell, aber das Problem ist ganz einfach: Das Netz entwickelt sich rasant vorwärts und diese Entwicklungen ziehen dann wieder von anderen Themengebieten die Aufmerksamkeit weg….

]]> Grid-Design war ist die ganze Zeit aktuell, aber das Problem ist ganz einfach: Das Netz entwickelt sich rasant vorwärts und diese Entwicklungen ziehen dann wieder von anderen Themengebieten die Aufmerksamkeit weg….

]]> 2008-04-02T22:31:44+01:00 Copyright 2010 2008-04-01T;10:15:25+01:00 Comment by s-z http://www.stb-zentrum.de naja die vorgefertigten grids sind schon ne sache, bin auch ziemlich verwundert, dass das ganze jetzt wieder so stark im kommen sind.

muss mich wohl auch mal wieder stärker damit befassen.

]]> naja die vorgefertigten grids sind schon ne sache, bin auch ziemlich verwundert, dass das ganze jetzt wieder so stark im kommen sind.

muss mich wohl auch mal wieder stärker damit befassen.

]]> 2008-04-01T10:15:25+01:00 Copyright 2010 2008-03-31T;13:44:42+01:00 Comment by ralphs http://ralph-segert.de Selber schreiben, immer wieder selber schreiben, bringt die meiste Erfahrung und damit relative Unabhängigkeit von Drittlösungen. ;-)

]]> Selber schreiben, immer wieder selber schreiben, bringt die meiste Erfahrung und damit relative Unabhängigkeit von Drittlösungen. ;-)

]]> 2008-03-31T13:44:42+01:00 Copyright 2010 2008-03-29T;16:41:39+01:00 Comment by Andrej http://design.speak-friend.com Ich habe sowohl Erfahrungen mit Blueprint und YUI Grids gesammelt und muss zusammenfassend sagen, dass die gefühlte Zeit in Verstehen, Nachbearbeitung und Korrekturen/Anpassungen grösser ist als die gesparte Zeit, die man benötigen würde, ähnliche Ergebnisse selbst zu coden.

Einen wesentlichen Vorteil sehe ich jedoch in der Verwendung als Prototype und als schnelle Mock-Up Hilfe. Auch 960 scheint primär in diese Richtung zu gehen.

Ich weiß auch nicht mehr, wo ich es gelesen habe, aber einige Leute vom Fach raten definitiv davon ab mit solchen Frameworks live zu gehen…

]]> Ich habe sowohl Erfahrungen mit Blueprint und YUI Grids gesammelt und muss zusammenfassend sagen, dass die gefühlte Zeit in Verstehen, Nachbearbeitung und Korrekturen/Anpassungen grösser ist als die gesparte Zeit, die man benötigen würde, ähnliche Ergebnisse selbst zu coden.

Einen wesentlichen Vorteil sehe ich jedoch in der Verwendung als Prototype und als schnelle Mock-Up Hilfe. Auch 960 scheint primär in diese Richtung zu gehen.

Ich weiß auch nicht mehr, wo ich es gelesen habe, aber einige Leute vom Fach raten definitiv davon ab mit solchen Frameworks live zu gehen…

]]> 2008-03-29T16:41:39+01:00 Copyright 2010 2008-03-28T;23:16:23+01:00 Comment by Ralph http://www.webpixelkonsum.de In den Kommentaren prallen zwei Welten aufeinander – die eine Seite nutzt solche Grid-Vorlagen und die andere Seite schreibt alles selbst ;)

Welche der beiden Seiten ist die bessere? Keine, da es eine individuelle Entscheidung ist. Als Gedankenstütze finde ich es aber hilfreich und so betrachte ich vieles ;)

Ralph

]]> In den Kommentaren prallen zwei Welten aufeinander – die eine Seite nutzt solche Grid-Vorlagen und die andere Seite schreibt alles selbst ;)

Welche der beiden Seiten ist die bessere? Keine, da es eine individuelle Entscheidung ist. Als Gedankenstütze finde ich es aber hilfreich und so betrachte ich vieles ;)

Ralph

]]> 2008-03-28T23:16:23+01:00 Copyright 2010 2008-03-28T;11:07:21+01:00 Comment by Tanja http://www.businessplan-24.de/ Ich finde die Idee sehr gut, weil Templates einem die Arbeit stark vereinfachen. Man muß sich nicht immer ein Grundgerüst programmieren sondern kann sich ein schon fertiges Grundprogramm an seine Wünsche anpassen.

Tanja

]]> Ich finde die Idee sehr gut, weil Templates einem die Arbeit stark vereinfachen. Man muß sich nicht immer ein Grundgerüst programmieren sondern kann sich ein schon fertiges Grundprogramm an seine Wünsche anpassen.

Tanja

]]> 2008-03-28T11:07:21+01:00 Copyright 2010 2008-03-27T;18:34:12+01:00 Comment by Tom twomaze@gmail.com Vielleicht könnt ihr einen interessierten Laien aufklären. Bedeutet Grid dass sich die Größe der DIVs nie ändert? Muss man einem CMS immer sagen das nur eine genau Anzahl an Zeichen hinein passt?

]]> Vielleicht könnt ihr einen interessierten Laien aufklären. Bedeutet Grid dass sich die Größe der DIVs nie ändert? Muss man einem CMS immer sagen das nur eine genau Anzahl an Zeichen hinein passt?

]]> 2008-03-27T18:34:12+01:00 Copyright 2010 2008-03-26T;18:32:58+01:00 Comment by Martin Labuschin http://labuschin.com Manueller Trackback ;)

Gestaltung von Formularen anhand eines Grundrasters
http://labuschin.com/journal/design/gestaltung-von-formularen-anhand-eines-grundrasters

]]> Manueller Trackback ;)

Gestaltung von Formularen anhand eines Grundrasters
http://labuschin.com/journal/design/gestaltung-von-formularen-anhand-eines-grundrasters

]]> 2008-03-26T18:32:58+01:00 Copyright 2010 2008-03-26T;17:29:30+01:00 Comment by cssBaz http://blog.los-crackos.de @pascal: gut durchdacht, ist da der “goldene schnitt” auch miteingeplant?

]]> @pascal: gut durchdacht, ist da der “goldene schnitt” auch miteingeplant?

]]> 2008-03-26T17:29:30+01:00 Copyright 2010 2008-03-26T;16:29:54+01:00 Comment by John http://jowra.com Ich kann mir nicht helfen, aber diese Grid-Systeme erinnern mich immer an Adobe GoLive und begeistern durch absolute DIV-Wüsten. Die moderne Art des Tabellenlayouts/-designs, vgl. auch den Reboot diverser deutscher Zeitungs- und Nachrichtenportale.

Selbst wenn es in Sachen Zugänglichkeit und Validität keine Probleme bereiten sollte, produziert das Ganze zumindest mächtigen Overhead, der vermeidbar ist und sich mit Listen & Co. wesentlich eleganter lösen läßt.

Besser als Tabellen ja, aber ne Webseite wird mit HTML beschrieben nicht mit InDesign gesetzt.

Immerhin, das Logo auf der 960er Seite ist klasse!

]]> Ich kann mir nicht helfen, aber diese Grid-Systeme erinnern mich immer an Adobe GoLive und begeistern durch absolute DIV-Wüsten. Die moderne Art des Tabellenlayouts/-designs, vgl. auch den Reboot diverser deutscher Zeitungs- und Nachrichtenportale.

Selbst wenn es in Sachen Zugänglichkeit und Validität keine Probleme bereiten sollte, produziert das Ganze zumindest mächtigen Overhead, der vermeidbar ist und sich mit Listen & Co. wesentlich eleganter lösen läßt.

Besser als Tabellen ja, aber ne Webseite wird mit HTML beschrieben nicht mit InDesign gesetzt.

Immerhin, das Logo auf der 960er Seite ist klasse!

]]> 2008-03-26T16:29:54+01:00 Copyright 2010 2008-03-26T;14:30:39+01:00 Comment by Jens Grochtdreis http://blog.grochtdreis.de @Pascal: Toll. Marc Boulton und andere sind auf diese Idee schon vor längerer Zeit gekommen. Such mal in einer Suchmaschine Deiner Wahl nach “Grids” oder “Grid-Layout”.

]]> @Pascal: Toll. Marc Boulton und andere sind auf diese Idee schon vor längerer Zeit gekommen. Such mal in einer Suchmaschine Deiner Wahl nach “Grids” oder “Grid-Layout”.

]]> 2008-03-26T14:30:39+01:00 Copyright 2010 2008-03-26T;12:28:12+01:00 Comment by Pascal ps@peppweb.de Huhu,

ich hab, nach reichlichem überlegen festgestellt das 972px ideal sind weil:
Es lässt sich durch 18px und durch 12px teilen.
Also man schafft 12 Spalten, oder 2, 4, 6

Wenn man bei einer Standardschriftgröße von 1em = 16px ausgeht
und in der Regel davon 0.75em verwendet lande ich bei 12px bei einer idealen Zeilenhöhe von 150% im Web lande ich wieder bei den oben angeheiligten 18px.

Kann mir jemand folgen oder ist das zu abstrakt?
Ich kann dann Stege von 9px verwenden und hab ein feines Raster.

Würde das gern mal zur Diskussion stellen.

]]> Huhu,

ich hab, nach reichlichem überlegen festgestellt das 972px ideal sind weil:
Es lässt sich durch 18px und durch 12px teilen.
Also man schafft 12 Spalten, oder 2, 4, 6

Wenn man bei einer Standardschriftgröße von 1em = 16px ausgeht
und in der Regel davon 0.75em verwendet lande ich bei 12px bei einer idealen Zeilenhöhe von 150% im Web lande ich wieder bei den oben angeheiligten 18px.

Kann mir jemand folgen oder ist das zu abstrakt?
Ich kann dann Stege von 9px verwenden und hab ein feines Raster.

Würde das gern mal zur Diskussion stellen.

]]> 2008-03-26T12:28:12+01:00 Copyright 2010 2008-03-26T;11:37:59+01:00 Comment by david http://www.plagiat.ch Eine nette Zahl. Dier Vorlagen sind sicher für überladene Zeitungsportale gut zu gebrauchen. Ich möchte mich allerdings als Gestalte nicht in einem 40er/60er Raster bewegen müssen, das ist mir zu klobig.

YAML oder andere CSS-Frameworks finde ich interessant aber meistens extrem überladen und viel zu komplex. Abgesehen davon möchte ich unabhängig bleiben. :-D

]]> Eine nette Zahl. Dier Vorlagen sind sicher für überladene Zeitungsportale gut zu gebrauchen. Ich möchte mich allerdings als Gestalte nicht in einem 40er/60er Raster bewegen müssen, das ist mir zu klobig.

YAML oder andere CSS-Frameworks finde ich interessant aber meistens extrem überladen und viel zu komplex. Abgesehen davon möchte ich unabhängig bleiben. :-D

]]> 2008-03-26T11:37:59+01:00 Copyright 2010 2008-03-26T;09:53:48+01:00 Comment by Andi http://volderette.de Mir gefällt die Richtung, in die das Blueprint CSS Framework geht, besser. Habe wirklich schon sehr gute Erfahrungen damit gemacht. Trotzdem werde ich mir das 960 Grid System mal genauer anschauen. Mit YAML hingegen hab ich nie was anfangen können, weil es einfach völlig überladen ist.

]]> Mir gefällt die Richtung, in die das Blueprint CSS Framework geht, besser. Habe wirklich schon sehr gute Erfahrungen damit gemacht. Trotzdem werde ich mir das 960 Grid System mal genauer anschauen. Mit YAML hingegen hab ich nie was anfangen können, weil es einfach völlig überladen ist.

]]> 2008-03-26T09:53:48+01:00 Copyright 2010 2008-03-26T;09:43:52+01:00 Comment by Daniel Mies http://www.ugotit.de @Jens: Ich halte ja bisher wenig von Frameworks auch wenn YAML hier noch ein angenehme Ausnahme ist. Ich finde man kann durchaus auf den HTML/CSS Teil verzichten und sich an die psd halten. Ist wirklich hilfreich als Vorlage. Den Rest würde ich immer selber machen.

]]> @Jens: Ich halte ja bisher wenig von Frameworks auch wenn YAML hier noch ein angenehme Ausnahme ist. Ich finde man kann durchaus auf den HTML/CSS Teil verzichten und sich an die psd halten. Ist wirklich hilfreich als Vorlage. Den Rest würde ich immer selber machen.

]]> 2008-03-26T09:43:52+01:00 Copyright 2010 2008-03-26T;09:27:21+01:00 Comment by Jens Grochtdreis http://blog.grochtdreis.de Das “Framework” ist auf ein bestimmtes Raster fixiert. Prima. Da ist Bluprint weiter. Und YAML und YUI Grids sind noch wesentlich weiter. Es ist nicht nur schade, daß jemand seine Energie in die Veröffentlichung eines relativ unspannenden Projektes steckt, sondern daß er auch noch öffentlichkeitswirksam von allen Seiten gepusht wird. So ein Raster habe ich gerade auch zum zweiten Mal entwickelt. Es ist nicht schwer. Wenn man Floats begriffen hat, kann man sich relativ leicht selber ein solches System bauen, ohne daß man alle Eventualitäten abfangen muss.

Es ist fraglich, ob der Hang zu Grids wirklich sinnvoll ist. Jedenfalls zeigen die beiden großen Frameworks YUI Grids und YAML, daß man die Grid-idee auch mit einem vernünftigen, sozusagen multifunktionalen Framework abfackeln kann. Da sind solche beschränkten Schnellschüsse wie diese 960er nutzlos.

All diejenigen, die jetzt so begeistert aufschreien, sollten sich lieber mit der Idee hinter den Grids beschäftigen und dann entweder YUI Grids oder YAML lernen. Da haben sie mehr davon. Oder sie machen es wie ich selber. Kein Hexenwerk, nur ein paar Zeilen CSS, um die Floats in die richtige Richtung zu bekommen.

]]> Das “Framework” ist auf ein bestimmtes Raster fixiert. Prima. Da ist Bluprint weiter. Und YAML und YUI Grids sind noch wesentlich weiter. Es ist nicht nur schade, daß jemand seine Energie in die Veröffentlichung eines relativ unspannenden Projektes steckt, sondern daß er auch noch öffentlichkeitswirksam von allen Seiten gepusht wird. So ein Raster habe ich gerade auch zum zweiten Mal entwickelt. Es ist nicht schwer. Wenn man Floats begriffen hat, kann man sich relativ leicht selber ein solches System bauen, ohne daß man alle Eventualitäten abfangen muss.

Es ist fraglich, ob der Hang zu Grids wirklich sinnvoll ist. Jedenfalls zeigen die beiden großen Frameworks YUI Grids und YAML, daß man die Grid-idee auch mit einem vernünftigen, sozusagen multifunktionalen Framework abfackeln kann. Da sind solche beschränkten Schnellschüsse wie diese 960er nutzlos.

All diejenigen, die jetzt so begeistert aufschreien, sollten sich lieber mit der Idee hinter den Grids beschäftigen und dann entweder YUI Grids oder YAML lernen. Da haben sie mehr davon. Oder sie machen es wie ich selber. Kein Hexenwerk, nur ein paar Zeilen CSS, um die Floats in die richtige Richtung zu bekommen.

]]> 2008-03-26T09:27:21+01:00 Copyright 2010 2008-03-26T;08:24:31+01:00 Comment by Martin Labuschin http://labuschin.com Daniel, Manuela: Ich denke, dass gehört auf jeden Fall dazu, Werbung im Grid zu plazieren/mit einzubauen.

]]> Daniel, Manuela: Ich denke, dass gehört auf jeden Fall dazu, Werbung im Grid zu plazieren/mit einzubauen.

]]> 2008-03-26T08:24:31+01:00 Copyright 2010 2008-03-25T;23:41:49+01:00 Comment by Benjamin http://pixeldrama.de Respekt, da steckt ne Menge Arbeit drin.

Den HTML Teil würde ich auch knicken, allerdings kann sich der ein oder andere Webdesigner mal ansehen, das pixelgenaue Webgestaltung sehr wohl möglich ist.

]]> Respekt, da steckt ne Menge Arbeit drin.

Den HTML Teil würde ich auch knicken, allerdings kann sich der ein oder andere Webdesigner mal ansehen, das pixelgenaue Webgestaltung sehr wohl möglich ist.

]]> 2008-03-25T23:41:49+01:00 Copyright 2010 2008-03-25T;20:08:00+01:00 Comment by Rudi Mantler http://www.mantler.de Habe mir das Paket geladen und fange an Gefallen daran zu finden. Zu bemängeln habe ich allerdings auch die DIV-Klassen-Bezeichnungen. Danke für den Link.

]]> Habe mir das Paket geladen und fange an Gefallen daran zu finden. Zu bemängeln habe ich allerdings auch die DIV-Klassen-Bezeichnungen. Danke für den Link.

]]> 2008-03-25T20:08:00+01:00 Copyright 2010 2008-03-25T;18:07:26+01:00 Comment by Oliver http://addictedtocoffee.de Habe mir das 960Grid eben mal angeschaut und bin davon recht angetan. Schein wirklich gut durchdacht zu sein.

Allerdings sehe auch ich die DIV-Klassen-Bezeichnungen als sehr kritisch an.
Eine Bezeichnung wie “<div class=“grid_1 prefix_2 suffix_9”>” ist im Code nicht wirklich gut zu einem bestimmten Bereich der Website zu zu ordnen.

Was mir sehr gut gefällt sind die Photoshop- und PDF-Vorlage. Sehr schön um mal eben einen schnellen Sketch anzufertigen, der auch ins Raster passt.

Viele Grüße aus Bonn, Oliver

]]> Habe mir das 960Grid eben mal angeschaut und bin davon recht angetan. Schein wirklich gut durchdacht zu sein.

Allerdings sehe auch ich die DIV-Klassen-Bezeichnungen als sehr kritisch an.
Eine Bezeichnung wie “<div class=“grid_1 prefix_2 suffix_9”>” ist im Code nicht wirklich gut zu einem bestimmten Bereich der Website zu zu ordnen.

Was mir sehr gut gefällt sind die Photoshop- und PDF-Vorlage. Sehr schön um mal eben einen schnellen Sketch anzufertigen, der auch ins Raster passt.

Viele Grüße aus Bonn, Oliver

]]> 2008-03-25T18:07:26+01:00 Copyright 2010 2008-03-25T;16:48:08+01:00 Comment by Manuela info@pixelgraphix.de @Daniel: Die Werbung kann doch auch ins Grid integriert werden. Oder spricht da was dagegen?

]]> @Daniel: Die Werbung kann doch auch ins Grid integriert werden. Oder spricht da was dagegen?

]]> 2008-03-25T16:48:08+01:00 Copyright 2010 2008-03-25T;16:07:02+01:00 Comment by Daniel http://blog.reduxo.de Es wäre schön, wenn man immer mit 960 Pixel arbeiten könnte. Da aber oft auch Werbung bedacht werden muss, wird alles wieder viel schmaler. Leider.

]]> Es wäre schön, wenn man immer mit 960 Pixel arbeiten könnte. Da aber oft auch Werbung bedacht werden muss, wird alles wieder viel schmaler. Leider.

]]> 2008-03-25T16:07:02+01:00