Quali strumenti utilizzi come programmatori [web] per aiutare le tue abilità progettuali?

Ci sono tonnellate di blog di webdesign là fuori. Vorrei raccomandare:

• Smashing Magazine
• Webdesigner Depot
• A List Apart
• Muro del Webdesigner
• CSS-Tricks

Il design del sito Web include competenze di ampio respiro: esperienza utente, tipografia, selezione dei colori, modifica delle immagini, comunicazione, ecc.

Sono nella tua stessa barca. C'è molto da imparare, ma è roba piuttosto interessante.

1. Stumbleupon search - È il mio modo preferito di trovare articoli interessanti sul web design e sulle tecniche di progettazione. È possibile cercare elenchi di disegni o semplicemente tecniche di styling e ottenere un'ampia varietà di siti Web interessanti.
2. CSS Zen Garden / Repository di temi di navigazione: mi piace vedere cosa hanno fatto gli altri in modo da avere un'idea di cosa funziona e cosa no. Scegli alcune pagine davvero creative e alcune pagine blegh e confronta le differenze
3. Copia copia copia - A volte riproduco pagine professionali solo per esercitarmi in un disegno che trovo attraente. Quando ti prendi il tempo necessario per riprodurre completamente il lavoro di qualcun altro, inizierai a notare le incoerenze che non avresti mai notato prima.
4. Chiedere ad un artista - Ho la fortuna di avere alcuni amici che sono artisti grafici, e chiedo loro regolarmente di inviarmi qualsiasi progetto che vogliono prototipare in un layout web. Questo mi dà l'opportunità di lavorare direttamente con un artista e imparare da loro, e più pratica nel lavoro di progettazione.

Ho appena iniziato a utilizzare Balsamiq Mockups per questo processo. È un ottimo prodotto che vorrei aver trovato prima (meglio tardi che mai). Ti permette di pensare attraverso il tuo layout in un modulo di schizzo anziché in un modulo di codice. Dai un'occhiata.

Ho chiesto ad un mio amico designer di aiutarmi con cose del genere di recente, e lei ha detto che, a differenza dei tempi passati, si può semplicemente ottenere questa roba dallo scaffale. Il posto in cui mi ha mandato era ThemeForest; Sono sicuro che ce ne sono altri. Fondamentalmente, è un gigantesco catalogo di design. Per pochi dollari puoi comprarne uno, completo di HTML, CSS e immagini.

Inizia a seguire alcuni dei blog di design e photoshop: presto troverai alcuni che ti piacciono e molti non lo fanno.

Ne esistono di ottimi là fuori con tutorial gratuiti su Photoshop e alcuni buoni consigli e suggerimenti sulle basi, come selezionare combinazioni di colori, caratteri, layout e simili. Suggerirei anche di seguire alcuni blog sull'usabilità - questo si collega bene con il design.

La chiave che mi ha portato oltre i layout di stile di "tipico programmatore" è quella di trovare tutorial di Photoshop passo passo per mettere insieme pagine di esempio. Questo mi ha portato a raccogliere dozzine di piccole tecniche di photoshop che non avrei mai messo il tempo per scoprire da solo.

Ho iniziato molto nello stesso modo e avere più consapevolezza di quelle basi mi ha aiutato senza fine. Anche se probabilmente non sarò mai un designer artistico, posso almeno creare layout puliti e utilizzabili dall'aspetto professionale.

Ho letto anche questo problema e ho trovato:

• Apprendi le basi del CSS, anche l'apprendimento dei Framework CSS ti aiuterà. (esempi di buone strutture come: Blue Print )
• Impara Photoshop, le esercitazioni saranno sufficienti per aiutarti
• Leggi un libro su un web design per imparare come scegliere colori armonici.
• Guarda molti siti web che hanno un design eccezionale e provano a trarne idee.

Ci sono molti blog su CSS, JQuery che ho letto se voglio, ad es. Schermo bloccabile in stile iPhone. Vedo programmi con funzionalità interessanti e mi chiedo "come hanno fatto" e provare a fare lo stesso. È così che imparo.

Concordo con tutte le risposte fornite.

Fondamentalmente ho riversato tonnellate di codice CSS e siti CSS. Ho fatto anche domande sui forum. Il modo in cui sono diventato un designer migliore è stato quello di prendere un sito che mi è piaciuto molto e provare a imitare il design sul mio sito (ci doveva essere un motivo per farlo funzionare naturalmente). Ma attraverso questo processo è quello che mi ha aiutato di più.

L'imitazione è la più grande forma di adulazione.