Photoshop Artboards für Webdesign richtig anlegen

[semi031285]

Hi Leute,

ich steh gerade ziemlich auf dem Schlauch.
Ich will mir in Photoshop für eine Web-App verschiedene Artboards anlegen.
Hierbei sollen verschiedene Bildschirmgrößen beachtet werden - mit unter auch ein Macbook Pro 15" und ein Iphone 7.
Das Macbook Pro 15" hat eine Auflösung von 2880px in der Breite.
Das Iphone 7 hat eine Auflösung von 750px in der Breite.

Rechnerisch und auch korrekt dargestellt in Photoshop passt das Iphone mit 750px Breite ungefähr vier mal in die Macbook-Auflösung von 2880px.

Fragen:
Warum passt das Iphone im realen Leben viel öfter auf den Bildschirm - nämlich 6mal ?
Und wie ist euer Workflow beim erstellen solcher Artboards?

Lieben Gruß
Michael

 

[Myhar]

Fragen:
Warum passt das Iphone im realen Leben viel öfter auf den Bildschirm - nämlich 6mal ?

Weil ein Pixel keine Größe hat. Ein Pixel kann sowohl 1cm x 1cm als auch 1mm x 1mm sein. Oder eben auch größer oder kleiner.

 

[buerzel]

Weil ein Pixel keine Größe hat.

Richtig. Anders gesagt: Das iphone 7 stellt 326 ppi dar und das MacBook Pro 15" 220 ppi.

 

[liselotte]

Heißt in der heutigen Zeit nicht das Zauberwort "responsive"
MfG

 

[Chris_EDI]

Zauberwort "responsive"

Responsive bedeutet nur, dass der Inhalt der Webseite auf Desktop, Laptop, Tablett, Smartphone, etc. korrekt dargestellt werden, hat aber nichts mit der Frage vom TE zu tun. Die wurde ja schon perfekt gelöst. Das Zauberwort heißt "ppi".

 

[Myhar]

Und wie ist euer Workflow beim erstellen solcher Artboards?

hat aber nichts mit der Frage vom TE zu tun. Die wurde ja schon perfekt gelöst. Das Zauberwort heißt "ppi".

Ja, das ist eine sinnvolle Antwort zu dieser Frage, ppi ist der beste Workflow den man sich vorstellen kann.