Mit der Ankündigung des neuen iPhone X, das der iPhone-Riege ein weiteres Seitenverhältnis hinzufügt, habe ich festgestellt, dass ich einige der verwendeten Designvokabeln nicht ganz verstanden habe. Wie bei vielen Themen, bei denen ich Schwierigkeiten hatte, sie zu verstehen, wie z. B. ADA-Compliance und Kryptografie, habe ich darüber geschrieben. Wenn Sie Schwierigkeiten haben, einige grundlegende Designkonzepte zu verstehen, werden Ihnen diese Erklärungen zum allgemeinen Designvokabular helfen.
Bildschirmgrößen, Auflösungen, Pixel und Seitenverhältnisse für iPhones
Bildschirmgröße
Die physikalischen Abmessungen eines Bildschirms. Ähnlich wie bei Fernsehern und Monitoren wird die Länge des Bildschirms von einer Ecke bis zur diagonalen Ecke in Zoll gemessen.
Pixel
Bildschirme stellen Bilder durch Pixel dar. Ein Pixel ist ein Punkt, der manipuliert werden kann. Sie sind wie Bausteine; man braucht viele, um ein Bild zu bauen. Wenn du die Quadrate auf einem Millimeterpapier ausmalen würdest, um ein Bild zu erstellen, wäre jedes dieser Quadrate ein Pixel. Pixel haben nicht immer die gleiche Größe von Gerät zu Gerät.
Angenommen, Sie haben eine Zeichnung auf einem normalen Blatt Papier, die Sie auf einer Wand vervielfältigen möchten. Stellen Sie sich vor, Sie fügen ein Raster von 10 Kästchen mal 10 Kästchen hinzu, erstellen ein 10×10-Raster auf der neuen Fläche und übertragen dann das Bild Kästchen für Kästchen auf die Wand. Sie hätten die gleiche Anzahl von Pixeln und das gleiche Bild, nur die Pixel wären größer.
Auflösung
Dies ist die Anzahl der auf dem Bildschirm angezeigten Pixel. Sie wird oft als Breite x Höhe oder Pixel pro Zoll angegeben. Da die Pixel nicht immer gleich groß sind, können zwei Geräte mit der gleichen Bildschirmgröße und unterschiedlichen Auflösungen verwendet werden. Je höher die Auflösung, desto höher die Bildqualität und desto mehr Details sind im Bild enthalten.
Seitenverhältnis
Welches Verhältnis hat die Breite des Bildschirms zur Höhe? Das Seitenverhältnis misst das Verhältnis von Breite zu Höhe und reduziert es dann, wie bei einem Bruch. Ein 4 x 8 oder ein 20 x 40 großer Bildschirm hätten beide eine Auflösung von 1:2. Dies ist wichtig, weil ein Bild im Format 2:3 nicht perfekt auf einen 1:2-Bildschirm passt. Die Ränder würden entweder über das hinausgehen, was auf dem Bildschirm zu sehen ist, oder es gäbe Abschnitte des Bildschirms, die nicht vom Bild abgedeckt werden, oder ein gestrecktes Bild.
Hat Ihnen das geholfen, Design ein wenig besser zu verstehen? Haben Sie andere Konzepte, bei denen Sie nicht weiterkommen? Lassen Sie es uns wissen!
