Angenommen, ich möchte eine Website erstellen, die es einem Benutzer ermöglicht, ein Hintergrundbild in Größen für PC, HD, Handy und Tablet herunterzuladen.
Was sind die am häufigsten verwendeten / besten Bildabmessungen, die ich hosten sollte?
Gängige Größen für Desktops sind 800 x 600, 1024 x 768, 1280 x 1024 und 1600 x 1200
HD bedeutet heutzutage normalerweise 1080p, also 1920 x 1080.
Siehe auch diese vorherige Frage
Und dieses Größendiagramm des Google-Browsers kann hilfreich sein
Sie müssen wahrscheinlich zuerst über die Proportion nachdenken.
Das klassische (Oldie-)Verhältnis für Desktops ist beispielsweise 4:3 .
Einige Pads verwenden denselben Anteil, zum Beispiel das iPad:
Vertikale Ausrichtung
Dies nimmt uns an, dass diese Pads, die in vertikaler Ausrichtung verwendet werden, uns ein Verhältnis von 3:4 geben, was die Werte invertieren würde.
Das Hauptverhältnis beträgt 16:9
Sie haben den gleichen Fall, wenn Sie eine vertikale Ausrichtung 9:16 wünschen
Es gibt viele Variationen in Proportionen und Auflösungen. Sie können sie sich auf diesem Bild aus der Wikipedia ansehen (die Kreise zeigen die Proportionen):
Die Wahrheit ist also, dass Sie Entscheidungen über das Ziel treffen müssen, auf das Sie abzielen.
Mit dieser Google-Suche https://www.google.com.mx/search?q=screen+resolution+statistics können Sie sich einige Trends ansehen
Best Practice ist es, die Auflösung + Verhältnis + Pixel pro Zoll (PPI) zu berücksichtigen.
Beispiel: Ich habe ein FHD 1080*1920-Display auf meinem 15-Zoll-Laptop-Display.
Ich muss für ein FHD 1080p 10-Zoll-Tablet mit der dreifachen Pixelanzahl bei 441 PPI entwerfen.
Wenn ich einen Hintergrund nur mit 1080p gestalte, wird meine Arbeit auf meinem Zielgerät nicht optimal angezeigt.
Gerade bei neuen Geräten spielt die Pixeldichte immer mehr eine Rolle.
Wenn Sie eine Leinwand für ein 1080p-Full-HD-Gerät erstellen, müssen Sie die Leinwand möglicherweise mit einer größeren Größe als 1080 * 1920 erstellen, wenn die Pixeldichte sehr hoch ist. Beispiel: Sie haben ein 1080p-Display mit sehr hohem (PPI). Sie benötigen eine Formel, um die Leinwandgröße zu berechnen, um alle diese Pixel abzudecken, ohne an Qualität zu verlieren. Auch wenn Sie Ihre Leinwand vielleicht mit der 3-fachen Größe von 1080 * 1920 entwerfen, wird die größere Leinwandgröße bei perfektem Maßstab wieder auf 1080 * 1920 verkleinert, da diese Leinwand auf dem Zielgerät nicht mehr größer ist, sie passt perfekt, Pixel für Pixel.
Es ist auch wichtig, einige Asset-Ordner mit einem Basis-PPI und einem für einen hohen PPI zu erstellen.
Dies gilt für native Design-Assets.
Beim Entwerfen für eine responsive Web-UI. Es gibt Bootstraps, UI-Layoutvorlagen, die im Browser richtig skaliert werden.
Aufgrund meiner Ablehnung möchte ich erklären, dass das weltweit beliebteste Betriebssystem Android ist, das eine bestimmte DPI-Formel verwendet, die auf der Android-Entwickler-Website zu finden ist. Aus diesem Grund erstelle ich immer Asset-Ordner und designe immer mit PPI als Ziel, damit alle Android-Geräte abgedeckt sind.
1920 x 1080. Dies ist der Standardhintergrund für Computer, nicht mehr und nicht weniger.
Luciano
nexogen.io
Luciano
nexogen.io
nexogen.io