Tutto intorno al libro di design per uno sviluppatore (Javascript dev) [chiuso]

I membri di Smashing meritano la propria risposta. Hanno iniziato bene con un sito web dedicato al web e al design di stampa che copre grafica, CSS, tipografia, colore e altro ancora. Ugualmente abbinati a questi aspetti visivi del design sono i loro articoli e how-to sulla codifica - specifiche tecniche HTML / CSS e simili. Ho spesso invitato i consigli di Smashing a determinare il "modo giusto" per gestire un qualche aspetto del codice e dei trucchi cross-browser.

Dato che hai problemi con JavaScript, inizia con quello che hanno taggato in quella categoria . Puoi raccogliere alcuni suggerimenti immediatamente utili e scoprire la loro gamma più ampia di contenuti tramite collegamenti terziari.

Non si ferma qui ... la Smashing Network è vasta e bella. Hanno appena pubblicato il loro secondo libro (Smashing Books # 1 e # 2). Mentre probabilmente puoi trovare tutti i contenuti del libro sul sito da qualche parte, è certamente raccolto in modo succinto in forma di libro. Infine, hanno una serie di libri nuovi e in crescita ( ricerca Amazon ) su HTML, CSS, jQuery, WordPress e altro.

Sembra una pubblicità. Non è. ;)

Uno dei miei libri preferiti è About Face di Alan Cooper.

Per un eccellente set di esempi su cosa NON fare (e quindi imparare dagli errori di altre persone) ... GUI Bloopers è il libro da leggere.

Se sei interessato non solo a migliorare l'aspetto grafico, ma a migliorare sostanzialmente il modo in cui le persone sperimentano il tuo sito (e apprendi da numerosi siti ben progettati sul Web), Jakob Neilsen prenota E -Commerce User Experience è api sulle ginocchia!

Sembra che tu voglia un design per il tipo di risorsa web. Qualcosa che ti aiuti nel front-end, nell'interazione con l'utente delle cose. Seguono le raccomandazioni, ma ho bisogno di menzionare che il design non riguarda solo il fantasioso CSS e Photoshop. Le immagini accattivanti sono importanti, ma l'esperienza complessiva, il flusso e l'agevolazione dell'esperienza di un utente sul tuo sito (o nella tua webapp) sono anch'essi fondamentali. Sto parlando di User Interface e User Experience design.

Do not Make Me Think di Steve Krug è un grande (e popolare) libro su come le persone usano e interagire con i siti Web. È un libro relativamente piccolo, facile da finire e troverai molte lezioni ovvie ora che sai.

Parlando di ... Progettare l'ovvio di Robert Hoekman è un altro solido libro sulla progettazione di software web. Tra le altre lezioni, ti ricorderà il valore nella gestione degli errori utile.

I second About Face, ma raccomanderei anche il suo altro libro: "I detenuti stanno gestendo il manicomio" per un trattato sul "come" delle interfacce "ma sul" perché ". Cioè come pensare al design non da un punto di vista visivo ma da un reale desiderio di risolvere problemi e fornire una buona esperienza utente

Il web design a volte può sembrare un "miraggio". Sei tentato di credere che l'unico modo per ottenere un bel design sia con trucchi complessi CSS3 / Photoshop, ma quasi l'80% dei siti web sembra bello con un design semplice e snello. Scopri come creare un layout "utile" per tutti i dispositivi, leggi i bei colori , piuttosto caratteri .

Un esempio pertinente è proprio di fronte ai tuoi occhi - www.google.com . Fai una ricerca, naviga tra i menu e vedrai che senza alcuna stranezza strana hai una piacevole esperienza utente (che alla fine è l'obiettivo principale per tutti gli sviluppatori web).

Quindi un ottimo punto di partenza è Twitter Bootstrap che ti aiuterà a produrre il design decente che cerchi.

Le cose più avanzate (Canvas / Photoshop, ecc.) dovresti lasciare ai veri professionisti (quelli che non scrivono il codice back-end Node.js).