PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Bildbearbeitung (2D), Vektor- & Layoutbearbeitung
Photoshop
Dokumentgröße für ein web-basiertes Layout
Beitrag
<blockquote data-quote="patrick_l" data-source="post: 2477781" data-attributes="member: 194379"><p>Murks! Die Größe des Desktop interessiert gleich Null. Orientieren sollte man sich wenn überhaupt am "meist" verwendeten Viewport. Zusätzlich sollte man gleich von Anfang an ein Grid verwendeten. Genau dieses sorgt für ein harmonischen Gesamteindruck, erleichtert zu gleich die spätere Umsetzung. Egal ob und welches Framework / Grid System letztendlich verwendet wird.</p><p></p><p></p><p>Die Bildschirmauflösung wie bereits erwähnt spielt keine Rolle. Lediglich der Viewport ist interessant. Sprich der Bereich, der abzüglich Taskleiste und Browser-Elemente wie die Scrollbar, Bookmark-List und der Gleichen, zur Darstellung der Website übrig bleibt. Bei Desktops wäre man dann bei 960 Pixeln, die das meiste abdecken. </p><p></p><p>Leg ein Dokument mit 1200 Pixeln in der Breite an und setze eine zentrierte Hilfslinie. Anschließend eine Auswahl von 960 (> 996) Pixeln aufziehen. Dieser Bereich wird später der Inhaltsbereich sein. Alles andere wird dann rein mit HTML und CSS umgesetzt. Sollte die Website responsive werden, sollte man "mobile first" berücksichtigen.</p><p></p><p>Sprich, die Seite erst für mobile Endgeräte gestalten. Dafür idealerweise mehre Dokumente anlegen oder zumindest in Ebenengruppen und/oder Kompositionen organisieren. Davon mal ganz ab, wäre der beauftragte Programmierer der richtige Ansprechpartner. Unter Umständen hat eben dieser genaue Vorgaben. Stellt dir vielleicht sogar eine Muster-PSD bereit.</p><p></p><p>Hier von mir zwei Vorlagen. Einmal ein 12 sowie 16 Kolumnen Grid, an dem du dich orientieren kannst. Einfach die jeweilige PSD öffnen, neue Gruppen für bestimmte Elemente und Bereiche anlegen, und an den jeweiligen Hilfslinien ausrichten.</p><p></p><p>- </p><p></p><p>Liebe Grüße, Patrick</p></blockquote><p></p>
[QUOTE="patrick_l, post: 2477781, member: 194379"] Murks! Die Größe des Desktop interessiert gleich Null. Orientieren sollte man sich wenn überhaupt am "meist" verwendeten Viewport. Zusätzlich sollte man gleich von Anfang an ein Grid verwendeten. Genau dieses sorgt für ein harmonischen Gesamteindruck, erleichtert zu gleich die spätere Umsetzung. Egal ob und welches Framework / Grid System letztendlich verwendet wird. Die Bildschirmauflösung wie bereits erwähnt spielt keine Rolle. Lediglich der Viewport ist interessant. Sprich der Bereich, der abzüglich Taskleiste und Browser-Elemente wie die Scrollbar, Bookmark-List und der Gleichen, zur Darstellung der Website übrig bleibt. Bei Desktops wäre man dann bei 960 Pixeln, die das meiste abdecken. Leg ein Dokument mit 1200 Pixeln in der Breite an und setze eine zentrierte Hilfslinie. Anschließend eine Auswahl von 960 (> 996) Pixeln aufziehen. Dieser Bereich wird später der Inhaltsbereich sein. Alles andere wird dann rein mit HTML und CSS umgesetzt. Sollte die Website responsive werden, sollte man "mobile first" berücksichtigen. Sprich, die Seite erst für mobile Endgeräte gestalten. Dafür idealerweise mehre Dokumente anlegen oder zumindest in Ebenengruppen und/oder Kompositionen organisieren. Davon mal ganz ab, wäre der beauftragte Programmierer der richtige Ansprechpartner. Unter Umständen hat eben dieser genaue Vorgaben. Stellt dir vielleicht sogar eine Muster-PSD bereit. Hier von mir zwei Vorlagen. Einmal ein 12 sowie 16 Kolumnen Grid, an dem du dich orientieren kannst. Einfach die jeweilige PSD öffnen, neue Gruppen für bestimmte Elemente und Bereiche anlegen, und an den jeweiligen Hilfslinien ausrichten. - [B][/B] Liebe Grüße, Patrick [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?
Antworten
Start
Forum
Bildbearbeitung (2D), Vektor- & Layoutbearbeitung
Photoshop
Dokumentgröße für ein web-basiertes Layout
Oben