Ich habe einige Probleme mit dem Icon PPI. Wenn ich beispielsweise ein Symbol für eine iPhone 6-Anwendung erstelle, weiß ich, dass das Symbol 326 PPI hat. Aber wenn ich ein 256 x 256 Pixel großes Symbol mache, das auf iPhone, Android und im Web mit unterschiedlichen Bildschirmauflösungen verwendet werden kann, welchen PPI verwende ich dann? Gibt es eine "Formel", um den PPI basierend auf der Größe des Bildes zu berechnen?
Ich möchte einen Satz von Symbolen zum Verkauf anbieten, aber ich möchte vermeiden, mehrere gleich mit unterschiedlichen PPI zu erstellen, damit ich ungeöffnete Pakete verkaufen kann. Ich verwende Photoshop CC, da ich Illustrator noch nicht kenne.
Wenn Sie für digitales Design entwerfen, müssen Sie DPI nicht verwenden. Sie bereiten die Datei nur in ihrer „natürlichen“ Größe und für Retina-Bildschirme in doppelter Größe vor.
Ihr Ausgabesymbol wäre also 250 x 250 für das Web und 500 x 500 für das iPhone.
Sie können nur mit der hohen Auflösung auskommen und die Größe ändern. Aber wenn Sie für das Web arbeiten, ist es wichtig, eine kleine Dateigröße beizubehalten (Mobilfunknetze sind teuer!), daher wird empfohlen, zwei Kopien zu erstellen und CSS zu verwenden, um die Bildschirmdichte anzusteuern.
Weitere Informationen zum Vorbereiten von Assets für Bildschirme mit höherer Pixeldichte finden Sie hier: So erstellen Sie Retina-Grafiken für Ihre Webdesigns
Der beste Weg, um Symbole für alle PPIs zu erstellen, besteht darin, Vektorgrafiken zu erstellen und als SVGs zu exportieren oder eine Symbolschrift zu erstellen. Da sich die Pixeldichte von Geräten ändert, können Sie nicht einfach alle planen, sodass Sie viele doppelte Bilder in unterschiedlichen Größen bereitstellen.
Wenn Sie dies jedoch tun, wird das Speichern eines Netzes und eines in Netzhautgröße die meisten Ihrer Basen abdecken. Und für noch höhere Pixeldichten würde ein Bild in Netzhautqualität anständig erscheinen. Vector ist definitiv eine Notwendigkeit für jederzeit perfekte Qualität. Außerdem würde die Bereitstellung von vektorbasierten Symbolen über SVG oder eine Symbolschriftart es den Benutzern ermöglichen, Ihre Symbole in jeder Größe zu verwenden (nicht nur in den Größen, in denen Sie das Bild gespeichert haben), und sie könnten CSS verwenden, um Dinge wie die Symbolfarbe zu ändern (wäre hilfreich für Hover, da ansonsten eine normale und Hover-Version des Symbols vorhanden sein muss).
Wenn Sie sich in Photoshop wohl fühlen, können Sie diesen Hack verwenden, um SVG-Grafiken aus Vektoren zu exportieren, die im Programm gezeichnet wurden - http://hackingui.com/design/my-workflow-to-export-svgs-out-of-my-photoshop- Design-Dateien/
Das Zeichnen von Vektoren in Photoshop unterscheidet sich jedoch nicht wesentlich von der Verwendung von Illustrator.
Yisela
Gian
Yisela
Gian
Voxfrau