Dal alcuni giorni ho acquistato l’iPad, non il due ma la prima versione, per quello che serve a me basta e avanza.

Tempo fa ero abbastanza scettico sull’utilizzo dell’iPad per un designer, ma a volte è bello anche ricredersi.
Oggi voglio cercare di farti ricredere anche a te, se percaso pensavi che l’iPad è solo un grande iPhone, e non è per nulla utilizzabile per noi web designer.
Come lo usi l’iPad?Il mio obiettivo è quello di sostituire la Moleskine in tutto e per tutto durante i briefing e incontri con i clienti.
Integrerò nell’iPad anche una selezioni di lavori svolti e una raccolta di design e loghi nella libreria foto da mostrare ai clienti.
Inoltre utilizzerò sempre l’iPad per la dimostrazione bozze e preventivi.
Ecco le mie cinque applicazioni iPad che voglio consigliarti, indispensabili nel mio lavoro di Web e Design.
iMokupsiMockups penso che attualmente sia la migliore applicazione per creare Mockup avanzati con iPad.
Clicca qui per vedere il video incorporato.
L’applicazione non è gratuita ma a pagamento circa 6,99€ ma vi assicuro che ne vale davvero la pena!
Bamboo PaperBamboo Paper è un’ ottima applicazione prodotta da Wacoom, famosa marca di tavolette grafiche, permette di avere un quaderno digitale dove prendere appunti e disegnare.
Clicca qui per vedere il video incorporato.
Per utilizzare questa app e molte altre simili, è consigliato avere una penna per tablet, io attualmente uso la penna Griffin.
Photoshop ExpressPhotoshop Express è l’applicazione ufficiale di Adobe Photoshop, che permette di creare effetti preconfezionati su immagini.
Clicca qui per vedere il video incorporato.
Grazie alla possibilità di accedere a filtri online, avremo una libreria quasi infinata e in continuo aggiornamento per le nostre foto.
FreeFormFreeForm è un’applicazione a pagamento, che permette in modo semplice di disegnare modificando forme, ottenendo file in formato vettoriale.

Questa app permette facilmente di creare bozze di loghi in vettoriale con molta facilità.
Adobe IdeaAdobe Idea è un aplicazione ufficiale di Adobe, che permette di disegnare con diversi strumenti.
Clicca qui per vedere il video incorporato.
Tra le caratteristiche interessanti, vi segnalo la possibilità di introdurre in un secondo livello una qualsiasi foto nella librearia e modificare con tracciati o schizzi.
Avete altre applicazioni da consigliare?

The WakeMate wristband monitors your sleep cycles, and uses your iPhone, Android, or BlackBerry device to wake you at the most opportune time. More »

iOS: Sign Me Out is a helpful iOS app that'll let you remotely check up on your Gmail and Facebook accounts to see if you're signed in from any other locations. If you are, you can click a big red sign me out button to disconnect a potentially unauthorized user. More »

L’altra volta avevamo visto alcune strategie e consigli su come creare un layout grafico per iPhone, oggi parliamo di iPad.

Tra l’iPhone e iPad ci sono numerose differenze e durante la progettazione grafica non bisogna sottovalutare alcuni aspetti.

Uno degli aspetti più caratterizzanti dell’iPad è la sua variante di visualizzazione a seconda dell’orientamento orizzontale e verticale dell’iPad.

Andiamo per ordine, scopriamo insieme alcuni informazioni tutili per creare un layout grafico per iPad.

Il Browser
Il browser che troviamo in ogni iPad è identico a quello dell’iPhone ovvero Safari Mobile e si basa su WebKit, lo stesso motore di rendering di Safari per Mac e Windows e per altri browser.

Il browser supporta linguaggi HTML 4.01, XHTML 1.0, CSS 2.1, CSS 3 (in parte), JavaScript 1.4, supporto del Dom e Ajax.

Abbiamo la possibilità di visualizzare file Pdf e Microsoft Office (Word, Powerpoint, Excel), immagini Gif, Jpeg, Png e Tiff.

Possiamo far riprodurre filmati QuickTime e file MP3 direttamente dalle pagine Web.

Attualmente non vi è il supporto alla tecnologie Adobe Flash o Java, un’ottima alternativa è usare HTML5.

La dimensioni
Alla rotazione dell’iPad, come succede con l’iPhone, avviene una trasformazione di layout in dimensioni, da verticale Portrait a orizzontale Landscape.

Le dimensioni dell’iPad sono differenti dell’iPhone, in verticale in versione Portrait 768px x 1204px e orizzontale in versione Landscape 1024px x 768px

Qui sopra possiamo vedere le misure in pixel di un layout standard per iPad, queste dimensioni sono realizzate in modo da non stravolgere completamente la grafica da orizzontale e verticale.

