Creare Grafica per Ipad
Per chi pensa la creazione di un layout grafico per iPhone e iPad sia la stessa cosa, parte con il piede sbagliato. Ci sono, infatti, delle differenze notevoli tra i due. Vediamo in questo articolo come procedere per creare un layout per iPad.
Cominciamo con alcune caratteristiche che riguardano la dimensione dello schermo dell’iPad:
In posizione verticale, lo schermo misura: 768 px di larghezza e 1024 px di lunghezza,
In posizione orizzontale, invece: 1024px di larghezza e 768px di altezza.
A differenza di grafiche per iPhone, è consigliabile creare un layout per iPad messo in verticale e uno per la posizione orizzontale.
Come strutturarlo:
Ovviamente la prima considerazione da fare è se stiamo creando una grafica per una App oppure per una versione mobile di un sito internet.
Per la prima opzione, non abbiamo alcun tipo di problema, per la seconda, invece, dobbiamo lavorare sui CSS.
Per far sì, che la visualizzazione del nostro sito avvenga in maniera corretta, sia se l’iPad è messo in verticale sia in orizzontale, dobbiamo inserire nella pagina CSS, questo codice:
<link rel=”stylesheet” media=”all and (orientation:portrait)” href=”portrait.css”>
<link rel=”stylesheet” media=”all and (orientation:landscape)” href=”landscape.css”>
In questo modo, diciamo al CSS che si deve adattare la visualizzazione a seconda di come è messo l’iPad, portrait sta per verticale, landscape per orizzontale.
Caratteristiche Broswer:
Ipad, come iPhone, utilizza come browser di navigazione Safari Mobile.
I linguaggi supportati sono:
HTML 4.01, XHTML 1.0, CSS 2.1, CSS 3 (in parte),JavaScript 1.4, HTML 5.
LINK UTILI: in questi link potete trovare dei file, in formato vettoriale, per creare dei layout grafici alla portata delle vostre esigenze.
Promozioni
Potrebbe interessarti
Commenti