Du kannst bei den Design-Einstellungen im radiosphere Studio Editor drei unterschiedliche Werte nutzen, um Größen bzw. Abstände der Komponenten auf deiner Webseite und App zu definieren:
- Pixel (px)
- Prozent (%)
- Referenzen ($)
Pixel (px)
Pixel oder auch Bildpunkt sind einzelne Farbwerte einer digital erzeugten Rastergrafik. Der Pixel hat keine feste Größe sondern hängt von der Auflösung der digital erzeugten Rastergrafik ab. Ein Pixel besteht aus kleineren Subpixel in den Farben Blau, Grün und Rot. Je nachdem, wie häufig diese verschiedenen Farben als Subpixel vorkommen, bestimmt die Zusammensetzung die Farbe des Pixels. Ein Pixel bestimmt zumeist in Kombination mit zahlreichen anderen Pixel das Gesamtbild auf dem digitalen Bildschirm.
Wird ein Gesamtbild zu stark vergrößert, entspricht die eingetragene Anzahl der Pixel nicht mehr der des Gesamtbildes. Die Pixel werden als einzelne sichtbar und können die Auflösung des Gesamtbildes verfälschen.
Prozent (%)
Mit der Prozent (%)-Einstellung kann eine Grafik im prozentualen Verhältnis zur Gesamtgröße (100%) der Webseite oder App dargestellt werden. Werden die Seiten der Grafik beispielsweise auf 50% Breite und 50% Höhe eingestellt, entspricht sie genau die Hälfte der Gesamtgröße der Webseite oder App.
Referenzen ($)
Referenzen ($) sind Größen, die im Vorhinein definiert wurden. Eine Übersicht, welche Referenz ($)-Bezeichnung für welches Ausmaß steht ist, findest du hier.