Video: David Kelley: The future of design is human-centered 2025
Quando si progettano siti Web che verranno visualizzati su iPhone e iPad, tenere conto delle proporzioni - il rapporto tra la larghezza e l'altezza di un'immagine o di un video. La proporzione è particolarmente importante quando lavori con i video. Una TV standard mostra video in formato 4: 3 (o 1: 1. 33) - il formato quasi quadrato che le generazioni di tossicodipendenti provano e amano.
Fondamentalmente, per ogni 4 pixel in tutto, 3 pixel sono abbassati, quindi la risoluzione dello schermo TV a definizione standard è 640 x 480. Recentemente, HDTV ha causato uno spostamento del rapporto 16: 9 (o 1: 1. 85), indicato anche come widescreen , e una risoluzione comune è 1280 x 720.
Le proporzioni dell'iPhone sono 3: 2 (o 1: 1. 5), che non è nemmeno standard. L'iPad è 4: 3, proprio come un segnale televisivo tradizionale. Per visualizzare un'immagine widescreen o HD, sia l'iPhone che l'iPad usano la letterboxing technique , che posiziona sottili barre nere sopra e sotto l'immagine.
Nella figura, si vede l'effetto del letterboxing quando un video viene riprodotto su uno schermo che non si adatta alle proporzioni. Le barre nere appaiono nella parte superiore e inferiore di questo video di formazione dall'autore Janine Warner perché il video non si adatta alle proporzioni dello schermo.
Sull'iPhone, quando si visualizza un video standard 4: 3, è possibile toccare per espandere l'immagine per riempire lo spazio verticalmente - ma tutto ciò che fa è tagliare i bordi su entrambi i lati. Se stai lavorando con immagini statiche che sono drammaticamente ritagliate (come in un panorama panoramico), gli utenti vedranno molto spazio sullo schermo o dovranno scorrere molto.
