App per iPad per il tuo flusso di lavoro di web design

Abbiamo parlato del tablet e del web design insieme per quasi due anni, ma sempre come dispositivo consumer per il quale stiamo progettando. Tuttavia, il tablet non è solo per il nostro consumo di siti Web, ma anche per la loro creazione attraverso la disponibilità di un sacco di grandi app orientate al design.

Dalle app di pianificazione di base ai codificatori di codice per lo sviluppo del tuo sito, l'iPad ha una buona selezione e mostreremo alcuni dei migliori oggi.


Adobe Ideas

Adobe Ideas è un'app per album di schizzi digitali di Adobe che ti consente di disegnare contenuti sul tuo iPad tra cui wireframe disegnati a mano e altri disegni orientati alla pianificazione. Adobe Ideas è un'ottima app per disegnare, ovunque, in modo naturale con il dito.

Adobe Ideas offre tutti gli strumenti di base tra cui slider di dimensioni e opacità per il tuo marchio. Per un acquisto in-app (che è commercializzato come una "funzione premium" anche se Adobe ora addebita l'app di base), puoi anche ottenere la funzionalità dei livelli per creare i tuoi disegni livello per strato.

Adobe Ideas è un'app $ 5,99 disponibile su App Store per iPhone e iPad, anche se i livelli richiedono un acquisto in-app da $ 0,99.


iMockups

Dove Adobe Ideas è principalmente un'app di sketchbook generica, iMockups è qualcosa di molto più specifico. Con il suo nome appropriato, è probabile che iMockups sia un'app per la creazione di mockup e wireframe per siti Web e app iPhomne / iPad.

Come molti strumenti di wireframing, il processo di creazione principale consiste nell'utilizzare un gruppo di elementi di pre-progettazione e sistemarli sulla tela. Quando li hai attivati, i controlli modali ti permettono di spostarli alla perfezione dei pixel usando i nudges o le coordinate.

iMockups è ottimo per il wireframing rapido, soprattutto quando sei lontano dalla tua scrivania. È disponibile su App Store per $ 6,99.


Pad beffardo

Mocking Pad è un'altra app wireframing con una storia simile a iMockups. L'app consente agli utenti di inserire un numero di elementi marchiati con il carattere in stile Marker Felt che è diventato sinonimo di app wireframing.

Mocking Pad è $ 9,99 nell'App Store.


OmniGraffle

OmniGraffle è una delle app più costose su App Store, con un guadagno di $ 49,99, ed è tutta una questione di pianificazione. OmniGraffle è un'app di pianificazione per la creazione di diagrammi, grafici, wireframe e altri layout che è promosso come altamente adattabile a un sacco di diverse situazioni tra cui web e graphic design. OmniGraffle utilizza l'input multitouch del tuo iPad per aiutarti a fare qualsiasi cosa, dai disegni di base a mano libera a grafici strutturati completi.

L'app è disponibile per $ 49,99 su App Store. Tuttavia, si dovrebbe notare che le recensioni criticano i limiti delle esportazioni e il quasi requisito di avere un Mac se si desidera modificare i file dall'iPad poiché OmniGraffle non è disponibile per Windows.


SketchyPad

Un'altra app per wireframing per iPad è SketchyPad. Come tutti gli altri, SketchyPad ti consente di creare wireframes e piani per i tuoi progetti web ovunque sul tuo iPad. Mentre il concetto di cosa fa l'app è sostanzialmente uguale a quello degli altri, SketchyPad lo fa con un po 'più di colore rispetto agli elementi monocromatici degli altri.

SketchyPad è nell'App Store per $ 4,99.


Dropbox

Ora stiamo entrando nelle app che puoi effettivamente utilizzare nella fase di creazione del web design. Dropbox è più un'utilità dietro le quinte che può essere utilizzata per sincronizzare il contenuto tra più dispositivi in ​​modo che un documento sull'iPad possa essere completamente sincronizzato con il computer e viceversa.

Dropbox è anche integrato in alcune delle altre app di questo elenco che ha un ingombro quasi silenzioso sul tuo flusso di lavoro e facilita la sincronizzazione dei tuoi documenti tra dispositivi.

Dropbox è un'app gratuita su App Store e un account gratuito ti offre 2 GB di spazio di archiviazione con piani a pagamento più ampi disponibili.


Evernote

Evernote è un'app di memorizzazione e archiviazione che non è specifica per il web design ma può essere utilizzata all'interno del flusso di lavoro di un designer. Nel web design, Evernote può essere un ottimo modo per archiviare immagini e idee ispiratrici da richiamare successivamente su uno dei tuoi dispositivi collegati.

Questa app per iPad è stata inserita in una tonnellata di elenchi onorati tra cui "Top 10 Must-Have Apps" del New York Times. È disponibile gratuitamente su App Store, con piani a pagamento disponibili per una maggiore capacità di archiviazione e altre funzionalità, compresi i notebook offline.


Adobe Photoshop Express

Adobe Photoshop Express è un'altra app di Adobe che è meno focalizzata sulla creazione di nuove immagini (come Adobe Ideas) e più sulla modifica di quelle esistenti. Ciò significa che se si utilizza l'iPad come un dispositivo di progettazione Web, è molto semplice eseguire alcune piccole modifiche alle immagini, tra cui ritaglio, rotazione, manipolazione di esposizione / saturazione e applicazione di bordi ed effetti.

Adobe Photoshop Express è disponibile su App Store gratuitamente. C'è anche un acquisto in-app da $ 4,99 che ti dà "Adobe Camera Pack", un set di strumenti per il tuo telefono / tablet / fotocamera per iPod.


Textastic

Textastic è un'app di editing di testo versatile per iPad, un'app che usavo molto. Textastic include tutte le funzionalità di base di un buon editor di testo come l'evidenziazione della sintassi, la numerazione delle righe, il conteggio di righe / caratteri, anteprime e altro.

Inoltre, Textastic è una di quelle applicazioni che ho citato in precedenza con il supporto Dropbox, che ti consente di lavorare su un sito sul tuo iPad e sincronizzarlo con altri dispositivi (e viceversa).

Textastic è disponibile su App Store per $ 9,99.


Gusto

Come Textastic, Gusto è un'applicazione di modifica del codice che consente all'iPad di diventare una vera piattaforma di produttività. Molti web designer basati su Mac scelgono di usare Coda e Gusto condivide molte funzionalità simili tra cui un file system "Sites" che organizza i file per ognuno dei diversi prodotti.

Naturalmente, proprio come Textastic, Gusto include tutti i tratti fondamentali di un buon editor di codice tra cui l'evidenziazione della sintassi, la numerazione delle linee, ecc. Gusto include anche il supporto integrato per il trasferimento di file tramite FTP e SFTP che condivide alcuni dei vantaggi della sincronizzazione su un servizio come fornisce Dropbox.

Gusto è disponibile per $ 9,99 nell'App Store.


Tipografia Insight

La buona tipografia è un elemento fondamentale del buon web design e, solo per questo motivo, Typography Insight dovrebbe essere nel toolkit per iPad di qualsiasi buon designer web. L'app ha un sacco di strumenti per provare e confrontare diversi tipi di caratteri con metodi come digitare un font, guardarli con diversi livelli di zoom abilitati e misurare.

Gli strumenti di confronto possono essere la migliore funzionalità, tuttavia, consentendo di mettere i caratteri fianco a fianco e in alto per prendere decisioni più istruite su cosa utilizzare nel proprio lavoro.

Typography Insight è relativamente più economico di altre app su questo elenco, vendendo per $ 1,99 nell'App Store.


CSS3Machine

CSS3Machine è un'app per iPad per creare stili CSS e provarli in anteprima. Con l'app, puoi creare vari stili CSS tra cui trasformazioni, gradienti e altro, e quindi trasferirli sul tuo computer tramite WiFi.

L'app è nell'App Store a $ 3,99.


.net: Web design pratico

.net è un web design e una rivista incentrata sullo sviluppo che copre argomenti come CSS, PHP, JavaScript e HTML5 scritti da "molti dei più autorevoli web designer e agenzie di design creativo del mondo".

.net è una rivista disponibile su App Store, e i problemi hanno un prezzo di $ 6,99 o sono disponibili tramite i piani di abbonamento per tre mesi ($ 20,99), sei mesi ($ 34,99) e un anno ($ 64,99).


Ecco qua, tredici fantastiche app per iPad che dovrebbero essere sull'iPad di qualsiasi buon web designer! Se hai qualche suggerimento, sentiti libero di lasciarli nei commenti.