Curiosando come al solito sul web, mi sono imbattuto nuovamente nell’ormai famosissimo PageFlip, trattato già sul mio Blog.

Ho scoperto per caso un forum dedicato interamente al PageFlip

Ho notato una bella implementazione per creare una sorta di zoom con il PageFlip:

PageFlip v2 Zoom

Analizziamolo insieme:

Lo zoom viene strutturato in modo tale da lasciare aree sensibili al fine di indirizzare lo zoom su quel determinato punto, ovviamente le aree sono un pò approssimative, ma il risultato è buono.

Ovviamente se volete avere uno zoom senza problemi di sgranatura di immagini o testo, vi consiglio di vettorializzare il tutto, per i testi potete provare anche a incorporare i caratteri anche se appesantirà parecchio.

Vettorializzare??

La grafica vettoriale, essendo definita attraverso equazioni matematiche, è indipendente dalla risoluzione, se viene ingrandita o viene visualizzata su un dispositivo dotato di una risoluzione maggiore di quella del monitor non perde di definizione.

Per vettorializzare un testo vi basta cliccare con il tasto destro del mouse e premere DIVIDI, la prima volta dividerete le singole lettere, la seconda volta di seguito l’intero testo.

Per le immagini invece oltre a vettorializzare, cercate di inserirle con una dimensione e qualità abbastanza alta per non avere problemi di sgranatura.

Scarica il sorgente
Guarda il Tutorial

Fonte [76design]

Letture Consigliate per Blog

Articoli simili

Autore:

Giuliano Ambrosio è un Web Designer Freelance di Torino che ama la grafica e sperimentare tecniche di creatività sul web. Grazie all'esperienza maturata nel campo del web design potrai scoprire i servizi disponibili, oppure guardare i suoi ultimi lavori.