Hai bisogno di un tutorial sul design del sito web? Usa queste 10 fantastiche risorse

Il web design è una grande abilità da avere: non solo ti permette di creare il tuo sito web, ma può essere un ottimo percorso per una nuova carriera come web designer. Avrai bisogno di molte abilità per farlo nel mondo del web design, però, dalla codifica in HTML alla scelta dei colori Come scegliere uno schema di colori come un professionista Come scegliere uno schema di colori come A Pro I colori sono difficili. Potrebbe sembrare abbastanza facile scegliere una manciata di colori che sembrano buoni insieme, ma come ogni designer che ha passato ore a modificare le sfumature ti dirà: è difficile. Leggi di più e font per prendere decisioni di progettazione a livello di sito.

Può essere un po 'travolgente, motivo per cui abbiamo messo insieme questa lista di 10 fantastiche risorse per aiutarti ad imparare le corde. Dalle riviste online gratuite al tutoraggio individuale, è tutto qui!

Non temere Internet (gratis)

Iniziamo con le basi. Creato come tutorial di progettazione web per non-tecnici, Do not Fear Internet ti aiuta a superare la paura del mondo intimidatorio del web design con semplici lezioni che chiunque può capire.

Da una spiegazione di base di ciò che Internet è ciò che è Internet? Abbiamo chiesto a Google Suggest. Ecco cosa ci ha detto. Che cos'è Internet? Abbiamo chiesto a Google Suggest. Ecco cosa ci ha detto. Amiamo Internet ... Ma cos'è esattamente? Google Suggest è una panoramica delle menti di milioni. Abbiamo usato Google Suggest per trovare che cosa sia esattamente Internet. Ecco cosa abbiamo trovato. Per saperne di più, per dettagliare le ossa di un sito Web, per insegnare le abilità di layout di pagina, imparerai le basi della creazione di un sito web in un ambiente molto accogliente che non ti sommergerà di informazioni tecniche. Include anche una lista di alcune delle risorse preferite dagli autori per i webhead in erba.

Introduzione al Web Design di Stone River eLearning ($ 99)

Se sei nuovo al web design, questo corso di Stone River è un ottimo punto di partenza. Si inizia affrontando i più basilari pilastri del web design con conferenze come “Che cos'è CSS e HTML?”, “Introduzione al layout del documento”, e “Collegamento in un foglio di stile.” Il corso progredisce attraverso l'uso di CSS e HTML per creare diversi elementi che saranno utili in un vero sito web, come moduli e pulsanti, e si conclude con un progetto finale: costruire un sito web.

Imparerai a conoscere i sistemi a griglia e il design reattivo, due cose importanti nel moderno web design. Con 34 lezioni, per un totale di oltre 7,5 ore di insegnamento, passerai da principiante a appassionato senza spendere una fortuna.

Treehouse ($ 29 / mese)

Questo servizio in abbonamento è simile a molti altri siti di video-apprendimento online, ma ha un solido insieme di corsi relativi al web design, compresi quelli su HTML, CSS, JavaScript, PHP e uno completamente dedicato al web design. Ci sono anche molte altre aree che puoi imparare, come lo sviluppo di giochi, il linguaggio Apple Swift I migliori posti per imparare Swift, il linguaggio di programmazione di Apple I migliori posti per imparare Swift, il linguaggio di programmazione di Apple Se vuoi imparare Swift, ora è il momento di immergiti. Il linguaggio ha un futuro brillante e più velocemente lo impari, prima riuscirai a raccogliere i frutti. Per saperne di più, e anche capacità di business.

Se stai cercando di imparare di più non solo sul web design, ma sulla codifica e lo sviluppo in generale, questo potrebbe essere un ottimo investimento.

SitePoint ($ 9 / mese, fatturato annualmente)

Un altro servizio di abbonamento, SitePoint ti offre l'accesso non solo ai video, ma anche agli e-book. Esistono numerosi percorsi che attrarranno i web designer principianti, compresi i percorsi su design, sviluppo, CSS e JavaScript. Il sito è più piccolo di molti altri provider simili, ma sta crescendo rapidamente, con nuove versioni ogni settimana.

Gli attuali video di design includono “Crea interazioni eleganti (ma facili) usando Sketch e Atomic.io,” “15 passaggi per migliorare l'usabilità (e gli utenti più felici),” e “Che è più importante nella progettazione: immagini o testo?” Il prezzo è anche quasi imbattibile per un servizio di abbonamento.

Tuts + Web Design (gratuito)

Composta da una serie di video gratuiti che abbracciano un'ampia varietà di categorie (tra cui HTML, CSS, teoria del design, progettazione dell'interfaccia utente e altro), la sezione Tuts + Web Design è un luogo ideale per aumentare la tua conoscenza dei concetti di web design.

Molte informazioni qui sono piuttosto avanzate, quindi sarà utile avere una solida comprensione delle basi prima. D'altra parte, se vuoi saltare con entrambi i piedi, questo sarebbe il posto giusto per farlo. Da non perdere le Guide all'apprendimento, che forniscono informazioni utili su un'area specifica del web design. E se vuoi vedere come prendere i web design dall'inizio alla fine, controlla la sezione completa dei siti web.

Smashing Magazine (gratuito)

