Se sei determinato a imparare il web design da solo, sei nel posto giusto.
È vero che il web design può essere piuttosto complesso e scoraggiante, ma con gli sviluppi della tecnologia e della penetrazione di Internet, è cresciuto fino a proporzioni epiche. Non sorprende che diventare un web designer sia diventato una tendenza popolare nella generazione attuale.
In questo articolo, vi guiderà attraverso l’apprendimento web design con risorse e suggerimenti. Per i principianti che vogliono intraprendere questo percorso, puoi servire questo articolo come guida.
Passo 1: Fai la tua mente e fare piani
Imparare il web design è un compito a lungo termine che è pieno di sfide. Hai bisogno di sfidare te stesso seriamente. Fai la tua mente in questo momento e fare piani basati sulle guide di apprendimento che introduciamo in questo articolo. Ricorda che lo farai da solo se inizi a imparare il web design attraverso la pratica. Quindi sii pronto!
Passo 2: Ottieni una conoscenza di base del web design
“Come posso iniziare a imparare il web design?”Questa è la domanda nella tua mente. Per imparare a fondo il web design, è necessario comprendere le risposte di almeno le seguenti 2 domande:
Che cos’è il web design?
Le persone spesso fraintendono il significato del web design.
Bene, che cosa è esattamente il web design?
Visual + interaction = web design
Web design è tutto di risolvere i problemi. Coinvolge tutti gli aspetti di un sito web: l’arte, le competenze, la scienza e la tecnologia per costruire l’aspetto e la funzionalità di un sito web, nonché i modi in cui gli utenti interagiscono con le pagine web.
Molti giovani designer spesso fraintendono il concetto di web design con quello di sviluppo.
Ricorda: il web design riguarda il design, non la codifica e lo sviluppo front-end o back-end.
Certo, è meglio se conosci alcuni linguaggi di codifica (HTML, CSS, Java, ecc.), ma non dovresti entrare in profondità nello sviluppo front-end o back-end se vuoi essere un web designer focalizzato. Questo non è il nucleo del web design.
Qual è il processo di web design?
Web design non è un compito semplice. È abbastanza impegnativo ma interessante fare una pagina vuota in un sito web completo. Come puoi farlo?
È necessario seguire le fasi principali del processo di web design. Lo sono:
- Impostazione di un obiettivo
Determina il tipo di sito web che progetterai. È per l’e-commerce, un’impresa, la promozione di nuovi prodotti o un progetto di attività?
Se non ne hai idea, inizia con un blog. Per i nuovi studenti, la costruzione di un blog è una scelta migliore rispetto alla creazione di qualsiasi altro tipo di sito web elaborato.
- Creazione di una pianificazione
Creazione di una timeline per la progettazione delle pagine. Assegnare compiti a tutti coloro che sono coinvolti nel progetto di progettazione web.
- Creazione di una sitemap e wireframing
Brainstorming. Trasforma le idee in un wireframe con una penna o strumenti wireframing. È necessario tradurre i vostri pensieri in qualcosa di tangibile in modo da poterli convalidare nella fase iniziale.
- Creazione di contenuti
Aggiungi contenuti con elementi di design, immagini, copie e interazioni. Questa è la fase in cui metti tutte le tue abilità di progettazione e sviluppo da usare. Potrai convertire una pagina vuota in un sito web finito in questa fase.
- Test
Prova il tuo sito web e raccogliere feedback utili. Fallo finché non massimizzi la qualità dell’esperienza utente, quindi sii pronto per il lancio.
- Lancio
Rendi il tuo sito web disponibile ai visitatori e miglioralo in base al feedback raccolto.
È possibile ottenere una comprensione più completa del processo di web design passando attraverso questo corso di Web Design di 43 minuti.
Passo 3: Iniziare ad imparare
Una volta impostato te stesso e capire i fondamenti della progettazione di siti web, si può iniziare a passare attraverso le risorse di apprendimento pratici e suggerimenti.
Il web design coinvolge sia l’aspetto visivo che il design funzionale. Ciò significa che è necessario imparare 2 cose principali:
- Come si fa a fare un sito web sembra buono?
- Come si fa a fare un sito web funziona bene?
Dovrai imparare a progettare interfacce (tipografia, navigazione, immagini, spazio, animazioni, colori, ecc.), come codificarli in un linguaggio di sviluppo web (HTML, CSS, Python, SQL, Ruby o JavaScript), oltre a ottimizzare il tuo sito web per i motori di ricerca.
Leggi web design learning books
Uno dei modi migliori per imparare web design è attraverso la lettura di libri. Qui ci sono 5 dei migliori libri di web design che sono utili per coloro che desiderano imparare web design per conto proprio.
- HTML e CSS: progetta e costruisci siti Web
- Imparare il Web Design: una guida per principianti
- Non farmi pensare: Un Approccio di buon Senso all’Usabilità Web
- Imparare il web design
- Progettazione con gli Standard Web
Leggi di web design blog
Se non sono un topo di biblioteca e trovare la lettura di un compito noioso, è possibile seguire alcuni migliori blog di web design per mantenere il vostro cervello fed. Usa i blog come alternativa e iscriviti ai tuoi preferiti per evitare di perdere nulla.
- Smashing Magazine
- Mockplus blog
- Webdesigner Depot
- Webdesignledger
- WEB DESIGN LIBRARY
- Hacking UI
- 1stwebdesigner
- WEBAPPERS
Imparare con il contenuto di file PDF
Alcuni davvero utili i contenuti sono disponibili in formato PDF per il download gratuito. Puoi usarlo per imparare il web design passo dopo passo. Questi sono alcuni esempi vale la pena il vostro tempo.
- Web design – handbook
- Learning Web Design Third Edition – Semantic Scholar
- Web design 101 – MIT
- Costruisci il tuo sito Web nel modo giusto Utilizzando HTML& CSS – X-Files
- Una guida completa al Web Design.pdf-Online Christian Library
Impara dai professionisti
Segui i web designer da cui aspiri a imparare su siti di social media come Twitter, Dribbble, Behance, Github e altre piattaforme in cui sono attivi. Leggi i loro post, fai clic sul pulsante Mi piace per quelli che apprezzi e commenta se desideri aggiungere un punto o fare una domanda . Se sei fortunato, puoi trovarti un mentore in una comunità o gruppo online. Ma non disturbarli e dare per scontato il loro aiuto.
Web designer che si possono seguire:
- Ethan Marcotte
- Chris Coyier
- Ethan Marcotte
- Jeffrey Zeldman
- Luke Wroblewski
Imparare il web design, video tutorial
Ci sono un sacco di video di Youtube disponibile online. Riduci il tuo tempo a guardare cose divertenti e usa Youtube per imparare il web design. Qui vi consiglio 5 dei video tutorial più popolari. Divertiti a guardare.
- Un Principiante del Web Design Tutorial per il 2018 – Parte 1 2
- Sviluppo Web Tutorial Per Principianti 2018 / 2019 – come creare un sito web
- Web Design Tutorial Per Principianti
- HTML CSS Tutorial per Principianti – Sviluppo Web Tutorial Per Principianti
- tutto Il codice HTML e CSS Web Design Tutorial per Principianti
Imparare dai corsi online
corsi online potrebbe essere uno dei le migliori risorse. Puoi anche discutere con altri studenti.
- Class central
Impara lo sviluppo Web con corsi e MOOC online gratuiti dalla Johns Hopkins University, University of Michigan, KU Leuven University, University of California, Berkeley e altre migliori università in tutto il mondo.
- Coursera
Un ottimo sito web per i principianti per imparare il web design. Puoi scegliere un corso dalla tua università desiderata e vedere quante persone lo stanno imparando. Con i dati presentati, hai molte scelte durante la selezione di un corso.
- Edx
Elenca molte risorse per costruire le tue abilità di progettazione e far avanzare la tua carriera. Si può imparare argomenti passo dopo passo con diversi livelli di in passi di difficoltà.
- W3Schools
Utile per l’apprendimento di linguaggi di codifica di base come HTML e CSS.
- Google Code University
Scopri come codificare dagli sviluppatori di Google.
- Code Avengers
Mi piace particolarmente questo sito di apprendimento perché è proprio come una grande avventura che ti permette di partecipare a programmi di sfida di codifica e caccia ai bug.
Più posti per corsi online di web design：
- Treehouse
- Lynda
- Udemy
- Coursera
- Webdesign.tutsplus
Imparare le basi HTML e CSS
Si può chiedere, perché dovrei imparare HTML? In generale, l’utilizzo di un’app di web design come Dreamweaver va bene. Ma attualmente, la maggior parte dei siti web sono basati su HTML5 reattivo, e CSS è la pelle di un sito web. Il design moderno del sito web non è possibile senza CSS. Imparare le basi HTML e CSS vi aiuterà a progredire nel web design.
Risorse per imparare HTML e CSS：
- 30 Giorni per imparare HTML e CSS
- Guida per principianti a HTML & CSS
- Non temere Internet
- 8 Migliori template gratuiti per siti Web CSS responsive
Puoi anche unirti alla comunità CodePen. Questa è una comunità open-source che consente di modificare frammenti di codice e condividerli con gli altri.
Imparare JavaScript
Oltre HTML e CSS, JavaScript è un linguaggio importante del web che si può imparare. Si tratta di uno strumento che consente di creare interazioni utente avanzate come effetti di parallasse e potenti applicazioni web.
Risorse per imparare Javascript:
- 32 dei Posti Migliori per Imparare JavaScript per lo Sviluppo Web per Principianti
- Top 37 JavaScript Libri per Principianti ed Esperti Programmatori in 2019
conoscere elementi di web design
Se sei bravo in osservazione, troverete che la maggior parte di moderno attraente siti web avere una buona sistemazione del sito web di base di elementi quali:
1） Tipografia
Tipografia è la chiave di ottimo web design. Garantisce la leggibilità dei contenuti e influenza direttamente l’esperienza dell’utente. La tipografia è un aspetto significativo di tutti i siti web moderni, in quanto offre sia l’estetica che la funzionalità ai loro visitatori.
Risorse per imparare tipografia web:
- 17 Migliori Tipografia la Progettazione di Siti web & Tutorial
- 30 Siti web Creativi con Splendida Tipografia & Schemi di Colore
2）Animazione e trasforma
Transizioni e trasformazioni porterà utente migliorata interazioni dei visitatori del tuo sito web. Uno dei modi migliori per creare animazioni semplici è transizioni CSS e trasformazioni. Inoltre, effetti di scorrimento parallasse e scorrimento orizzontale sono grandi scelte per i siti web.
3）Combinazione di colori
Le combinazioni di colori di un sito web riflettono la preferenza estetica/stile di un web designer e influenzano direttamente la percezione dello spettatore. Devi imparare come usare il colore nel design dell’interfaccia utente con saggezza per creare un’interfaccia utente perfetta.
4）Font
I font personalizzati possono essere divertenti o espressivi ma non sempre pratici. Se vuoi che un sito web sia leggibile e professionale, scegli il font più appropriato per esso. Controllare 20 dei migliori font Web di Google per un eccellente Web Design. Sono liberi di usare!
5）Layout
Web layout design si concentra sull’intersezione tra tecnologia e arte. Il design del layout Web si riferisce alla combinazione di elementi visivi come testo e immagini per rendere una pagina bella e facile da navigare. È un’importante forma di comunicazione visiva e parte integrante del web design. Qui ci sono 9 dei migliori esempi di layout del sito Web e idee.
6）Grafica
Le immagini danno alle persone un’impressione visiva più intensa del testo. Possono aumentare le possibilità di attirare l’attenzione degli utenti.
7）Responsive design
Responsive web design è una raccolta di tecniche per la creazione di siti web che funzionano su più dimensioni dello schermo. Imparalo con questo corso CSS di 47 minuti.
Impara le basi di wireframing / prototyping
Wireframing/prototyping è un passo importante per gettare le basi per il tuo sito web nell’intero processo di progettazione e sviluppo del sito web. Ti permette di fare brainstorming, fare un progetto e avere un’idea chiara della struttura del sito.
Non confondere i diversi termini. Passare attraverso i concetti di base UI/UX Design: Differenze tra Wireframe, prototipo, e Mockup
Imparare strumenti di web design
Photoshop – UI design tool
Può essere utilizzato per creare e migliorare fotografie, illustrazioni, opere d’arte 3D, siti web di progettazione e applicazioni mobili; modificare video, simulare dipinti di vita reale; e altro ancora. Si può imparare a utilizzare attraverso uno qualsiasi dei 22 Migliori passo gratuito per passo Adobe Photoshop Tutorial per principianti.
Dreamweaver-strumento di sviluppo web
Può essere utilizzato per creare pagine web dinamiche per più piattaforme e browser. “Dreamweaver consente agli utenti di progettare, codificare e gestire siti web e contenuti per dispositivi mobili. Dreamweaver è uno strumento IDE (Integrated Development Environment).”(Wikipedia). Inizia con la guida per principianti a Dreamweaver.
Mockplus – strumento di prototipazione
Mockplus è uno dei migliori strumenti di prototipazione per i web designer per creare un mockup web interattivo. È possibile trascinare e rilasciare i componenti per creare un sito Web e visualizzarlo in anteprima in HTML o in altri formati. Hai solo bisogno di 10 minuti per iniziare la prototipazione gratuitamente.
Impara con un website builder
Iniziare con un website builder può aiutarti rapidamente a capire le migliori pratiche di creazione e progettazione di siti web. Con i modelli pre-progettati e i kit dell’interfaccia utente, puoi semplicemente personalizzare gli elementi o aggiungere frammenti di codice per creare un sito Web ammirato dai visitatori.
Costruttori di siti web, puoi provare:
- Recensione host Web
- Wix
- ConstantContact
- SITE123
- Jimdo
- WordPress
Imparare SEO
È è bello avere uno specialista SEO per affrontare la roba del motore di ricerca. Ma il design è abbastanza connesso con SEO perché il contenuto del tuo sito web viene letto dai motori di ricerca e svolge un ruolo nel ranking. Se si desidera progettare un sito web ottimizzato per SEO, quindi conoscere le basi del SEO è un must. Almeno, dovresti conoscere le meta descrizioni su pagine ed elementi.
Impara le tendenze del design
Le tendenze del design stanno cambiando rapidamente. È necessario essere consapevoli delle ultime tendenze del design e tecnologie di sviluppo web per progettare un sito web moderno. Si può semplicemente passare attraverso la Top 10 Must-Know Web Design Tendenze ed esempi nel 2019 per l’ispirazione.
Passo 4: Iniziare con un wireframe
Avviare il processo di progettazione del sito web con un wireframe. Wireframing aiuta un web designer nel brainstorming e convalidare i loro pensieri nella fase iniziale. Inizia wireframing con i 10 consigli pratici per disegnare i Wireframe.
Punto 5: Usa ciò che hai imparato per progettare un sito web
Ora è il momento di testare ciò che hai imparato nel passaggio 3. Devi imparare il web design facendolo. Allora saprai cosa capisci e cosa no. Poi continua ad imparare e ad andare avanti.
Passo 6: Chiedi feedback e apporta miglioramenti
Se hai creato un blog o qualsiasi altro sito web, dovresti invitare le persone ad esso. Cerca di ottenere il maggior numero di feedback possibile per apportare miglioramenti.
FAQ di apprendimento web design:
Quanto tempo ci vuole per imparare web design?
L’apprendimento del web design è un processo continuo, ma può essere appreso in mesi. Di solito, ci vorranno 5 mesi per imparare HTML, CSS e le basi di JavaScript. È inoltre necessario dedicare del tempo a strumenti di progettazione come Photoshop, Sketch e Mockplus.
Inoltre, dovresti comprendere gli standard Web, i principi di progettazione, il design UX/UI, la compatibilità cross-browser e la reattività. Imparare tutti questi ti porterà da 3 a 4 mesi.
E la cosa più importante è che stai per entrare nel campo del web design dopo tutte quelle lezioni. Il design sta cambiando, la tecnologia sta cambiando, quindi è necessario continuare a imparare continuamente.
Posso diventare un web designer senza una laurea?
Puoi diventare un web designer senza una laurea. Per essere un web designer, una laurea non è un must, quello che devi avere è un interesse per la programmazione, la conoscenza del visual design e la codifica in un linguaggio di sviluppo web, così come altre abilità nella progettazione web. Ma una laurea può aumentare le possibilità di essere assunti nella maggior parte dei casi.
Cosa posso fare dopo aver seguito un corso di web design?
Dopo aver completato un corso di web design, si può prendere un progetto dal vivo, poi farsi assumere in una società di web design o essere un libero professionista e cercare progetti e clienti da soli.
Il web design ha un futuro?
Viviamo in un mondo digitale pieno di siti web. Il futuro è abbastanza promettente.
Secondo la Creative Group 2019 Salary Guide, lo sviluppatore web front-end è uno dei lavori più pagati nel campo creativo e del marketing, insieme a designer UX, ricercatori di user experience, copywriter, ecc. Secondo Glassdoor, gli sviluppatori web vengono pagati tra $41.6 k-78.3 k all’anno e secondo PayScale vengono offerti $16.4 k – 34.6 k all’anno. Lo stipendio medio del web designer è di circa $49.693.
È web design facile?
Potrebbe sembrare semplice all’inizio perché puoi imparare le basi di HTML & CSS in pochi mesi. Ma come si avanza in questo settore, si possono trovare più impegnativo. È necessario imparare continuamente nuove tecnologie per tenere il passo con tutti i cambiamenti. Ma se siete interessati a costruire siti web e applicazioni web, quindi web design potrebbe essere facile per voi.
Conclusione
Se vuoi imparare il web design da solo, le informazioni di cui sopra hanno tutto il necessario per iniziare. Smettere di sprecare il vostro tempo su Facebook o Twitter “alla ricerca di risposte”. Sebbene tu possa costruire una comunità di design su quelle piattaforme, non puoi essere un web designer trascorrendo del tempo senza meta. Quindi, accovacciarsi e iniziare ad imparare. Non rinunciare mai all’apprendimento e buona fortuna a te!