Share
Benvenuto in Webdesigntuts +, una risorsa online dedicata all'insegnamento e all'incoraggiamento dei web designer di ogni livello ed esperienza. Se questa è la tua prima volta qui, ti sei trovato immerso nei nostri contenuti in passato, o sei un visitatore abituale, questo post ti aiuterà a trovare il meglio dei nostri contenuti.
Ecco una rapida ripartizione di ciò che troverai in questa pagina ...
Fare i conti con la progettazione di un sito Web significa capire cosa si intende ottenere e come risolvere i problemi attraverso la progettazione. Nelle prime fasi del processo, vale la pena riflettere creatività e abbiamo un'intera sessione di tutorial per aiutarti con questo:
Oltre la creatività arriva il reale progettazione. Come fa qualcuno a prendere idee e a comunicarle in termini di design? Come dovrebbe essere presentata una pagina web? In che modo il colore influenza un design? E come dovremmo tenere conto dei nostri utenti?
E se sei uno sviluppatore, arrivando al web design da uno sfondo di codifica? Abbiamo una serie completa di articoli di teoria del design (ognuno con un compito alla fine) per aiutarti, oltre ad alcuni tutorial sul flusso di lavoro molto utili:
La pianificazione, lo sketch, il wireframing e la grafica di simulazione sono tutti aspetti importanti del web design, ma che ne è della realizzazione di quei progetti per il browser? Ottenere un controllo sugli standard web (HTML, CSS e JavaScript) è di vitale importanza se sei interessato al mondo dello sviluppo front-end. Iniziamo con le basi ...
Con una comprensione fondamentale di HTML e CSS ora puoi iniziare a tradurre le tue immagini statiche in pagine web viventi e vivaci. Segui Adi Purdila mentre si sposta da Photoshop all'editor di codice, costruendo il suo tema Adaptive Blog in questa serie estesa di screencast.
Ogni artigiano ha bisogno di buoni strumenti e il web design non è diverso! In realtà, con un semplice editor di testo e un browser web hai abbastanza per iniziare, ma ci sono molte altre applicazioni e strumenti per aiutare con altre attività.
Il cavallo di battaglia di molti studi di web design da anni. Il suo ruolo potrebbe cambiare in questi giorni, ma non si può negare la sua presenza nell'arena del design.
Lo sviluppo di Adobe Fireworks viene interrotto, lasciando invece spazio ad alcuni nuovi ragazzi sul blocco, ma ha ancora un seguito appassionato ed è uno strumento di progettazione web molto capace.
Emmet è uno di quegli strumenti magici che, una volta iniziato a utilizzarlo, ti chiedi sempre come sei riuscito a farlo. Guarda!
Quei nuovi ragazzi sul blocco di cui abbiamo appena parlato riguardo alla morte di Fireworks? Quello sarebbe Reflow e l'altra suite di strumenti Adobe Edge. Il futuro è qui, signore e signori.
Ci sono molti strumenti per il wireframing tra cui scegliere, ma Omnigraffle è sicuramente uno dei più popolari. Dai un'occhiata alla nostra guida per principianti.
Il web design reattivo è stato senza dubbio il movimento più drammatico per colpire il web dal momento che qualcuno ha suggerito di smettere di usare le tabelle HTML per scopi di lay out. Per capire di più di cosa si tratta, dai un'occhiata a questa breve intervista con il suo fondatore, Ethan Marcotte.
Sempre più coinvolti, troverai una serie di tutorial e articoli che esplorano i molti aspetti di RWD.
I progettisti di siti Web utilizzano da anni sistemi di gestione dei contenuti come soluzioni web reali. Perché reinventare la ruota quando CMS come WordPress rende così bene la struttura e la gestione del sito web?
In una continuazione della sessione mostrata in precedenza, Adi Purdila prende il suo sito Web statico e lo converte in un tema WordPress. Seguilo durante questi screencast molto approfonditi e presto sarai in grado di fare lo stesso. In alternativa, seguimi mentre passo a un'altra build di WordPress, questa volta basata sul popolare framework Skeleton.
WordPress non è l'unico CMS là fuori, comunque. Stiamo sempre aggiungendo ai nostri tutorial CMS, quindi ecco un esempio di cos'altro c'è fuori:
Essere in grado di progettare e costruire un sito Web è una piccola parte del business. Se hai successo nel guadagnare soldi come web designer, è importante che tu capisca il settore.
Essere in grado di lavorare con un team e i tuoi clienti è fondamentale, quindi dai un'occhiata a questi articoli che ti aiuteranno nel tuo cammino:
Imparare dai tuoi coetanei è uno dei modi migliori per andare avanti nel web design. Su Webdesigntuts + ci piace criticare sia il lavoro dei nostri lettori sia il lavoro di grandi attori del settore. Dai un'occhiata alla nostra serie "Come hanno fatto", oltre alla nostra raccolta di post di lavoro. Partecipa alla discussione!
C'è ancora molto altro da approfondire su Webdesigntuts +, forse sei interessato all'accessibilità, Framework come Bootstrap, Foundation, Pure e Jeet, SEO, Tipografia, Email HTML o UX e altro ancora.
E, come per tutte le altre sfaccettature di Tuts +, i nostri contenuti crescono continuamente, quindi tieniti aggiornato con noi sui nostri vari canali social per assicurarti di non perdere mai un trucco:
Grazie per aver visitato Webdesigntuts+!
Accentsconagua