Mantieni la risoluzione del nuovo anno e fai il salto dalla stampa al web design

Hai progettato per la stampa dal college e hai un occhio per ciò che rende la grafica funziona. Ma il panorama è cambiato (e per alcuni potrebbe anche sembrare un po 'spaventoso). Quindi, quando la palla è caduta all'inizio del 2012, la tua decisione era di imparare un po 'di più sul lato digitale di tutto e renderti molto più commerciabile.

Ora è il momento di iniziare. Ci sono tonnellate di risorse là fuori per aiutare i progettisti di stampa a bagnarsi di codifica, HTML e design digitale. A causa delle abilità che già possiedi come designer di stampa, la transizione potrebbe persino essere più semplice di quanto pensi. Sai già come usare testo, colori e immagini, ma hai bisogno delle competenze per farlo accadere nel formato online. Con un po 'di tempo e dedizione, quasi tutti possono imparare le basi con alcuni tutorial fantastici (e gratuiti) direttamente sul tuo computer.

Coding per principianti

Siti come Codeacademy e Higher Computing per tutti di Carl Herold consentono agli utenti di apprendere le basi della codifica del computer senza alcun costo. Gli utenti passano attraverso una serie di corsi progettati dagli sviluppatori.

Codeacademy, che ha avuto inizio nell'estate del 2011, vanta oltre 500.000 utenti e ha ricevuto 2,5 milioni di dollari dagli investitori per finanziare l'impresa in ottobre, secondo il New York Times. Higher Computing for Everyone, iniziato nel 2009, reclama circa 6.000 abbonati. Ciascuno dei siti è facile da usare e non richiede conoscenze precedenti sulla codifica.

Il bonus per Codeacademy è che le lezioni sono strutturate in un modo quasi di gioco, permettendoti di guadagnare badge di successo per finire le lezioni e condividerle online. Le lezioni di Codeacademy iniziano al livello più elementare - Lezione 1: Conoscere te mostra la sintassi della programmazione - e passa alle lezioni nelle funzioni Javascript. L'unico vero svantaggio è che le lezioni mancano di un contesto sul perché le cose siano fatte in questo modo.

L'atmosfera da gioco di Codeacademy è divertente. Passare attraverso le lezioni ti dà un immediato senso di realizzazione e comprensione. Con ogni voce nell'area pratica, l'utente ottiene un riscontro immediato se il codice è stato inserito correttamente e, in caso contrario, suggerisce come procedere. L'interfaccia non richiede audio e può essere praticata a qualsiasi ritmo, anche se funziona meglio se completi lezioni complete prima di disconnetterti.

Higher Computing for Everyone di Carl Herold è una configurazione molto più strutturata. Non è necessario registrarsi per il sito per passare attraverso le lezioni, che sono più come leggere lezioni che la natura interattiva di Codeacademy. Herold conduce gli utenti attraverso la storia e lo sfondo dei linguaggi di programmazione e programmazione nelle prime lezioni e passa alla scrittura di programmi di base.

La profondità delle informazioni è impressionante, ma l'interfaccia potrebbe intimidire i programmatori per la prima volta. Le lezioni richiedono molta lettura e l'interfaccia non ha un'area di lavoro pratica.

Combinare le lezioni nei due moduli online potrebbe essere la strada migliore per imparare il più possibile sulla codifica. Le informazioni di Herold spiegano i principi in modo chiaro in modo che tu possa capire cosa significa tutto ciò. Le lezioni di Codeacademy offrono un'esperienza pratica lavorando con la programmazione in un formato facile da usare.

Impara l'HTML

Sebbene una conoscenza di base della codifica non possa ferire nessuno, la maggior parte dei progettisti vuole entrare nel design del sito web. È qui che entra in gioco l'HTML. Il linguaggio di markup usa una serie di tag annotati all'interno di parentesi angolari per descrivere cosa c'è in una pagina web.

Inizia con le esercitazioni gratuite su w3schools.com o HTML Dog. Ogni sito offre una serie di brevi lezioni per principianti su come utilizzare l'HTML di base - l'impostazione di paragrafi e intestazioni - a funzioni più complesse, come la costruzione di tabelle o l'inserimento di immagini.

Le lezioni di w3schools.com sono abbastanza interattive e semplici da comprendere. Ogni modulo consente agli utenti di provare a giocare con bit di HTML e vedere i risultati sullo schermo. Le lezioni aggiungono anche un ulteriore elemento di insegnamento agli esercizi, spiegando perché determinati tag funzionano come fanno e come i modi corrispondono ai vecchi e nuovi metodi di costruzione delle pagine web.

Le lezioni per principianti su w3schools.com sono piuttosto semplici, ma possono costituire un ottimo fondamento per qualcuno che ha fatto il passaggio dalla stampa non avendo mai lavorato online. Le lezioni avanzate possono davvero aiutare i progettisti a far apparire una pagina nel modo desiderato senza dover contare su modelli gratuiti o fogli di design in scatola. Le lezioni includono informazioni su come impostare il layout di una pagina web; entrare nei dettagli su come lavorare con i media, come immagini, video e audio; e introdurre gli utenti in HTML5.

Le lezioni di HTML Dog sono molto più di una visita guidata. Servono da guida diretta che consente agli utenti di esercitarsi autonomamente utilizzando Blocco note e un browser Web (che sono standard nella maggior parte dei computer). Le lezioni sono abbastanza semplici e dirette ma mancano di interattività. Il sito, però, contiene dettagli abbastanza buoni su tutti i termini di utilizzo comuni che appariranno in HTML, come "strong"? e? em.?

HTML Dog consente agli utenti di approfondire anche lezioni più complesse, con un'introduzione ai CSS e ai corsi HTML intermedi e avanzati che riguardano elementi come Javascript e l'utilizzo di moduli.

Corsi più avanzati?

Ora che sei appassionato di imparare tutto ciò che puoi sul formato digitale, controlla tutti i materiali su Google Code University. Il programma, sponsorizzato dal gigante del web Google, ha l'aspetto di una guida ai corsi universitari.

Le lezioni e i corsi sono gratuiti e non richiedono alcuna registrazione. Ci sono una miriade di cose diverse da provare, tra cui tutorial registrati discorsi e corsi con esercizi. Gran parte dei corsi è piuttosto avanzata, con lezioni e materiali di educatori e studenti delle università di Harvard, Duke e Carnegie Mellon.

Il principale vantaggio di Google Code University è la rete di risorse.Le lezioni sono aggiornate e si muovono con la tecnologia, come? Costruire un'applicazione Android 101.? Ogni corso elenca le conoscenze preliminari necessarie per il corso, i software o i materiali necessari e gli obiettivi di apprendimento.

Pratica nuove abilità

Il modo migliore per testare ciò che hai imparato è mettere i concetti in azione.

Ti senti bene con alcune delle tue capacità di codifica? Crea un semplice gioco o programma per mostrare il tuo lavoro. Gioca con qualcosa su cui puoi continuare a lavorare e continua a perfezionare nuove abilità. Crea una pagina web e non utilizzare un modello. Inizia semplice, ma nel tempo prova ad aggiungere nuovi elementi. Guarda le cose che ti piacciono online e prova a replicarle sul tuo sito.

Se ti senti particolarmente fiducioso, chiedi al tuo capo di collaborare con altri a un progetto digitale o di cercarne uno piccolo da gestire da solo ma con supervisione e guida in caso di problemi. Fai sapere alla gente che stai cercando di fare il salto verso la progettazione digitale; è probabile che i tuoi pari ti assisteranno lungo il percorso.

Finalmente continua ad imparare cose nuove. Una volta acquisita padronanza della codifica e dell'HTML, pensa al design in altre aree, ad esempio per le applicazioni mobili e i tablet.

Conclusione

Ci sono grandi risorse là fuori per aiutarti a imparare tutte le nuove abilità che desideri nel 2012 - e non devi tornare a scuola per farlo. Stabilisci alcuni obiettivi e inizia con corsi e tutorial online per sfruttare al meglio la tua esperienza di apprendimento.

Pratica tutto ciò che impari; solo eseguire i tutorial non è sufficiente per rendere le competenze pertinenti. Cerca esperienze e progetti che metteranno alla prova le tue nuove conoscenze. Ricorda che i concetti base che determinano il buon design non cambiano dalla stampa al web; la chiave del successo in entrambe le aree è un toolkit aggiornato.