Come si può imparare a progettare belle cercando siti web? [chiuso]

Question

Io sono uno sviluppatore web moderatamente capace. Posso mettere roba dove voglio andare e mettere un po 'roba JQuery in là, se ne ho bisogno. Tuttavia, se sto facendo il mio sito web (che sto iniziando a fare) non ho idea di come progettare esso. Se qualcuno è stato a sedersi accanto a me un punto sullo schermo e dire "mettere questa foto c'è, il testo lì" posso farlo abbastanza facilmente. Ma progettare il mio sito con la mia scelta di colori e il testo sarà simile a un bambino ha inventato essa.

Qualcuno sa qualsiasi sito web / libri posso guardare o qualcuno ha avuto qualche consiglio sulle basi di non-bambino di web design?

Answer 1

Hai un paio di cose da fare.

Consigli:

Imparare ad usare Photoshop. (In particolare, gli stili di livello sono eccellenti. Basta ricordare che è possibile essere effetti difficili reimplementare nei CSS2) Si va un lungo cammino per rendere buone mockup.

Guardate i siti professionali. Quali siti Sei stato a quello sguardo gentile con te?

Trova siti che fastidio e considerare che cosa potrebbe rendere meglio. Guarda pubblicità dei prodotti pure. Imballaggi alimentari. Annunci sui giornali. È il nome.

Inoltre, una volta che si avvia sempre il blocco di esso, pratica, pratica, pratica. Graphics vuole tempo per sviluppare come una competenza, in particolare da un programmatore che ha codifica di prendere in considerazione. (gradienti vs "piastrellabilità")

Strumenti

(Photoshop è uno dei miei preferiti. Paint.NET è una buona alternativa di Windows, ma non è così potente.)

di Nathan Smith sistema 960 di griglia . Ha modelli per molti dei principali programmi di grafica. Check it out.

References:

un'occhiata ad alcuni di questi siti: (ho visto più, cercherò di aggiungere come mi imbatto in loro)

• A List Apart
• John McCain
• BarackObama.com
• Hayon2010.com (Va bene, ho fatto questo, ma penso che è bello. modifica :. lo apprezzerei commenti su di esso troppo ;-D)

Answer 2

Il lato pratico

C'è sicuramente alcuni aspetti pratici step-by-step di progettazione che sono importanti per imparare. Non tutto è soggettivo.

• Web Design Tutorial: http://webdesign.tutsplus.com/

• Tutorial Photoshop: http://psd.tutsplus.com/

• Tonnellate di Tutorial: Lynda

Inspiration

• Sito Web: senza pari Stile

• Sito Web: Abduzeedo

• libro: Linee guida per il successo online

• Sito Web: Smashing Magazine

Design Skills

Generale design

• libro: Graphic Design: The New Basics

• libro: Graphic Design, di riferimento

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

Tipografia

• libro: di pensiero con Tipo

• libro: The Elements of Typographic Style

• Articolo: http://en.wikipedia.org/wiki/Typography

• Articolo: http://www.informationarchitects.jp/en / il-web-is-all-about-tipografia-periodo /

Layout

• libro: layout Workbook

Colore

• libro: Color Design Workbook

• libro: Color Harmony Workbook

Filosofia del Design

"L'errore più stupido sta visualizzando design come qualcosa che si fa alla fine del processo per‘riordinare’il caos, al contrario di capire si tratta di un problema di‘primo giorno’e parte del tutto." -Tom Peters

"Un buon design mantiene la felice utente, il produttore in nero e l'esteta unoffended." -Raymond Loewy

"Il design veramente elegante incorpora funzionalità di alto livello in una forma semplice, ordinato." -David Lewis

"Un buon design è un buon affare." -Thomas J. Watson Jr.

più citazioni

Answer 3

Questo potrebbe essere un po 'fuori tema, ma mi ricordo di Jeff Atwood raccomandando vivamente il libro mi fanno pensare . Esso descrive come si dovrebbe progettare il vostro sito web per la migliore esperienza utente.

Answer 4

Ogilvy sulla pubblicità: questo libro copre alcuni principi fondamentali di progettazione grafica e un sacco di buon senso nel fare qualsiasi tipo di flyer, annuncio, ecc, anche se è stato scritto molto prima dell'era www.

Più in generale, libri e riviste sfogliare sul graphic design, belle arti, decorazione d'interni, cinema - ci sono un sacco di principi di progettazione comuni per fare qualcosa di visivamente attraente e rendere le informazioni o altro contenuto accattivante. Un po 'come come l'elettromagnetismo è comune a elettronica, scienza planetaria, chimica, nucleare e altri campi della fisica e dell'ingegneria.

Answer 5

Un altro buon libro in questo spazio sarebbe The Design of Everday le cose. Si estende su un sacco di idee pratiche come favorire i disegni che si prestano a un uso semplice, approfittando di come le persone si avvicinano naturalmente una cosa nuova. Il libro non è specificamente UI o web design, ma lo fa copertura che un po ', credo.

Un primo esempio nel libro è porte. Parla di come le porte con un pomello o maniglia su cerniere un lato e visibili sono intuitivi, perché non si sa la porta si aprirà il spingendo o tirando su quel lato. porte fantasia con cerniere a scomparsa, barre di spinta su tutto il territorio porta, o manopole centrati sono difficili e richiedono un momento di sperimentazione perché sono operazione non è intuitivo.

Answer 6

Uno strumento che trovo prezioso nel design è Color Scheme Designer . Io di solito scegliere un colore che vorrei basare la progettazione intorno e poi utilizzare lo schema di "Analogic" per ottenere un bel set di colori corrispondenti. Per me, ottenendo i colori a destra è la parte peggiore, così dopo che il resto è solo ottenere una bella disposizione e applicando la tavolozza limitata di colori.