Hai alcune cose da fare.

Suggerimenti:

Impara a usare Photoshop. (In particolare, gli stili di livello sono eccellenti. Si noti che possono essere effetti difficili da reimplementare nei CSS2) È molto importante creare buoni mockup.

Guarda i siti dal design professionale. Quali siti sei stato a tuo aspetto carino?

Trova i siti che ti danno fastidio e considera cosa potrebbe renderlo migliore. Guarda anche le pubblicità dei prodotti. Imballaggi alimentari Annunci di giornali Lo chiami.

Inoltre, una volta che inizi a prenderne il controllo, pratica, pratica, pratica. La grafica richiede tempo per svilupparsi come abilità, specialmente da un programmatore che ha la codifica da considerare. (Sfumature vs "tileability")

Strumenti

(Photoshop è un preferito di me stesso. Paint.NET è una buona alternativa a Windows, ma non è altrettanto potente.)

Il sistema di griglia 960 di Nathan Smith. Ha modelli per molti dei programmi di grafica mainstream. Dai un'occhiata.

References:

Guarda alcuni di questi siti: (ne ho visto di più, cercherò di aggiungerli quando li incontrerò)

• A List Apart
• John McCain
• BarackObama.com
• Hayon2010.com (Ok, l'ho creato io, ma penso che sia bello. modifica: Vorrei apprezzare anche i commenti su di esso ;-D)

The Practical Side

Ci sono sicuramente alcuni aspetti pratici del design che sono importanti da imparare. Non tutto è soggettivo.

• Esercitazioni sul web design: link

• Esercitazioni su Photoshop: link

• Tonnellate di esercitazioni: Lynda

Ispirazione

• Sito web: Stile senza corrispondenza

• Sito web: Abduzeedo

• Libro: Linee guida per il successo online

• Sito web: Smashing Magazine

Abilità progettuali

Design generale

• Libro: Graphic Design: The New Basics

• Libro: Graphic Design, di riferimento

• PDF: I Big Four: Contrasto, Ripetizione, Allineamento, Prossimità

Tipografia

• Libro: Pensare con tipo

• Libro: Gli elementi dello stile tipografico

• Articolo: link

• Articolo: link

Layout

• Libro: Cartella di lavoro del layout

Colore

• Libro: Cartella colori design

• Libro: Cartella colori Harmony

Filosofia del design

"The dumbest mistake is viewing design as something you do at the end of the process to ‘tidy up’ the mess, as opposed to understanding it’s a ‘day one’ issue and part of everything." -Tom Peters

"Good design keeps the user happy, the manufacturer in the black and the aesthete unoffended." -Raymond Loewy

"Truly elegant design incorporates top-notch functionality into a simple, uncluttered form." -David Lewis

"Good design is good business." -Thomas J. Watson Jr.

Ulteriori virgolette

Potrebbe essere leggermente fuori tema, ma ricordo che Jeff Atwood raccomandava strongmente il libro Non farmi pensare . Descrive come dovresti progettare il tuo sito web per la migliore esperienza utente.

Ogilvy in pubblicità: questo libro copre alcune nozioni di base del design grafico e un sacco di buon senso nel realizzare qualsiasi tipo di volantino, annuncio, ecc. anche se è stato scritto molto prima dell'era www.

Più in generale, sfogliare libri e riviste sul design grafico, l'arte, la decorazione d'interni, il cinema - ci sono molti principi di progettazione comuni per rendere visivamente attraente qualcosa e rendere accattivanti informazioni o altri contenuti. Un po 'come l'elettromagnetismo è comune all'elettronica, alla scienza planetaria, alla chimica, al nucleare e ad altri campi della fisica e dell'ingegneria.

Un altro buon libro in questo spazio sarebbe Il design di Everday Things. Copre un sacco di idee pratiche come favorire i progetti che si prestano ad un facile utilizzo sfruttando il modo in cui le persone si avvicinano naturalmente a una cosa nuova. Il libro non riguarda specificamente l'interfaccia utente o il web design, ma lo copre un po ', credo.

Un primo esempio nel libro sono le porte. Parla di come le porte con un pomello o una maniglia su un lato e le cerniere visibili siano intuitive, perché sai che la porta si aprirà spingendo o tirando da quella parte. Porte eleganti con cerniere nascoste, barre di spinta su tutta la porta o manopole centrate sono difficili e richiedono un momento di sperimentazione perché il loro funzionamento non è intuitivo.

Uno strumento che trovo di valore inestimabile nel design è Color Scheme Designer . Di solito scelgo un colore su cui vorrei basare il disegno e quindi uso lo schema "Analogico" per ottenere un bel set di colori corrispondenti. Per me, ottenere i colori giusti è la parte peggiore, quindi dopo tutto il resto è solo avere un bel layout e applicare la gamma di colori limitata.