Startseite » Toolkit » Automatisieren Sie Ihren Grid-Design-Prozess mit GridGuide

    Automatisieren Sie Ihren Grid-Design-Prozess mit GridGuide

    Der erste große Schritt bei der Gestaltung einer Website ist die Auswahl eines Rasters. Dadurch wird normalerweise die maximale Breite der Seite sowie die Anzahl der internen Spalten und Zwischenstege zum Aufteilen des Layouts definiert.

    Sie können versuchen, Ihr eigenes zu erstellen, aber das beste Werkzeug für diesen Job ist GridGuide. Es ist eine völlig kostenlose Webapp automatisiert die Netzgenerierung für jede Website unabhängig von ihrer Größe.

    Geben Sie einfach Ihre gewünschte maximale Breite gefolgt von der gewünschten Anzahl von Spalten ein. Normalerweise sollten diese beiden Zahlen teilbar sein. Daher ist es ratsam, Primzahlen zu vermeiden. Hier sind einige gängige Maximalbreiten für Websites:

    • 1100px mal 12 Spalten
    • 1200px von 8/12 Spalten
    • 1240px durch 8/12 Spalten
    • 1440px von 8/10/12 Spalten
    • 1600px um 8/10/12 Spalten

    Hier gibt es absolut keine falsche Antwort. Sie können Wählen Sie eine beliebige Breite und solange sie durch die Anzahl der Spalten gleichmäßig teilbar ist dann bist du gut zu gehen.

    GridGuide ist eine bissige Web-App, die automatisch aktualisiert wird, sobald Sie einen Wert in das Eingabefeld eingeben. Wenn Sie also die Zahlen oben einstellen, werden Sie das bemerken Rastervorschauen ändern sich automatisch.

    Ich habe mich bei diesem Job auf Photoshop verlassen, und das hat mich wahnsinnig gemacht. Das Erstellen eines Rasters ist ehrlich gesagt einer der frustrierendsten Schritte beim Entwerfen einer neuen Website, und die Anzahl der Pixel perfekt zu machen, kann ärgerlich sein.

    GridGuide ist jedoch vollständig automatisiert und bietet Ihnen viele verschiedene Rasteroptionen, die auf unterschiedlichen Säulengrößen und Rinnenbreiten basieren.

    Du kannst sogar Laden Sie ein vollständiges PNG-Bild des Rasters herunter, das Sie für den Import in Photoshop auswählen. Dieser Wille Sparen Sie viel Zeit Sie erstellen also keine Raster mit Formwerkzeugen von Grund auf neu.

    Wenn Ihnen ein bestimmter Rasterstil gefällt, können Sie einen Link für die Freigabe erstellen, um ihn für später oder für andere im Web freizugeben.

    Für ein Tool, das völlig kostenlos und so einfach zu verwenden ist, muss dies für jeden Webdesigner meine erste Empfehlung sein. Wenn Sie mit Rastern zu kämpfen haben und es nicht mögen, Ihre eigenen zu entwerfen, ist GridGuide eine unverzichtbare Ressource in Ihrer Toolbox.