30 consigli per imparare il web design in 30 giorni
Imparare le basi del web design è ancora nella tua lista "un giorno"? Perché non hai ancora iniziato? Abbiamo messo insieme 30 suggerimenti e risorse per aiutarti a iniziare a imparare il web design questo mese (e forse potresti anche ritrovarti un nuovo percorso di carriera!)
I grafici, i tipografi e i creativi che desiderano imparare qualcosa di nuovo o entrare nel sito Web devono smettere di procrastinare. Ogni giorno che non fai quel primo passo ti lascia un giorno più indietro alle spalle di tutti gli altri!
Segui questi passaggi per iniziare a imparare come creare il tuo primo sito Web, le migliori pratiche del settore e molto altro ancora, il tutto in 30 giorni!
1. Avvia un sito Web
Il modo migliore per iniziare ad imparare il web design è iniziare a farlo. Questo è il consiglio di David Kadavy, autore di Design Hackers.
Ti consiglio di iniziare un blog. Ho aperto un blog solo per creare un parco giochi per il web design e 7 anni dopo, ho lanciato un libro di successo sull'argomento. Avere un progetto personale, come un blog, ti dà un posto dove puoi provare nuove cose e il tuo capo non ti licenzierà se sbagli.
Non devi iniziare con un sito Web enorme o un design folle; iniziare in piccolo. Gioca con il sito Web, scopri cosa fa funzionare le cose. (E assicurati di ispezionare il codice, in modo da poter iniziare a familiarizzare con ciò che fa funzionare il tuo sito Web.)
Vuoi iniziare rapidamente? Un costruttore di siti Web come Wix può aiutarti a dare un vantaggio con un design elegante del sito Web, mentre inizi a imparare i concetti e i mattoni di ciò che accade in un sito Web.
2. Leggi tutto quello che puoi
Inizia a leggere. Dato che sei su questo blog, probabilmente sei abituato a tenere traccia di ciò che sta accadendo nel mondo del design. Continua a leggere.
Leggi tutto quello che puoi sulla progettazione del sito Web, le tendenze, le tecniche e le migliori pratiche. Segui i designer che ammiri sui social media.
Crea un'ampia rete anche per la lettura del tuo sito web. Leggi le nozioni di base per imparare un po 'di codice, leggi la teoria del design e leggi tutorial e articoli attuali.
3. Essere un comunicatore efficace
Se non sei la persona più articolata, rispolvera quelle abilità. Una grande parte del design del sito Web è la comunicazione.
I progettisti di siti Web devono comunicare regolarmente con i clienti per capire quale problema il design deve risolvere; devono comunicare tali soluzioni e implementarle pure.
4. Iscriviti a Tuts + & Envato Elements
Prendi in considerazione un abbonamento a Envato Elements, che ti dà anche accesso all'eccellente risorsa Tuts + apprendimento.
Tuts + pubblica regolarmente corsi di grafica e web design, dalle tecniche di base, agli ultimi approcci e sviluppi avanzati. È completamente autodidatta, insegnata da istruttori esperti. Avrai anche accesso a Envato Elements, che è un'ottima risorsa per trovare grafica, modelli e altro da collegare al tuo lavoro di web design.
5. Pensa in HTML
HTML, o linguaggio di markup ipertestuale, è una pietra miliare nella progettazione di siti Web. L'HTML è lo scheletro che aiuta a creare la struttura di un sito Web e una volta che puoi leggere la lingua, il mondo della progettazione di siti Web avrà molto più senso.
W3Schools ha un ottimo tutorial di avvio HTML con centinaia di esempi HTML con cui puoi giocare sullo schermo per vedere cosa succede ed esattamente come funziona. (Potresti trovarlo più intuitivo di quanto immaginassi.)
6. Gioca con Code alla Codeacademy
Mentre HTML è un buon inizio, puoi imparare quasi tutti i linguaggi di programmazione da Codeacademy. Il set gratuito di strumenti ti insegna a programmare usando attività e giochi interattivi.
Puoi frequentare un corso Codeacademy dove e quando ne hai bisogno e iniziare e interrompere secondo necessità. Scegli un argomento da imparare - sviluppo web, programmazione, scienza dei dati - o linguaggio su cui concentrarsi - HTML e CSS (un ottimo punto di partenza), Python, Java, SQL, Ruby e altro.
7. Impara a capire CSS
CSS o fogli di stile a cascata, definiscono la presentazione di un documento scritto in HTML o XML e SVG.
Come definito da Mozilla
Il CSS descrive il modo in cui gli elementi devono essere rappresentati sullo schermo, sulla carta, nel parlato o su altri media.
Mozilla ha anche una grande raccolta di risorse CSS per iniziare, con una solida introduzione al funzionamento dei CSS, inclusi selettori e proprietà, scrittura di regole CSS, applicazione CSS a HTML, come specificare lunghezza, colore e altre unità in CSS, a cascata ed ereditarietà, nozioni di base sul modello a scatola e CSS di debug. Quindi i moduli passano per spiegare il testo e le caselle di stile.
8. Applica le tue abilità di progettazione al Web
Se stai già lavorando in un campo creativo o grafico, pensa alle cose che già sai che puoi applicare anche al design di siti Web. I principi che rendono visivamente accattivante qualcosa non cambiano in base al mezzo e tutta quella teoria del design tornerà utile anche nello spazio digitale.
Mentre elementi come il codice di apprendimento potrebbero non sembrare naturali, avere un background di progettazione è un vantaggio enorme. A che serve un sito web meravigliosamente codificato se non si vuole interagire con esso?
9. Prestare attenzione ai siti Web che ami
Prendi nota dei siti Web che ami. Che dire di loro è attraente per te? (E come puoi imparare a replicare quegli elementi?) Presta attenzione a:
- Tipografia
- Navigazione
- Uso di immagini e spazio
- Progettazione di forme
- Animazione ed effetti di scorrimento
- Colore
10. Disegna un wireframe
Wireframing è il brainstorming di un web designer.
Nella sua forma più pura, un wireframe è uno schizzo di quello che sarà il sito web. Non è un contorno di elementi estetici, piuttosto un progetto del sito Web. Disegnare un wireframe non è in realtà l'aspetto di questo design, si tratta della struttura delle informazioni in esso.
Non sei sicuro di come creare un wireframe? La Telepatia digitale ha una guida delle migliori pratiche per aiutarti ad imparare.
11. Prenditi del tempo per imparare a disegnare
Sketch è uno strumento di disegno vettoriale per Mac che semplifica la creazione di elementi di design. Molti designer si rivolgono a Sketch per creare elementi dell'interfaccia utente e ripetere blocchi di progettazione.
È pieno di plugin e ti consente di esportare il codice per un facile utilizzo e accesso. È uno degli strumenti più potenti e popolari da scoprire dopo Adobe Creative Suite e vale la pena.
12. Rimani aggiornato con la tecnologia
AI, VR, AR, video a 360 gradi, robot.
Può essere difficile tenere il passo con così tante nuove tecnologie e tendenze. Ma è necessario sottolineare un punto per rimanere al passo con questi cambiamenti.
Affrontali uno alla volta e inizia con le tecnologie più direttamente correlate al lavoro che svolgi. Se disponi di un sito Web con chat online, inizia a conoscere i robot. Oppure, se usi molti contenuti video, divertiti con i video a 360 gradi.
Elementi come l'intelligenza artificiale e la realtà virtuale o aumentata sono ancora più complessi ma rischiano di diventare parti integrate del panorama della progettazione di siti Web lungo la strada. Come minimo, dovresti sapere quali sono e quali potrebbero essere i potenziali usi.
13. Mettiti comodo con SEO
Mentre molti web designer pensano che uno specialista SEO possa gestire la preparazione di un sito Web per la lettura dei motori di ricerca, c'è un sacco di lavoro di progettazione collegato al SEO.
Dal modo in cui le immagini vengono caricate fino alla creazione di codice pulito che è veloce per includere meta descrizioni su pagine ed elementi, il progettista dovrebbe incorporare il pensiero di ricerca nel proprio flusso di lavoro.
Liberi professionisti, questo è di vitale importanza anche per voi. La maggior parte dei clienti è abbastanza esperta da richiedere un sito web ottimizzato per la SEO. Se lavori da solo, devi conoscere abbastanza per creare un solido framework che Google possa leggere (ed essere in grado di indirizzare il cliente a uno specialista SEO se è necessario svolgere più lavoro).
14. Gioca con un costruttore di siti Web
Un costruttore di siti Web può essere un ottimo modo per familiarizzare con le migliori pratiche e come iniziare a costruire e progettare siti Web.
La maggior parte di questi strumenti ha molti modelli e ti consente di personalizzare gli elementi e persino aggiungere frammenti di codice. Per i siti semplici, molti costruttori di siti Web hanno anche un piano gratuito in cui è possibile creare una pagina di portfolio personale o un sito Web di base che funge da parco giochi per te.
Quindi separare i pezzi all'interno del costruttore del sito Web. Guarda come sono progettati e codificati per avere un'idea di come tutto si combina. Rimarrai stupito da ciò che puoi capire semplicemente scegliendo un altro design a parte.
15. Trova un mentore
C'è qualcuno con cui lavori che ammiri come web designer? Portali a pranzo e scegli il loro cervello per l'industria.
Trovare un mentore disposto a lavorare con te e aiutarti a pensare al campo e a come imparare il web design da solo può essere prezioso. E mentre probabilmente puoi trovare un mentore in una comunità online, niente è meglio di una persona dal vivo che puoi incontrare faccia a faccia periodicamente. (Forse vale la pena avere mentori online e di persona.)
16. Unisciti alla community di CodePen
Una volta che inizi a familiarizzare con un po 'di codice e programmazione, vuoi unirti alla comunità CodePen. La community open source ti consente di condividere e modificare frammenti di codice in una sorta di social network.
Ecco un po 'di più dai fondatori del sito: “CodePen è un ambiente di sviluppo sociale. Al suo cuore, ti permette di scrivere codice nel browser e di vederne i risultati mentre costruisci. Uno strumento utile e liberatorio per gli sviluppatori di qualsiasi abilità e in particolare per le persone che imparano a programmare. Ci concentriamo principalmente su linguaggi front-end come HTML, CSS, JavaScript e sintassi di preelaborazione che si trasformano in queste cose ".
17. Prendi una lezione
Per alcuni studenti, è meglio un ambiente di classe più formale.
Ci sono un sacco di lezioni disponibili - di persona e online - per imparare le basi del web design. Inizia con un college locale o hub di apprendimento online come Udemy o Coursera. Scegli una classe al tuo attuale livello di abilità e continua ad andare avanti.
18. Vuoi fare qualcosa? Google It
Per lo studente non così tradizionale, trova la risposta al problema del web design su Google. Ci sono così tanti tutorial e video disponibili che possono guidarti attraverso quasi tutti i problemi e le soluzioni.
La chiave è cercare esattamente ciò che è necessario sapere e cercare una fonte attendibile per la risposta. Ecco un altro consiglio quando si tratta di tutorial e video: i contenuti più recenti probabilmente ti daranno una risposta migliore, più completa e più pertinente. (Ricorda, alcune di queste cose stanno cambiando rapidamente.)
19. Prestare attenzione all'esperienza utente
Niente può creare o distruggere un sito Web come il design dell'esperienza utente. Devi pianificarlo e capirlo.
Ecco come Interaction Design Foundation descrive il design UX:
La progettazione dell'esperienza utente (UX) è il processo di creazione di prodotti che forniscono esperienze significative e di rilievo personale. Ciò comporta un'attenta progettazione dell'usabilità di un prodotto e il piacere che i consumatori trarranno dall'uso. Si occupa anche dell'intero processo di acquisizione e integrazione del prodotto, compresi aspetti di branding, design, usabilità e funzionalità.
I progettisti di UX o i progettisti che sono consapevoli del processo di formazione dell'esperienza, cercano di creare e modellare deliberatamente i fattori che influenzano il processo. Per fare ciò, un designer UX prenderà in considerazione il perché, cosa e come utilizzare il prodotto.
20. Prestare attenzione alle tendenze del design
Che aspetto ha un design moderno di un sito Web? Non è una domanda trabocchetto. Per progettare siti Web moderni ed esperienze utente, devi sapere cosa vogliono gli utenti e come interagiscono con esso. Se l'ultima volta che hai scaricato un'app o hai guardato un sito Web sul tuo telefono è stato il 2016, hai un sacco di terreno da recuperare.
La creazione di design di siti Web con tocchi e tendenze moderni integrati nel design aiuterà i tuoi progetti a distinguersi. Come fai a sapere cosa è di tendenza? Continua a leggere siti come questo e presta attenzione a ciò che fanno gli altri designer. Prendi nota dei colori, degli stili e delle funzionalità inclusi nei siti Web che visiti frequentemente.
21. Crea senza colore
Inizia ogni disegno senza colore. Un grande designer una volta mi ha detto che se il tuo design funziona in bianco e nero, avrà un colore impeccabile.
Ciò potrebbe non valere sempre, ma è un ottimo punto di partenza.
Creando disegni in bianco e nero, puoi vedere dove gli elementi contrastano e come giocano insieme. Hai eliminato tutte le associazioni emotive con il colore o il movimento degli occhi che accade a causa di esso. Questa forma più semplice di design ti darà un'idea se qualcosa funziona come un concetto prima di passare alla finalizzazione.
22. Impara ad amare Google Fonts
Google Fonts è tuo amico.
Indipendentemente da come ti senti su Google, la capacità di navigare, ordinare e selezionare i caratteri tipografici che sai funzionerà nei progetti di siti Web è importante. Non devi pensare alle licenze o se i caratteri tipografici sono compatibili con browser specifici o meno.
Il limite è che hai solo ciò che è nella libreria di Google Fonts con cui lavorare. Ma se ci provi puoi trovare qualcosa che si adatta a quasi tutti i progetti. Ti farà risparmiare un sacco di tempo a lungo termine.
23. Scegli un kit UI
Scarica un'interfaccia utente o un kit di icone e selezionalo.
Proprio come puoi ispezionare il codice di un sito Web, guarda come vengono costruiti gli elementi di design per il web. Prendi nota della scala e della griglia, osserva le combinazioni di colori e come sono organizzati i file in Photoshop o Illustrator.
Cerca un kit da scaricare che includa elementi in più formati per schermi ad alta risoluzione. (Scaricare un sacco di file JPEG non ti servirà molto bene.)
Quindi prova a creare o personalizzare un tuo elemento o due.
24. Diventa un tipografo
Il design moderno del sito Web è fortemente incentrato sulla tipografia ... buona tipografia. Dalle intestazioni degli eroi con parole giganti agli strati di testo che attirano l'utente nel design, è fondamentale comprendere i principi su come abbinare elementi di testo e costruire blocchi di testo coinvolgenti.
Inizia con il pensiero di Ellen Lupton con il tipo. (C'è anche un libro con lo stesso nome.) Lupton è l'autorità sulla tipografia e le sue informazioni ti faranno pensare come un tipografo in pochissimo tempo.
25. Vai a JavaScript
Quando inizi a sentirti piuttosto bene a dilettarti con il web design, sfida di nuovo te stesso per imparare JavaScript. Dopo HTML e CSS, è la lingua più importante del web.
JavaScript è uno strumento che consente ai progettisti di implementare cose complesse e interazioni su pagine Web. È ciò che rende animata una diapositiva a scorrimento o quell'animazione di parallasse.
Scopri JS ha un tutorial interattivo per aiutarti a iniziare.
26. Aggiorna il tuo portafoglio
Una volta che inizi a progettare per il Web, assicurati di aggiornare il tuo portfolio con progetti di web design. Questa semplice azione ti aiuterà a mostrare te stesso ... e gli altri ... che il web design fa parte del tuo repertorio.
Un portafoglio aggiornato può aiutare i potenziali clienti a vedere come appare il tuo “stile”. Assicurati di mostrare layout, colori, tipografia e diverse tecniche che mostrano cosa puoi fare.
27. Sfida te stesso
Con così tante scorciatoie e frammenti di codice per aiutarti a risolvere quasi tutti i problemi del sito web che stai riscontrando, non diventare pigro. Ricorda di metterti alla prova continuamente per apprendere nuove competenze, nuove tecnologie e continuare a migliorare il tuo gioco di web design.
L'unica cosa di questo campo è che è in continua evoluzione; c'è sempre qualcosa di nuovo da imparare o provare.
28. Massimizza la tua esperienza
Esci e progetta. Devi iniziare a progettare siti web per essere un web designer.
Inizia in piccolo, ma affronta progetti con altri. Chiedi di partecipare a un progetto con un team al lavoro. Gestisci un piccolo sito Web per un amico. Più esperienza hai nella creazione di siti Web, migliore e più veloce otterrai.
Che cosa state aspettando? Smettere di procrastinare.
29. Chiedi un feedback
Usa la tua rete per raccogliere feedback sui progetti di design del tuo sito Web, non importa quanto pensi che siano piccoli. Ascolta questo feedback, anche se non ti piace e vedi cosa puoi imparare.
A parte la preferenza visiva, la persona che ha fornito feedback ha offerto suggerimenti per migliorare il funzionamento del sito Web? Potrebbero facilmente capire l'obiettivo del design? Si sono connessi con la messaggistica?
30. Continua ad imparare cose nuove
Per essere un ottimo progettista di siti Web, devi solo continuare a giocare, provare e imparare cose nuove. Indica la rete e comunica con gli altri sul campo in modo da poter rimanere aggiornato sulle tecniche e sui cambiamenti visivi richiesti.
Se stai cercando di imparare il design del sito Web, probabilmente questo è già qualcosa che fai regolarmente. Ma questo è un campo in evoluzione e continua a cambiare quasi ogni giorno. Basta chiedere a chiunque lo stia facendo.