Se per l’iPhone non vengono quasi mai realizzate due grafiche per la rotazione, in quanto le dimensioni sono quasi simili, per l’iPad spesso si realizzano due versioni.

Conoscere le dimensioni di visualizzazioni del browser è necessario per costruire una grafica ottimizzata e di facile utilizzo.

La struttura
Se stiamo creando la grafica per un’ applicazione non abbiamo molti problemi di compatibilità con altre strutture, in quanto solo una sarà prioritaria.

Qualora volessimo creare una versione mobile di un nostro sito o blog per iPhone o iPad consiglio sempre di realizzare una struttura a parte.

Questo ti permette di scindere le due strutture, web e mobile, e non dover ogni volta rischiare di andare in conflitto con alcune  caratteristiche.

Una volta realizzata la struttura in HTML o HTML5 potremo gestire i due tipi di visualizzazione con i CSS.

Portrait o Landscape?
Avendo due tipi di orientazioni, verticale e orizzontale corrispondenti a Portrait e Landscape, dovremo usare i CSS per condizionare la visualizzazione corretta a seconda dell’orientazione dell’iPad.

Conoscendo le dimensioni delle due versioni potremo condizionare la lettura del file CSS pripario inserendo le seguenti linee di codice tra i tag <head> </head> in questo modo:

<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">

La prima linea di codice abiliterà la lettura di portrait.css se l’orientamento dell’iPad è verticale quindi Portrait, mentre la seconda abiliterà la lettura di landscape.css se orrizzontale quindi Landscape.

Un’altro metodo per gestire le orientazioni dall’interno di un unico CSS è il seguente:

/* Dimensioni Standard */
#wrap {
width:1024px;
}
@media only screen and (orientation:portrait){
/* Dimensioni per orientamento Portrait */
#wrap {
width:768px;
}
}

In questo modo stabiliamo una largezza standard di 1024px, e se le dimensioni cambieranno verranno cambiate con 768px Portrait.

Risorse Vettoriali interfaccia iPad
Ecco un paio di siti web che offrono risorse vettoriali per interfaccia iPad.

iPad GUI PSD

iPad Stencil for Omnigraffle

iPad Icon Set by Chris Spooner

Free Apple iPad PSD File Download

iPad vector GUI elements

Da pochi giorni è stato rilasciato jQuery Mobile un framework in versione Alpha per lo sviluppo di dispositivi mobile, che sfrutta la libreria famosa jQuery.

Tra i dispositivi mobile compatibili con questo nuovo progetto troviamo, iOs, Android, BlackBarry, Bada, Windows Phone, Plam Web OS, Symbian, MeeGo.

Possiamo provare con i dispositivi mobile, tutte le nuove caratteristiche, grazie a una demo online con tanto di documentazione.

Sempre sul sito è possibile visualizzare una tabella comparativa sulle compatibilità dei diversi browser mobile.

Infine vi segnalo il Forum ufficiale e il Blog ufficiale in cui saranno pubblicate news e comunicazioni.

Il formato ePub è uno standard aperto specifico per la pubblicazione di libri digitali basato su XML.

Questo formato è studiato appositamente per adattare il testo alle dimensioni dello schermo e del carattere, ideale per la lettura di documenti su dispositivi mobili.

Anche essendo giovane, il formato ePub è stato adottato dai maggiori lettori di eBook incluso il famoso iPad di Apple.

Le caratteristiche che contraddistinguono questo formato sono:

Formato aperto
Testo “re-flowable” e ridimensionabile
Grafica raster e vettoriale
Metadata inclusi
Supporto DRM
Utilizzo degli stili CSS
Possibilità di incorporare font
Utilizzo di tutte le funzionalità XML

Cosa devo usare per creare un eBook in ePub?
Dobbiamo sapere che è dalla versione CS4 di InDesign che è possibile esportare documenti in formato .ePub, con la nuova suite CS5 sono stati introdotti altri parametri interessanti da andare a configurare come l’inserimento di metadati, la formattazione dei testi e compressione di immagini.

InDesign crea un singolo file .epub che include una miniatura JPEG della prima pagina del documento specificato, questa miniatura viene utilizzata per rappresentare il libro nella visualizzazione libreria del lettore Digital Editions.

Ci sono svariati programmi e servizi web che permettono la creazione di un eBook in formato ePub da zero oppure la conversione di un comune file .doc o .PDF in .ePub.

A mio giudizio Adobe InDesign CS5 per la creazione di eBook + Digital Editions (che vedremo dopo nell’articolo) per la lettura rimangono la soluzione migliore e professionale.

Ecco alcuni software e servizi online per la creazione di eBook in .ePub.

Adobe InDesign

Software di casa Adobe che permette di impaginare in modo professionale qualsiasi documento con un’ottima integrazione con gli altri programmi.

Una volta realizzato il nostro eBook potremo esportare il documento in ePub da File > Esporta per > ePub (o Digital Editions)

