Wie passe ich Online-Raster an Desktop-Webdesign und mobiles Webdesign in Photoshop an?

Es gibt viele gute Raster online (1200px.com, unsemantic.com), die als PSD heruntergeladen und im Webdesign in Photoshop verwendet werden können. Nun habe ich 2 Fragen dazu:

  1. Wenn ich diese Vorlage in meinem Photoshop-Dokument anwende, haben sie kleine rechte und linke Ränder. Wie passe ich solche Vorlagen an meine Bedürfnisse an, weil ich MEHR Leerraum möchte, nicht 5-10 Pixel wie die Vorlagen haben? (Gehe ich zur Leinwandgröße und erhöhe die Größe der Leinwand auf beiden Seiten oder sonst?)

  2. Wie verwende ich dieselbe 12-Spalten-Rastervorlage für mobiles Webdesign?

Vielleicht denke ich in die falsche Richtung, ich bin nur verwirrt, Ihre Hilfe wäre dankbar

Antworten (2)

Wie passe ich solche Vorlagen an meine Bedürfnisse an, weil ich MEHR Weißraum haben möchte?

Griddify ist ein kostenloses Plugin für PS, mit dem Sie ganz einfach benutzerdefinierte Rastersysteme mit Spalten und weißen Abständen erstellen können.

Wie verwende ich dieselbe 12-Spalten-Rastervorlage für mobiles Webdesign?

Passen Sie die Einstellungen einfach an Ihre neue Bildschirmgröße an.

Wie Afterteam schrieb, ist Griddify ein cooles Plugin.

Sie können auch verwenden:

Wenn Sie Photoshop CC haben, gehen Sie zu View\New Guide Layout und wählen Sie Ihre Maße aus, die Sie verwenden möchten :)

Ihre zweite Frage kann auf zwei Arten gelöst werden:

  • nochmal wie Afterteam geschrieben hat :)
  • Stellen Sie weniger Spalten ein (dieselbe Größe wie in der Desktop-Ansicht) für Mobilgeräte (Beispiel: Desktop: 12-Spalten, Tablet 8-Spalten, Mobilgeräte 3-Spalten)