Come progettare applicazioni Web per Android su misura per diverse dimensioni dello schermo

September 9

Come progettare applicazioni Web per Android su misura per diverse dimensioni dello schermo


Con una sola riga di codice, è possibile rendere il Web app adattarsi a qualsiasi dimensione dello schermo su dispositivi Android. Questo include i vari modelli di smartphone Android e tablet Android. Non c'è bisogno di conoscere la specifica esatta dimensione dello schermo per ogni modello Android, quando si utilizza variabile finestra del codice HTML. Inoltre, utilizzare alcuni principi di progettazione per fornire un'interfaccia grafica user-friendly che è facile da navigare e usare.

istruzione

Regolazione delle dimensioni dello schermo automatica

1 Aprire il file di codice sorgente per l'applicazione Web in un programma di editor di testo.

2 Vai all'inizio del documento di origine, trovare la sezione "<head>" e inserire il seguente codice sotto il tag "<title>" o raggruppate con altre "<meta>" tag:

<Meta name = "viewport" content = "width = device-width, user-scalable = no" />

3 Salvare il file nel vostro editor di testo, caricarlo sul server di hosting e visitare l'indirizzo del sito web sul proprio dispositivo Android.

Principi di progettazione

4 Creare icone per il vostro web app che non sono troppo piccolo per il grande schermo e non troppo grande per lo schermo più piccolo. È necessario trovare un mezzo uguale dove le icone e altri elementi grafici guardano presentabile in ogni dimensione dello schermo.

5 Utilizzare le icone ad alta definizione e la grafica che hanno un 300 punti per pollice o il valore più alto. Grafica ad alta definizione aspetto pulito e fresco su schermi più grandi e non perdono la loro qualità quando ridimensionato per adattarsi su uno schermo più piccolo.

6 Impostare le dimensioni del carattere per il testo in modo che sia leggibile su piccoli e grandi schermi. Un font di 12 punti per la maggior parte tipi di font può essere letto sulla maggior parte schermi dei cellulari. Tuttavia, potrebbe essere necessario regolare questo valore verso l'alto o verso il basso un po 'in base al tipo di carattere si utilizza nell'applicazione Web.

7 Creare un menu orizzontale stazionario per il Web app. Un menu orizzontale con un valore di posizionamento assoluto mantiene il menù fisso nella sua posizione, a prescindere se l'utente fa scorrere verso l'alto o verso il basso nella pagina. Il luogo ideale per un menu orizzontale è in alto o in basso.