Adobe Buzzword

Client web di Adobe che permette di visualizzare eBook, convertire e creare documenti in formato .ePub in modalità collaborativa.

Ottima interfaccia utente simile a InDesign, strategico per per progetti da far gestire a più persone in tempo reale.

Altri Servizi…
Oltre a programmi e client desktop sono disponibili servizi online gratuiti che ci permettono di creare un eBook in formato .ePub da zero oppure effettuare delle conversioni in tale formato.

Stanza

Stanza è un programma per la lettura di eBook e la gestione di una libreria disponibile per Windows, Linux, OSX o per iPhone.

Stanza offre la possibilità di convertire eBook in altri formati tra cui ePub, ma non consente altri interventi sui formati.

Calibre

Calibre è un programma open source per la lettura e conversione formati eBook in ePub disponibile per Linux, OSX e Windows.

Oltre alla lettura è possibile intervenire sulle varie caratteristiche dei formati come metadata, impaginazione, formattazione.

Feedbooks

Feedbooks è un servizio online che permette di creare gratuitamente eBook in formato ePub.

Creando un account gratuito avremo la possibilità di inserire le caratteristiche basi per il nostro eBook, capitoli, nome, formattazione e infine verrà generato in diverse versioni, tra cui ePub.

Come faccio a provare i miei eBook in ePub?
Adobe Digital Editions è un’applicazione gratuita di Adobe in Adobe Air che permette la lettura di formati ePub e la sua simulazione fedele sui lettori iPad.

Questo strumento offre supporto nativo per i formati PDF ed EPUB è rappresenta lo standard approvato ISO per la conservazione a lungo termine dei documenti elettronici

Una volta scaricato il client Digital Editions, possiamo scaricare eBook in ePub per effettuare test e sviluppo direttamente dalla libreria.

Infine abbiamo la possibilità di leggere una completa documentazione per utilizzare questo strumento al meglio.

Approfondimenti e Tutorial
Ecco alcune guide e strategie su come creare eBook.

Creare ePub per l’iPad con InDesign CS5

Creare e vendere eBook come Editore Online

Come Diventare Editore di eBook

Domande frequenti sugli ePub

Apple ha rilasciato oggi un comunicato stampa con le cifre di vendita del suo ultimo dispositivo, l’iPad; per la precisione ne sono stati venduti 2 milioni in meno di 60 giorni.

Ma questo che vi andrò a presentare adesso, della serie “quando la copia è meglio dell’originale” (ma anche no..), non ha nulla a che invidiare all’iPad.

(...)Continua a leggere iPed, un (nuovo) clone dell’iPad con Android su Androidiani.Com

© Alex for Androidiani.com, 2010. |
Permalink |
Add to
del.icio.us

Post tags: clone ipad, ipad, ipad android, iped

Ormai spuntano come funghi. Parliamo dei cloni cinesi (e anche dei tablet).

Quest’oggi abbiamo l’APad iRobot, dal design molto simile a quello dell’iPad di Apple. E’ basato su Android ed è dotato di un display da 7 pollici con una risoluzione di 800×480 pixel e un rapporto d’aspetto 16:9.

(...)Continua a leggere APad iRobot: l’ennesimo clone dell’iPad con Android su Androidiani.Com

© Alex for Androidiani.com, 2010. |
Permalink |
Add to
del.icio.us

Post tags: android, APad iRobot, cina, ipad, tablet

Ci siete tutti? Siete ancora tutti interi? Bene, a quanto pare anche quest’anno siamo riusciti ad uscire indenni dal primo aprile, il giorno dell’anno in cui anche il più serio ed affidabile fornitore di news si trasforma in una fabbrica di panzane e birichinate.

Da Google a Wikipedia, passando per YouTube e Toshiba, sono stati molti i grandi nomi del mondo informatico che ieri ci hanno fatto divertire con le loro trovate. Se volete sapere quali, non dovete far altro che mettervi belli comodi e sfogliare l’elenco dei più bei pesci d’aprile 2010 sul Web che abbiamo preparato per voi. Buon divertimento!

Google diventa Topeka

Non potevamo non cominciare con ‘big G’, che ieri ha ribattezzato il suo motore di ricerca in “Topeka”. Motivo? Semplice, Topeka è il nome di una delle prime cittadine americane che sperimenteranno la tanto attesa banda larga di Google.
(...)Continua a leggere Pesci d’aprile 2010 sul Web: da Google a Wikipedia ecco i migliori, su Geekissimo

© naqern per Geekissimo, 2010. |
Permalink |
14 commenti |
Aggiungi su del.icio.us

Hai trovato interessante questo articolo? Leggi altri articoli correlati nelle categorie Curiosità, Internet.

Post tags: google translate, iPad, pesce d'aprile, Qualcomm, topeka, toshiba