Master Web Design con Tuts + Corsi

Negli ultimi anni, abbiamo assistito a un'esplosione di nuove tecnologie per i web designer da apprendere che ci permettono di produrre siti web dinamici, avvincenti e interattivi. Se vuoi unirti al party e al master web design, questa raccolta di corsi Tuts + è il punto di partenza.

Come probabilmente avrai notato, essere in questo settore ci impone di essere costantemente all'erta e quando queste nuove (e talvolta eccitanti) tecnologie vengono alla ribalta, così possiamo iniziare a fare i conti con loro e usarle di conseguenza. Di conseguenza, stiamo sempre imparando e il bisogno di padroneggiare il nostro mestiere diventa evidente. Sì, non è necessario padroneggiare tutto e probabilmente non lo farai. Ma questa guida è qui perché è fondamentale padroneggiare il più possibile in modo metodico e pertinente ai tuoi obiettivi.

La maggior parte delle persone non ha idea della grande capacità che possiamo immediatamente comandare quando concentriamo tutte le nostre risorse sulla padronanza di una singola area della nostra vita.
- Tony Robbins

Applicazioni e strumenti

Per iniziare, prendiamo confidenza con gli strumenti del mestiere. Abbiamo già dato un'occhiata a Photoshop in The Modern Web Designer, quindi analizziamo un po 'più a fondo e diamo un'occhiata anche ad altre applicazioni che possiamo usare per padroneggiare il web design.

Prima di passare a progetti più complessi, è sempre utile conoscere regolarmente gli strumenti su cui si lavorerà. Se sei un principiante assoluto o un professionista esperto, imparare le basi è un must. Potresti realizzare qualcosa che potresti non aver visto prima, quindi è sempre bene aggiornare la tua conoscenza di questi strumenti.


Flusso di lavoro perfetto nel testo sublime 2

Ci sono un certo numero di editor di testo là fuori tra cui scegliere, e ce n'è uno che si finisce per usare di più e considerarlo come il tuo preferito. In questo corso, Jeffrey Way ti mostra come Sublime Text 2 potrebbe essere il tuo prossimo editor preferito.


Photoshop CS6 per i web designer

Craig Campbell ha la traccia interna delle fantastiche nuove funzionalità di Photoshop CS6 per il tuo flusso di lavoro di progettazione web e ti mostrerà tutti questi segreti mentre progetta un sito web.


Illustrator per il web design

Per un web designer, Photoshop e Fireworks sono la scelta tradizionale quando si progetta per il web, ma come su Illustrator? In questo corso, Cheryl Graham ti porta in un viaggio nel mondo di Illustrator.


Flusso di lavoro di Web design con Fireworks

Adobe Fireworks CS6 è un potente strumento per i progettisti di siti web. In questo corso, esaminiamo gli strumenti di base inclusi con il software mentre costruiamo un sito web da zero.


Tecniche di Photoshop per i web designer

Sapere come usare Photoshop è solo il primo passo! Pensato soprattutto per i nuovi web designer, Ben Gribbin insegna tecniche importanti e suggerimenti per il flusso di lavoro che sono di vitale importanza per qualsiasi professionista del Web che lavora in Photoshop.

Design

Ora che hai imparato alcuni degli strumenti del mestiere, scopriamo come usarli ancora meglio creando progetti di design che potresti trovare nel mondo reale.


Padroneggiare Retro Web Design

Una volta usato raramente in questo mezzo dinamico, elementi retrò e vintage stanno diventando sempre più popolari in una varietà di contesti di design. Se hai sempre desiderato replicare questo stile, non vuoi più, dato che Craig Campbell è qui per mostrarti come creare una pagina Web retro utilizzando Photoshop.


Progettazione di applicazioni Web

Stai cercando di costruire applicazioni web con Adobe Photoshop? Vuoi sapere come usarlo in modo più efficace? Andate a prendere alcuni consigli dall'insegnante Craig Campbell.


Tecniche avanzate di interfaccia utente

Stanco della teoria e pronto a farsi scoppiare? Unisciti a Neil Pearce mentre si rimbocca le maniche e salta nella pratica pratica di creare interfacce utente avanzate e elementi di web design in Photoshop.


Design di navigazione efficace

La navigazione è uno degli aspetti più importanti del web design. Se le persone non possono navigare attraverso il tuo sito, se ne andranno rapidamente. Craig Campbell ti guida attraverso i passaggi di come progettare tre diversi tipi di barre di navigazione usando Photoshop.


