thomas-quelle-blog - Tumblr blog

thomas-quelle-blog · 12 years ago

Text

Wie man einen Webdeveloper glücklich macht...

Die nächste Agentur / der nächste Screendesigner, der seine Entwürfe nicht so abliefert das man als Webdevolper damit arbeiten kann, bekommt eine Gratisnachhilfe in Sachen Screendesign bzw. wie bereite ich meinen Workflow vor. Aber weil ich ein netter Mensch bin, hier die Grundlagen:

Farbmodus: RGB nicht CMYK(!)

Auflösung: 72 oder 96 dpi (DPI)

Dateigröße: 1280 x 1024px (Grundeinstellung kann in der Höhe je nach Inhalt variieren)

Größe des Inhalts: Je nach Art: variabel, bei statischen Layouts (Desktop) hat sich eine max. Breite von 1024px als Ideal bewiesen (15"-Laptop hat in der Regel um 1300px Breite, Tabletts (10.1 Zoll) haben um die 1200px in der Breite. Responsive Designs orientieren sich nach dem Viewport. GGf hier entsprechende Gestaltung berücksichtigen.

Bei Photoshop, Illustrator, Indesign Pixelraster einschalten und daran ausrichten.

Lineale auf Pixel umstellen, Schriftgrößen ebenfalls.

Bei Verwendung von Grafiken keine Originaldateien mit hoher Auflösung verwenden (bitte auf max 1024x800px runterrechnen, JPG Qualität 80% sind ausreichend, 5 MB (oder mehr) Dateien bringen auch nicht mehr an Bild-Informationen im Web, nur mehr Ladezeit).

Bilder mit Transparenzen als PNG 24bit abspeichern. (nice to have, muss aber nicht)

Logos die als EPS vorliegen bitte nicht in Pixel umwandeln sondern als Smartobjekt einfügen

Darauf achten das die Elementpositionen und Größen keine Werte nach dem Komma enthalten (halbe Pixel gibt es nicht, zumindest nicht im Entwurf).

Bitte das "Anmerkungen-Werkzeug" für zusätzliche Hinweise im Layout benutzen (hilft ungemein, wenn man die Gedankengänge des Screendesigners kennt).

Wenn man das alles berücksichtigt ist der Webdevolper glücklich :) Diese Anleitung darf gerne wiederverwendet,kopiert und geteilt werden.

#Webdevolpment #web design #Photoshop #illustrator #workflow

0 notes