Allgemein

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

#TikTok wird übersichtlicher und führt zur besseren Strukturierung der Inhalte die Möglichkeit der Playlists ein.… https://t.co/cXKDAqrZiS
Entdeckt bei @Zielbar_DE: #Twitter arbeitet an einer Gruppenfunktion. Ein spannender Ansatz, um sich besser zu vern… https://t.co/M2VvQQNzAC
Entdeckt bei @einfachDan. Ein spannender Test, fraglich ist jedoch, wie gut die Übersetzung im Endeffekt tatsächlic… https://t.co/e415C0HUDc
Gibt es bald ein schickes Outro für #Tiktok Videos? 🧐 https://t.co/54jFEwBUNe
💡Nutzt ihr Lead Ads auf #Facebook? Wenn nicht, dann werdet ihr auf unserem Blog fündig. Dort gibt's ein umfangreich… https://t.co/57TBX8cqPL
Wohin ist eigentlich der Hype um #Clubhouse verschwunden? 🤔#socialmedia https://t.co/2P5aipQmki
Spannende Erkenntnisse zum Nutzer:innenverhalten in #Google. #onlinemarketing https://t.co/wO3FSCui6M
Alles, was es zum Thema #CTA zu wissen gibt, erfahrt ihr kurz und knackig in diesem Artikel von @chimpify.… https://t.co/Li2G8NhZ3z
💡Du fragst dich jedes Mal aufs Neue, welche Bildgrößen du für #Instagram brauchst? Auf unserem Blog gibt's die Über… https://t.co/RejP1zgqFq
💡Responsive Displayanzeigen bei #GoogleAds auswerten? Mit dem Blogbeitrag von Sabrina kein Problem mehr. 👇https://t.co/u1LJDMvvLG
📭 Postfächer auf - der neue #Klickkomplizen Newsletter steht in den Startlöchern!Du hast ihn noch nicht abonnier… https://t.co/719cAvKJ4w
Nach dem ersten Hype geht die Entwicklung von #Clubhouse weiter. Diese Features sind nun neu dazu gekommen.… https://t.co/LfDLy8IGcQ
Habt ihr schon die Labels in eurer App? #facebook #socialmedia https://t.co/qPwon1o4Yy
Einen guten Start in die neue Woche wünschen wir. Möge der Kaffee mit euch sein.😎 #klickkomplizen https://t.co/XVdwrun68J
Ein Blick in die Zukunft der digitalen Zusammenarbeit - durch die VR-Brille. Mit einem faszinierenden Werbevideo.… https://t.co/rb6noQLNEp
Das klingt doch nach einem netten Feature für #WhatsApp. #socialmedia https://t.co/JFAjLOv6KB
Immer wieder Neuerung bei #Twitter: diesmal im Bereich #Spaces und dem Vorplanen von Beiträgen. #socialmedia https://t.co/GxLvUSufGY
💡How to do #Instagram #Reels? Auf unserem Blog erfahrt ihr, was ein gutes Reel ausmacht und bekommt ein paar Tipps… https://t.co/mhInOmeUqs
Auf die Plätze, fertig, live! #Instagram veröffentlicht ein Live Room-Feature für 4 Creator. #socialmedia https://t.co/P6MdiQh9x0