Questa rivista online ha sezioni su codifica, web design, mobile, grafica, esperienza utente e WordPress, in modo da poter apprendere una grande quantità di informazioni rilevanti per la progettazione di un sito web qui. Gran parte di ciò che è pubblicato si rivolge maggiormente ai designer intermedi, ma c'è molto che puoi imparare se hai appena iniziato.

Smashing pubblica anche una serie di libri e puoi ottenerli in formato elettronico: puoi iscriverti all'intera biblioteca per $ 99 all'anno e accedere a tutti i loro e-book su vari argomenti, dal design reattivo alla modalità di esecuzione un'attività di web design.

A List Apart (gratuito)

Un'altra rivista online, A List Apart copre la maggior parte degli argomenti che devi sapere non solo per progettare per il web, ma per scrivere codice lato server, sviluppare una strategia di contenuto, gestire progetti e tenere d'occhio il settore. La sezione Design è ricca di utili riflessioni dei designer e la sezione Coding ti aiuterà a perfezionare le tue abilità HTML, CSS e JavaScript.

Trasforma qualsiasi sito in un sito responsive (gratuito)

La reattività - la capacità di un sito di essere visualizzata in modo diverso a seconda del dispositivo che la sta visualizzando - è ottima per aumentare la leggibilità del tuo sito web e sta diventando rapidamente una funzionalità indispensabile con l'aumento della navigazione mobile.

Questo tutorial ti spiega come apportare le modifiche necessarie al tuo sito per renderlo reattivo e include un elenco di risorse utili, come i plugin WordPress I migliori plugin WordPress I migliori plugin WordPress Leggi di più e librerie jQuery, per aiutarti a creare il tuo sito guarda ancora meglio.

Costruire siti web responsive Real World con HTML5 e CSS3 ($ 199)

Questo corso basato su video su Udemy è incentrato sulla progettazione e l'implementazione di siti Web di qualità; in esso imparerai le basi dell'HTML e dei CSS. Impara HTML e CSS con questi tutorial passo passo. Impara HTML e CSS con questi tutorial passo per passo. Curioso su HTML, CSS e JavaScript? Se pensi di avere un talento per imparare a creare siti Web da zero, ecco alcuni tutorial dettagliati che vale la pena provare. Leggi di più, capisci il layout e il design di pagine accattivanti, lavora con immagini e icone, aggiungi effetti interessanti, usa principi reattivi, impara a conoscere il web hosting e crea un intero sito web da zero.

In breve, ti porterà dall'avere alcuna conoscenza a essere in grado di creare un sito web e metterlo su Internet per condividere con il mondo. 79 conferenze che durano fino a 11,5 ore ti daranno tutto ciò di cui hai bisogno.

Mentoring di circuiti HTML, CSS e Web design ($ 1,250)

Per migliorare davvero le tue abilità rapidamente, dovrai collaborare con qualcuno che sa cosa stanno facendo. Nel programma di mentoring web design dell'Assemblea generale Come utilizzare Twitter per cercare mentori nella tua area di interesse Come utilizzare Twitter per cercare mentori nella tua area di interesse Nel mondo reale, un mentore è un insegnante saggio che supporta e guida qualcuno, e li aiuta a massimizzare il loro potenziale. Nel mondo online, saresti molto fortunato a trovare qualcuno che ... Leggi di più, avrai lezioni individuali con un professionista esperto e imparerai tutto da HTML e CSS alla teoria dei colori. Come imparare la teoria dei colori In Meno di un'ora Come imparare la teoria del colore in meno di un'ora La conoscenza di base della teoria del colore può significare la differenza tra un'estetica "amatoriale" e una "professionale" - e in realtà non ci vuole molto tempo per imparare. Ulteriori informazioni e principi di layout di pagina. Questa è un'opzione costosa, ma non esiste un modo migliore per aumentare rapidamente le tue capacità.

Questo è un corso di 10 settimane, quindi ti impegnerai per un po 'di tempo, ma non ci sono prerequisiti, così chiunque, indipendentemente dal livello di abilità, può iscriversi.

Impara dai migliori

Sia che stiate iniziando da poco o stiate progettando pagine da anni, troverete in questa lista di risorse qualcosa che vi aiuta a migliorare ciò che fate. Non dimenticare di dare un'occhiata a questi fantastici canali di YouTube sul Web design Vuoi imparare il web design? 7 canali YouTube per iniziare Hai bisogno di imparare il web design? 7 canali YouTube per farti conoscere YouTube ha migliaia di video e canali per i principianti del web design. Qui guardiamo alcuni dei migliori per iniziare. Ulteriori informazioni e blog 6 I migliori blog sul Web design per seguire 6 migliori blog sul Web design da seguire Ulteriori informazioni. Non c'è un modo semplice per imparare tutto ciò che è necessario sapere sul vasto mondo del web design, ma sapere dove trovare aiuto quando ne hai bisogno può fare una grande differenza. Ricorda che, come qualsiasi cosa, il web design richiede molta pratica e pazienza. Adesso prendilo!

Quali sono le migliori risorse di web design che hai incontrato? Hai trovato qualcuno di loro particolarmente utile? Condividi i tuoi preferiti qui sotto!

Scopri di più su: Web Design.