Disegno efficace della pagina di destinazione in Photoshop

La landing page è la prima cosa che vedi quando visiti un sito web, e costruire un killer richiede un po 'di abilità e molta tecnica. Se sei un web designer, questo è un corso da non perdere.

Progettazione e costruzione

Sapendo come progettare e costruire (codice), ti trovi chiamato "sviluppatore front-end" e questo sarà ciò che ti separa dal resto - sai, quelli che non possono codificare o non possono progettare. Se riesci a fare entrambe le cose, allora sei sulla buona strada per padroneggiare il web design.


Animazioni CSS3

Se vuoi imparare come fare animazioni CSS3, hai scelto un ottimo punto di partenza. Segui come ti insegnano come fare alcune animazioni di base usando solo il tuo codice.


Da PSD a HTML per progettisti

Hai mai provato a prendere un bel design PSD per un sito web e hai provato a tradurlo in HTML? Non è sempre facile, vero? Ecco Adi Purdila per aiutarci a imparare questa arte a volte difficile, in cui prenderai un layout di pagina web già progettato e lo svilupperai in una pagina web funzionale e funzionante utilizzando tecniche intermedie e correnti.


Efficace sviluppo della navigazione

In un corso precedente, Craig Campbell ci ha insegnato come progettare elementi di navigazione efficaci per i nostri siti web. E se hai seguito questo corso chiedendoti come potresti costruire ogni design, ora hai la possibilità di imparare come Craig prende tutti e tre questi progetti e li sviluppa in barre di navigazione completamente funzionali.


Progettazione e sviluppo di email HTML

Ammettiamolo, la creazione di e-mail HTML che sono coerenti nella maggior parte delle piattaforme di posta elettronica può essere un incubo, con molti programmi di posta elettronica (in particolare Microsoft) che hanno un generale disprezzo degli standard web. Qui, Craig Campbell ti guiderà attraverso il processo di progettazione e quindi lo sviluppo di un'email HTML.


Hands on: Progetta e costruisci una pagina Prossimamente

In questo corso "hands on", Adi Purdila ti mostra come progettare e quindi sviluppare una pagina efficace in arrivo.

Web design reattivo

Quasi ogni nuovo cliente in questi giorni vuole una versione mobile del proprio sito web. Responsive Web design (RWD) è l'approccio che suggerisce che progettazione e sviluppo dovrebbero rispondere al comportamento e all'ambiente dell'utente in base alle dimensioni dello schermo, alla piattaforma e all'orientamento. In questa sezione della nostra guida, diamo un'occhiata ad alcuni dei migliori corsi su Tuts + Premium che ti metteranno al passo con RWD e, quindi, metti la ciliegina sulla torta per diventare un master web designer. Poiché RWD è una tecnica abbastanza nuova, ricorda di tornare a questa guida una volta al mese per i nuovi corsi RWD e gli ebook.


Responsive Web Design per principianti

Vuoi entrare in questo campo relativamente nuovo e imparare le basi? Quindi guarda e impara come Ian Yates ti insegna i fondamenti del responsive web design.


Responsive Web Design with Foundation

In questo corso, Craig Campbell ti guida attraverso la Fondazione e come puoi usarla per il tuo flusso di lavoro RWD. Questa struttura è per te? Scopriamolo.


Design reattivo

Questo ebook, "Responsive Design" fornisce una panoramica sul responsive web design, mostrando molte situazioni e tecniche in cui questo approccio può essere applicato ai dispositivi mobili.

Padroneggia il tuo flusso di lavoro, non il settore!

Anche se questa guida si chiama "Mastering Web Design", non significa che devi imparare tutto ciò che c'è da sapere su questo settore o su Photoshop, CSS3, HTML5 o qualsiasi altra cosa su questa guida. Sì, sarebbe bello, ma sarebbe altamente improbabile che potremmo mai farlo a causa della velocità con cui questo settore cambia e si evolve. L'idea è di pensare al tuo flusso di lavoro, quali tecnologie ti aiutano a diventare efficace ed efficiente per permetterti di raggiungere i tuoi obiettivi e non smettere mai di imparare. Qualcuno una volta ha detto: "Sviluppa una passione per l'apprendimento. Se lo fai, non cesserai mai di crescere. "