Praktische Webdesign Tools Teil1: Grid Generator

Praktische Webdesign Tools Teil1: Grid Generator

In den nächsten Wochen wird in unserer Reihe „Praktische Webdesign Tools“ das Erstellen von Webdesigns im Vordergrund stehen. Da wir täglich im Netz unterwegs sind und zahlreiche Blogs lesen, stoßen wir natürlich auch auf Unmengen an Tools. Die einen sind sehr praktisch, die anderen weniger. Die praktischen Tools wollen wir euch natürlich nicht vorenthalten.

Heute möchten wir beginnen mit dem Gridulator. Das 960 Grid System brauchen wir wohl an dieser Stelle nicht näher erläutern, da es unter den Webdesignern schon sehr bekannt.

Der Gridulator

Den Gridulator finden wir noch viel praktischer, denn hier kann man schon im Vorfeld die gewünschte Spaltengröße festlegen. Du kannst es als dein ganze persönliches Grid erstellen – das geht kinderleicht. Das Raster kann man sich als Vorschau anzeigen lassen oder als PNG herunterladen. Dieses fügt man danach als Ebene in sein Design ein.

Ein ähnliches Tool ist der gridmaker:

Hier kann man sich ein Photoshop CS4 Plugin herunterladen oder am Ende, ähnlich wie bei dem Gridulator, ein PNG. Es ist ebenfalls möglich, die Breite der Spalten individuell zu bestimmen sowie die Farben und auch die Höhe des gewünschten Designs. Der Gridmaker ist sehr umfangreich in seinen Funktionen und sollte unbedingt ausprobiert werden.

Grid als CSS Raster

Wer ein Grid als CSS Raster braucht, der macht das am besten mit dem Tiny Fluid Grid. Dieser erstellt CSS Raster, die sich immer an die Größe des Bildschirmes des Nutzers anpassen.

Aber aufgepasst! Das ist nicht immer ein Vorteil und sollte im Design berücksichtigt werden, soweit es geht. Sonst kommt es schnell zu Überschneidungen, sobald der Nutzer seinen Bildschirm arg verkleinert.

Weitere ähnliche Tools sind der www.1kbgrid.com

The following two tabs change content below.

Klickkomplizen

#LinkedIn rollt ein neues #Feature für den #Kampagnen-Manager aus: Brand Lift Tests!🙌 Worum genau es sich dabei han… https://t.co/UwLrYEIcWG
Wie bekommt man den begehrten blauen Haken auf #Instagram zur #Verifizierung? Hier ist eine Schritt-für-Schritt-Anl… https://t.co/TV9VyfgPeE
Ihr habt einen #Instagram Account erstellt, aber irgendwie kommt die Zahl der Abonnent:innen nicht in Schwung? Dann… https://t.co/C0ArNUEpud
8 Tipps für erfolgreiche #Instagram #Reels gibts hier📱: https://t.co/HfPkoDL0uL
Ein Vögelchen hat mir gezwitschert, dass sehr bald ein neuer Newsletter zum Thema Design und Grafik kommen wird. No… https://t.co/v7iCqHGOLA
Auf unserem Blog haben wir für euch ein paar #LinkedIn Features gesammelt, die ihr vielleicht (noch) nicht verwende… https://t.co/Fq0sKCC8EY
Worauf ihr achten solltet, wenn ihr als Copywriter:innen auf #socialmedia unterwegs seid, erfahrt ihr in unserem ne… https://t.co/lrBIsfGpIV
Dramatischer Himmel auf euren Bildern gewünscht? Mit der „Himmel-Austausch“ Funktion von #Photoshop kein Problem. W… https://t.co/c8OuJVCUuP
Auf unserem Blog gibt's wieder was Neues zu lesen. Diesmal zum 15. Geburtstag von #Google Trends. ⤵️ https://t.co/eWpEoRi7fF
Promotion leicht gemacht bei #TikTok. ☑️ Habt ihr das neue Feature schon entdeckt? #TikTokads https://t.co/nHIZynpZmd
Die Klickis verabschieden sich ins #Wochenende.🙌 https://t.co/GQXQv2iaf6
Heute wird wieder ein neuer #Artikel auf unserem #Blog #online kommen!🙌 Was wird wohl das Thema sein?👀
Wusstest du, dass du in #Story Ads bei #Instagram auch #Umfragen hinzufügen kannst? Wie du diese Funktion in deine… https://t.co/i1CEFYntrn
Spannendes Update bei #Instagram📱. Die 10k-Marke für Unternehmen scheint damit trotzdem nicht vom Tisch zu sein.😌 https://t.co/LhlsZOAB4A
Schon entdeckt? Auf #Canva und #Vimeo könnt ihr jetzt auch #TikTok-Videos erstellen. 🙌
Die Klickis wünschen euch ein erholsames #Wochenende! 😋
Den Post mit #Hashtags versehen oder doch lieber weglassen? Die #Caption kurz & knackig halten oder doch lieber etw… https://t.co/Fn2z2JvOaK
#Musik Streaming und #Podcasts sind auch weiter auf dem Vormarsch. Hier gibt's einen hilfreichen #Überblick über da… https://t.co/Tv83y7ewDq