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 su ciò che fa funzionare la grafica. Ma il panorama è cambiato (e per alcuni potrebbe anche sembrare un po 'spaventoso). Quindi, quando la palla è caduta all'inizio del 2012, la tua risoluzione è stata quella 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 i piedi nella codifica, HTML e design digitale. A causa delle competenze che già possiedi come disegnatore di stampe, la transizione potrebbe anche essere più facile di quanto pensi. Sai già come utilizzare testo, colore 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 grandi (e gratuiti) tutorial direttamente sul tuo computer.
Esplora risorse di progettazione
Coding per principianti
Siti come Codeacademy e Carl Herold's Higher Computing for Everyone consentono agli utenti di apprendere gratuitamente le basi della codifica informatica. Gli utenti seguono una serie di corsi progettati dagli sviluppatori.
Codeacademy, che è iniziata 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. Il calcolo più elevato per tutti, iniziato nel 2009, sostiene circa 6.000 abbonati. Ciascuno dei siti è facile da usare e non richiede una conoscenza precedente della codifica.
Il vantaggio di Codeacademy è che le lezioni sono strutturate in modo quasi da 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 Si mostra la sintassi della programmazione - e si passa alle lezioni con le funzioni Javascript. L'unico aspetto negativo è che le lezioni mancano di contesto sul perché le cose vengano 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 di pratica, l'utente riceve un feedback immediato sulla corretta immissione del codice e, in caso contrario, suggerimenti su come procedere. L'interfaccia non richiede audio e può essere praticata a qualsiasi ritmo, sebbene funzioni meglio se completi intere lezioni prima di disconnetterti.
L'High Computing di Carl Herold per tutti è una configurazione molto più strutturata. Non è necessario registrarsi affinché il sito possa seguire le lezioni, che sono più simili alla lettura delle lezioni che alla natura interattiva di Codeacademy. Herold guida gli utenti attraverso la storia e il background 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 essere intimidatoria per i programmatori principianti. 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 programmazione. Le informazioni di Herold spiegano i principi in modo chiaro in modo da poter avere un'idea di cosa significhi tutto. 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 danneggiare nessuno, la maggior parte dei designer vuole passare direttamente alla progettazione del sito Web. È qui che entra in gioco l'HTML. Il linguaggio di markup utilizza una serie di tag annotati tra parentesi angolari per descrivere ciò che si trova 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 da come utilizzare l'HTML di base - impostazione di paragrafi e intestazioni - a funzioni più complesse, come la creazione di tabelle o l'inserimento di immagini.
Le lezioni di w3schools.com sono abbastanza interattive e di facile comprensione. 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é alcuni tag funzionano nel modo in cui funzionano e in che modo le sfumature corrispondono ai vecchi e nuovi metodi di costruzione di pagine Web.
Le lezioni per principianti su w3schools.com sono piuttosto semplici, ma possono gettare le basi per qualcuno che passa dalla stampa senza aver mai lavorato online. Le lezioni avanzate possono davvero aiutare i progettisti a far sembrare una pagina come vogliono senza dover fare affidamento su modelli gratuiti o fogli di design in scatola. Le lezioni includono informazioni su come impostare il layout di una pagina Web; andare in dettaglio sul lavoro con i media, come immagini, video e audio; e presentare agli utenti HTML5.
Le lezioni di HTML Dog sono molto più di una visita guidata. Servono come guida diretta che consente agli utenti di esercitarsi da soli utilizzando Blocco note e un browser Web (che sono standard sulla maggior parte dei computer). Le lezioni sono piuttosto semplici e dirette ma mancano di interattività. Il sito, tuttavia, fornisce dettagli abbastanza buoni su tutti i termini di utilizzo comuni che verranno visualizzati in HTML, come "forte" e "em".
HTML Dog consente agli utenti di approfondire anche lezioni più complesse, con un'introduzione a CSS e corsi HTML intermedi e avanzati che coprono elementi come Javascript e l'utilizzo di moduli.
"Corsi" più avanzati
Ora che sei entusiasta di imparare tutto ciò che puoi sul formato digitale, controlla tutti i materiali di Google Code University. Il programma, sponsorizzato dal colosso 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 serie di cose diverse da provare, tra cui tutorial registrati discorsi e corsi con esercizi. Gran parte dei corsi sono piuttosto avanzati, 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 spostano con la tecnologia, come "Creazione di un'applicazione Android 101". Ogni corso elenca le conoscenze preliminari necessarie per il corso, software o materiali necessari e obiettivi di apprendimento.
Esercitati con nuove abilità
Il modo migliore per testare ciò che hai imparato è mettere in pratica i concetti.
Ti senti bene con alcune delle tue abilità di programmazione? Crea un gioco o un programma semplice per mostrare il tuo lavoro. Gioca con qualcosa su cui puoi continuare a lavorare e perfeziona nuove abilità. Crea una pagina Web e non utilizzare un modello. Inizia in modo 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 più sicuro, chiedi al tuo capo di collaborare con gli altri a un progetto digitale o cercane uno piccolo che puoi gestire da solo ma con supervisione e guida in caso di problemi. Fai sapere alle persone che stai cercando di fare il salto nel design digitale; è probabile che i tuoi colleghi ti aiuteranno lungo la strada.
Finalmente continua a imparare cose nuove. Dopo aver imparato la codifica e l'HTML, pensa al design in altre aree come per le applicazioni mobili e i tablet.
Conclusione
Ci sono grandi risorse là fuori per aiutarti a imparare tutte le nuove competenze che desideri nel 2012 - e non devi tornare a scuola per farlo. Stabilisci alcuni obiettivi e inizia con corsi ed esercitazioni online per sfruttare al massimo la tua esperienza di apprendimento.
Pratica tutto ciò che impari; solo scorrere 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 di base che determinano un buon design non cambiano dalla stampa al web; la chiave del successo in entrambe le aree è un toolkit aggiornato.
