Share
Utilizziamo numerosi strumenti e servizi su Tuts +, oltre a insegnare come usarli attraverso materiale didattico regolarmente pubblicato su questo sito. Qui ci sono le nostre migliori risorse consigliate per i professionisti del web design, che viene assemblato dalla nostra redazione.
Nota che alcuni dei link sottostanti sono link affiliati. Ciò significa che guadagneremo una piccola commissione se acquisti quel particolare strumento o servizio. Se lo fai, ti ringraziamo per il supporto dei Tut+.
Adobe Creative Cloud è un abbonamento permanente che consente di scaricare e installare qualsiasi applicazione Adobe Creative Suite. Ottieni anche servizi online per la condivisione di file, la collaborazione e la pubblicazione. Nel tempo il costo dell'iscrizione si aggiunge, ma è un ottimo modo per ottenere tutti gli strumenti necessari per un basso costo iniziale di investimento. Con questo servizio avrai sempre la versione più recente del miglior software di design di Adobe. Scopri di più su Adobe.
Con questo plug-in Photoshop puoi creare colonne, righe, punti medi e linee di base accurate. Questo è un ottimo strumento per impostare le tue griglie di design in Photoshop. Le griglie possono utilizzare più tipi di misure. Meglio di tutti è gratis. Scopri di più su GuideGuide.
CSS Hat accelererà il tuo flusso di lavoro di web design. Con questo utilissimo plugin per Photoshop puoi generare CSS3 in base agli stili di livello di Photoshop. Genera CSS validi e ben codificati direttamente dai tuoi livelli PSD in Photoshop. Questo plugin semplifica la traduzione rapida del tuo design da Photoshop al tuo browser. Scopri di più su CSS Hat.
Inizia con la nostra serie Fireworks Pro. Adobe Fireworks CS6 ti aiuta a creare bellissimi design per siti Web e app mobili in un attimo. Produce wireframe, mockup i tuoi progetti, distribuisci immagini vettoriali e bitmap e contenuti interattivi per tablet, smartphone e siti web famosi. Scopri di più su Adobe.
Balsamiq è un'app wireframing che ti consente di creare layout web e schermo con un tocco disegnato a mano. Presentando wireframe in uno stile abbozzato non intimidisce i clienti. Ciò consente loro di concentrarsi sul posizionamento di elementi chiave nel design. È veloce da utilizzare e facile da implementare. Scopri di più su Balsamiq.
Coda è uno degli editor di codice preferiti di molti web designer professionisti. Ha un aspetto familiare Mac per le creatività visive, mentre fornisce funzionalità di modifica del codice robuste. Coda 2 ha aggiunto nuove interessanti funzionalità, come: code folding, smart complete, gestione dei file migliore e altro. Scopri di più su iTunes.
Transmit 4 è l'ultimo client FTP, SFTP, WebDAV, Amazon S3 per il trasferimento di file su Mac. È veloce, ha una comoda vista a due riquadri, facile da utilizzare e consente trasferimenti a più connessioni. Scopri di più su iTunes.
Sublime Text è un sofisticato editor di testo per codice, markup e prosa. Vanta un'interfaccia utente elegante e prestazioni sorprendenti. Il set di funzioni è robusto, con editing diviso, la possibilità di andare a qualsiasi cosa e la modalità senza distrazioni. Scopri di più su Sublime Text.
TextExpander ti farà risparmiare tempo, enormi quantità di tempo. Con questa utile app è possibile salvare i frammenti di codice più utilizzati per inserirli rapidamente nel progetto client più recente. Inoltre, salva interi modelli di email, firme o frammenti di testo di uso frequente. TextExpander può eliminare qualsiasi testo impostato in qualsiasi programma su cui stai lavorando. Scopri di più su iTunes.
Gradiente aiuta a semplificare la creazione di gradienti CSS3. Ci vuole il noioso processo di creazione dei gradienti CSS3, il che rende la maggior parte dei web designer oppressa e lo rende facile. Scopri di più su iTunes.
Con Typekit puoi aggiungere una linea di codice alle tue pagine e scegliere tra centinaia di caratteri web. Semplice, a prova di proiettile, conforme agli standard, accessibile e totalmente legale. Con Typekit puoi espandere notevolmente le tue scelte di font per il web design. Scopri di più su Typekit.
Con typecast puoi creare una migliore tipografia web con meno problemi. Stile rapidamente nel browser e verifica la leggibilità, il rendering e la bellezza mentre lavori. Mentre progetta in modo intuitivo, il browser rende le cose semantiche, creando codice che corrisponda a ogni decisione progettuale. Scopri di più su Typecast.
Se lavori come creativo grafico freelance, la tua attività trarrà vantaggio da ConceptShare. Questo servizio cloud aiuta le creatività a ottenere feedback da parte dei clienti sulle risorse visive. Migliora il processo di approvazione del cliente e consente di fornire risultati brillanti in tempo e su specifiche. Scopri di più su ConceptShare.
BrowserStack aiuta a ridurre i tempi di sviluppo. Offre test dal vivo di altri browser tramite il browser. Ottieni l'accesso immediato a tutti i browser attraverso le piattaforme. Dimentica la maldestra macchina virtuale e l'installazione mobile. Scopri di più su BrowserStack.
Con FormStack puoi creare moduli online intuitivamente e con facilità. Raccogli i dati attraverso moduli di iscrizione, sondaggi, moduli d'ordine, registrazioni di eventi e altro. Con FormStack i dati raccolti possono essere integrati con le applicazioni Web più diffuse. Iscriviti ora per iniziare a costruire le tue forme. Scopri di più su FormStack.
Con Polldaddy puoi creare sondaggi, sondaggi e quiz in pochi minuti. Conosci le opinioni del tuo pubblico. Raccogli le risposte tramite il tuo sito web, e-mail, iPad, Facebook e Twitter. Genera e condividi rapporti di facile lettura. Scopri di più su Polldaddy.
ExpressionEngine è un elegante sistema di gestione dei contenuti. La sua flessibilità e sicurezza, combinata con il suo supporto di livello mondiale, è una ricetta per il successo online. Combina potenti strumenti CMS con supporto di qualità. Scopri di più su ExpressionEngine.
LightCMS è di design amichevole, facile da usare e con cui lavorare. L'hosting di alto livello è integrato in LightCMS, quindi non c'è nulla da installare, aggiornare o mantenere. Hanno anche funzioni di eCommerce integrate. Scopri di più su LightCMS.
Squarespace 6 è l'aggiornamento più recente di questo sistema di gestione dei contenuti e una soluzione di hosting inclusiva. Questa è una soluzione ottimale per i clienti che vogliono gestire i propri siti Web con poco supporto necessario. Hanno eccellenti opzioni per i modelli e un motore di layout che ti consente di creare configurazioni di pagina personalizzate con facilità. Tutti i loro temi sono mobili. Scopri di più su Squarespace.
WordPress è un software web che puoi usare per creare blog e siti web completi. È una soluzione di gestione dei contenuti gratuita ed estremamente popolare. Ci sono camion carichi di temi WordPress di qualità tra cui scegliere, sia gratuiti che opzioni Premium. Scopri di più su WordPress.
Media Temple offre hosting web affidabile e scalabile e supporto live 24/7. Sono noti per avere una configurazione tecnica solida e hanno un'ottima reputazione. Scopri di più su Media Temple.
WpEngine offre hosting WordPress senza problemi. È veloce, scalabile, sicuro e offre supporto completamente gestito. Se stai configurando un sito WordPress per i tuoi clienti, allora WpEngine è una scelta leader del settore per l'hosting. Scopri di più su WpEngine.
Placeit è un generatore di mockup; uno strumento online che consente di incorporare i propri progetti (che si tratti di progettazioni dell'interfaccia utente, loghi, altre risorse di branding) in ambienti di presentazione. Ad esempio, potresti avere un design di app che desideri posizionare all'interno di un iPhone su un tavolino o sovrapporre il tuo logo sulla maglietta di un modello. Forse ti piacerebbe anche vedere i tuoi disegni incorporati nei video di serie (seriamente, devi dare un'occhiata ai video). Con quasi 3.000 modelli e conteggi, Placeit è sicuro di avere ciò che stai cercando.
Su ThemeForest puoi acquistare e vendere modelli HTML e temi per prodotti CMS popolari come WordPress, Joomla e Drupal con prezzi che vanno da soli $ 5 a $ 40. GraphicRiver è un marketplace Envato e sito gemello per Webdesigntuts +. È il nostro più grande, il mercato più attivo e una grande comunità con cui essere coinvolti. Scopri di più su ThemeForest.
In GraphicRiver puoi acquistare e vendere file Photoshop, vettori, pacchetti di icone, componenti aggiuntivi Adobe e modelli di progettazione gratuiti per pochi dollari. GraphicRiver è un marketplace Envato e sito gemello per Webdesigntuts +. Il sito è sede di una comunità appassionata di grafici e illustratori. Ulteriori informazioni su GraphicRiver.
A PhotoDune puoi acquistare e vendere fotografie e immagini royalty-free a partire da $ 1. PhotoDune è un marketplace Envato e sito gemello di Webdesigntuts +. Gli articoli hanno un prezzo sulla dimensione / megapixel di ciascun file. Se hai bisogno di immagini di qualità a prezzi accessibili per il tuo prossimo progetto di web design, questa è una grande risorsa da sfruttare. Scopri di più su PhotoDune.
MyFonts è la raccolta di font più grande al mondo disponibile su un sito Web facile da usare. Mettono insieme i caratteri di entrambe le grandi aziende di font e boutique. I caratteri di qualità vengono aggiunti ogni giorno. Se stai cercando un nuovo font per il tuo prossimo progetto client, questo è il sito in cui trovarlo. Scopri di più su MyFonts.
Il negozio Fonts.com di Monotype Imaging offre più di 150.000 prodotti di carattere per l'anteprima, l'acquisto e il download. Monotype è stato in giro per secoli ed è un produttore di font leader. Puoi anche imparare nuove versioni di caratteri tipografici e scoprire suggerimenti e tecniche tipografiche sul loro sito. Scopri di più su Fonts.com.
Questi taccuini arancioni francesi hanno un seguito cult, sì i creativi si innamorano dei loro strumenti. Questi pad economici sono uno dei nostri preferiti. Ci piace sfiorare le loro griglie, la carta liscia e le copertine uniche. Rhodia è stata trasportata dagli artisti dagli anni '30, quindi l'uso di questi elementi sembra che tu stia registrando una ricca eredità creativa. Ulteriori informazioni su questi notebook su Amazon.
Non andremmo così lontano da dire che hai bisogno di uno zaino elegante o di una custodia, ma chi non ne vuole uno. Incase rende alcuni dei nostri preferiti. Fanno borse e custodie di tendenza che sono perfette per il carrello del tuo computer portatile MacBook, memorizzando il tuo equipaggiamento creativo, iPad o iPhone. Scopri di più su Amazon.
Adobe Ideas è il tuo taccuino digitale mobile che ti consente di catturare ed esplorare le idee ovunque tu vada. Questa app mobile ti consente di disegnare facilmente utilizzando i vettori, riutilizzare colori specifici utilizzando lo strumento Eyedropper, salvare e utilizzare più temi di colore. Regola l'opacità del livello, sposta, ruota e ridimensiona ogni livello in modo indipendente. Scopri di più su questa app mobile su iTunes.
Procreate è un ottimo album da disegno e app di disegno per il tuo iPad. È veloce con cui lavorare in modo da poter far cadere velocemente le tue idee. Ha una vasta gamma di pennelli tra cui scegliere, strumenti di livello studio e si sente intuitivo con cui disegnare. Ulteriori informazioni su questa app su iTunes.
Autodesk SketchBook Pro per iPad è un'applicazione di disegno e pittura professionale. Utilizzando lo stesso motore di disegno della controparte desktop, SketchBook Pro offre un set completo di strumenti di disegno e pittura. Questa app di sketch popolare ha molti fan. È un'ottima scelta per disegnare sul tuo iPad. Ulteriori informazioni su questa app su iTunes.
Se possiedi un iPad e sei un grafico, adorerai questa bellissima app di riferimento. FontBook è il riferimento più completo al mondo sulla tipografia digitale. Documenta il lavoro di 118 rinomate fonderie di tipo internazionale, che rappresentano quasi 1650 tipi di designer, costituendo 35.000 caratteri da 8050 famiglie di font. L'app FontBook presenta questa selezione attraverso 700.000 esempi di caratteri tipografici che possono essere facilmente spiegati, cercati, stratificati, spostati, fatti scorrere e combinati come una raccolta di mappe - davvero fantastici. Ulteriori informazioni su questa app su iTunes.
Trasforma le tue immagini con le funzionalità principali di Adobe Photoshop in questa app progettata per i tablet. Puoi combinare immagini, applicare effetti professionali e condividere risultati dalla praticità del tuo iPad. Usa le popolari funzioni di Photoshop progettate per il tablet come livelli, strumenti di selezione, regolazioni e filtri per creare immagini professionali. Ulteriori informazioni su questa app su iTunes.
iA Writer è un'app snellita per la scrittura che mantiene l'attenzione unicamente sui tuoi pensieri. È sviluppato dall'eroe della tipografia Oliver Reichenstein. Questa app ha venduto oltre 400.000 copie e ha aiutato studenti, giornalisti e autori di bestseller a trovare più piacere nel lavorare con il testo. È spaventoso. Ulteriori informazioni su questa app su iTunes.
Diet Coda è una funky versione per iPad del popolare editor di codice. Ci sono alcune limitazioni con l'app, ma funziona bene per l'implementazione di modifiche rapide del codice live ai tuoi siti mentre sei in viaggio. Ci sono alcune caratteristiche interessanti come AirPreview che ti permette di usare l'iPad per vedere in anteprima il tuo lavoro Coda dal tuo laptop. Ulteriori informazioni su questa app su iTunes.
Il re wireframing su iPad. Usando semplici gesti multitouch, disegna forme, trascina oggetti e fai lo styling di tutto finché non è giusto. Questa app è dotata di funzionalità per pianificare la presentazione delle informazioni in modo chiaro e mirato. Ulteriori informazioni su questa app su iTunes.
Gusto è un editor di codice e un client FTP per l'iPad. Gusto ti consente di aprire più documenti in schede per una navigazione più veloce. Dopo la modifica, visualizza in anteprima il documento in locale per visualizzare rapidamente gli aggiornamenti e pubblicarli dal vivo. Ulteriori informazioni su questa app su iTunes.
Textastic vanta un editor di codice veloce e versatile che supporta l'evidenziazione della sintassi di oltre 80 linguaggi di programmazione e markup. Può connettersi tramite FTP, FTPS (FTP su SSL), SFTP (connessione SSH), WebDAV e Dropbox. Offre il completamento del codice, trova e sostituisce, oltre a molte altre funzionalità. Ulteriori informazioni su questa app su iTunes.
Koder è un editor di codice per l'iPad con un'interfaccia semplice ed efficiente. Dispone di numerose funzionalità tra cui l'evidenziazione della sintassi, il gestore frammenti, la modifica a schede, il codice di ricerca e sostituzione, il tema dell'editor, le connessioni di file remoti e locali e molto altro ancora. Ulteriori informazioni su questa app su iTunes.
Adobe Proto è un'app per iPad per la progettazione di wireframes interattivi, prototipi per siti Web e app mobili. Inserisci componenti wireframe interattivi dalla casella degli strumenti del componente, inclusi menu, schede, fisarmoniche e altro. Questa app ti consente di acquisire rapidamente la tua idea di design e testare l'usabilità di base del design. Ulteriori informazioni su questa app su iTunes.
Jot! è una semplice app per whiteboard che ti consente di disegnare le tue idee, prendere appunti rapidi e creare piani di wireframe grezzi sul tuo iPad. Puoi collaborare in tempo reale, condividere idee via email o salvarle come foto per riferimento futuro. Ulteriori informazioni su questa app su iTunes.
Penultimate dà la sensazione e l'aspetto della scrittura su carta con una penna gel audace mentre catturi la tua prossima idea visiva. È veloce, tattile e offre un numero infinito di pagine. È possibile memorizzare le pagine nei blocchi appunti, condividerle come PDF esportati e tornare attraverso Dropbox o Evernote. Ulteriori informazioni su questa app su iTunes.
SketchyPad è un'app wireframing che ti assisterà nello sketch del sito web e nella creazione di interfacce per app. Viene fornito con la consegna di stencil per creare rapidamente le caratteristiche wireframe e di interfaccia. Puoi collegare tra i tuoi prototipi ed esportare in formato Balsamiq. Ulteriori informazioni su questa app su iTunes.
Mocking Pad è un'app di sketch wireframe con funzionalità per iPad. È fatto per la collaborazione, consentendo di condividere i file via e-mail, Dropbox o condivisi tramite una connessione WiFi. Comprende una vasta selezione di stencil prefabbricati per Web, desktop e dispositivi mobili. Ulteriori informazioni su questa app su iTunes.
Live Wires è un modo semplice e veloce per wireframe e prototipare i concetti di app per iPhone e iPad. Crea esperienze utilizzabili per i tuoi utenti. Prendi in considerazione se il tuo concetto funziona prima che inizi lo sviluppo. Crea interfacce interattive per iPad e iPhone, utilizza un'enorme libreria di glifi, utilizza controlli a scorrimento e molto altro. Ulteriori informazioni su questa app su iTunes.
Accentsconagua