Riferimento colore: dove trovi le tue idee?

Question

Sono l'unico dev in un piccolo IT shop e come tale non ho nessuno a cui rivolgersi quando si tratta del look delle mie applicazioni. Sono lasciato ai miei dispositivi personali per ciò che sembra buono con cosa e cosa corrisponde a cosa.

Questo mi ha chiesto, da dove gli altri programmatori hanno le loro idee di colore?

Sono l'unico programmatore a cui piacciono tutte le sue app in scala di grigi?

Quali sono alcuni siti, libri, applicazioni, consigli e trucchi per dare la vostra applicazione su misura certa vitalità e di vita che gli utenti finali FORZA realmente apprezzare?

Answer 1

suggerisco di Adobe Kuler. Puoi inserire un'immagine, come un logo, e suggerire un set di 5 colori che funzionano bene insieme. Un sacco di opzioni diverse. Inoltre ti consente di salvare le tue tavolozze. È quindi possibile sfogliare le combinazioni di colori di altre persone.

Answer 2

Se si sta programmando per alcune piattaforme, è meglio seguire le linee guida di quella particolare piattaforma. (E non modificare i colori di sistema senza una ragione)

Se si sta programmando per il Web, si potrebbe apprezzare il seguire un tema da alcune delle principali applicazioni Web, come Gmail.

Answer 3

Contrasto è una di quelle cose che possono creare o distruggere il design di un sito. Alcuni colori non vanno bene insieme. Il testo rosso su sfondo verde, ad esempio, potrebbe sembrare un contrasto elevato e una combinazione facile da leggere, ma non lo è. Ed è brutto. Allo stesso tempo, devi stare attento anche con i colori della stessa tonalità. Il testo grigio chiaro è difficile da leggere su uno sfondo bianco (quello è un po 'più ovvio).

Questa pagina parla un po 'di rapporti di contrasto e fornisce un valido strumento per verificare la presenza di esso: http://snook.ca/technical/colour_contrast/colour.html

Essi indicano che si dovrebbe sparare per un rapporto di contrasto pari a 4,5: 1, con testo di piccole dimensioni. Qualsiasi valore inferiore a quello e si rischia la possibilità che gli utenti abbiano problemi a leggere il tuo sito.

C'è un altro consiglio che posso dare. Ogni volta che scegli 2 colori per passare l'uno accanto all'altro, scegli un colore noioso privo di saturazione (bianco, grigio, nero o un colore davvero noioso) e abbinalo con un colore pieno di saturazione (blu, arancione , rosso, verde, ecc.). In generale, questo sembrerà migliore del tentativo di mettere due colori eccitanti l'uno accanto all'altro nello stesso disegno (a meno che non stiate progettando un sito di fumetti).

E poi questo sito ha una galleria fresco dove si potrebbe trovare alcune combinazioni ispirazione e buon colore: http://www.cwd.dk/

Ma ti dico che i miei metodi sono cambiati drasticamente da quando ho iniziato. Un po 'di creatività è buona, ma ora attribuisco maggiore importanza all'usabilità di qualsiasi altra cosa. Cerco di mantenere ogni disegno che faccio semplice e utilizzabile ... un po 'come StackOverflow. Lo dico solo perché la mia attenzione all'usabilità tende a influenzare le mie decisioni di progettazione.

Un paio di miei siti preferiti su usabilità e ottimizzazione sono http://www.useit.com/ e http://www.websiteoptimization.com/

Answer 4

Anche io preferisco le mie app in scala di grigi, anche se un accenno di colore non guasta. Ad esempio, meta.stackoverflow.com mi sembra strano dopo aver trascorso molto tempo su StackOverflow. Se siete alla ricerca di idee solo colore, mi piacerebbe controllare questi siti per i suggerimenti di colore:

http://www.colourlovers.com/

http://kuler.adobe.com/

Per typeography: http://webtypography.net/

Forse anche raccogliere qualche buona libri di design? (Mi piace questo http://www.amazon.com/Designer-Grid-Lucienne-Roberts/dp/2880466784)

Answer 5

Prendo alcuni utenti. Suggerisco di chiedere loro cosa vorrebbero nei colori.

A parte questo, per fornire dati in modo efficace è necessario ridurre al minimo l'ingombro visivo. Gray è un agente collaudato nel tempo per aiutarlo.

Vedo dal tuo commento che il grigio è disprezzato. Beh, potresti scriverlo "grigio": gli inglesi sono classici chic. Seriamente, devi prendere tre pastelli in questa situazione.

Answer 6

Chiedi ai tuoi utenti. Solo quello. Chiedi loro e segui il loro consiglio. Sono quelli che dovranno fissare la combinazione di colori per ore o giorni; segui il loro consiglio

Aggiornamento: non sto suggerendo di offrire agli utenti la gamma completa di opzioni; il modo in cui questo di solito funziona è con un piccolo gruppo di utenti, genera alcuni stili del sito che sembrano ragionevoli e chiedi al piccolo gruppo di scegliere quello che gli piace di più. In questo modo, c'è un aspetto coerente delle cose, ma ottieni comunque input da parte degli utenti finali.

Answer 7

Personnalmente, sono un grande fan di UI Framework come DevExpress che implementa la tecnologia della pelle. Quindi, l'utente ha la possibilità di passare al suo look preferito. Per noi, sono solo cinque righe di codice e i nostri utenti sono sempre soddisfatti di avere questa opzione. Vista, Office 2003, Office 2007 sono solo una piccola serie di diverse opzioni offerte ai nostri clienti.

Answer 8

Ho usato questo in passato:

http://colorschemedesigner.com/

Suggerirei di accendere i tooltip (vai a 'About & Help' > 'Show Tooltips') in modo da poter vedere le descrizioni dei diversi tipi di combinazioni di colori offerti quando si passa il mouse sopra di loro.

Answer 9

offrire agli utenti la combinazione di colori bling più bizzarra (come una combinazione di viola, verde, fissando rosso, rosa) e vi sarà la garanzia di un diluvio di suggerimenti dai vostri utenti.

Anche se i colori sono bizzarri, è necessario assicurarsi che le pagine siano ancora tecnicamente utilizzabili ma esteticamente insopportabili. Assicurati che le parole e i widget siano visibili in modo che le scritte utilizzino colori più scuri come il rosso cremisi, il blu o il grigio scuro su sfondi di colore chiaro. Pastello sullo sfondo in modo da non ostacolare la vista dell'utente.

Se si desidera difendere la reputazione per il proprio gusto dei colori, inserire un collegamento "Contatto web master" che porta a una dichiarazione di non responsabilità che indica che la combinazione di colori è intenzionale perché si costringono gli utenti a progettare, inviare e votare un colore schema. Perché non scrivere un'app web lil economica per facilitare anche il voto?

Answer 10

Direi attenersi a ciò che si sta bene con e renderli in scala di grigi, ma basta aggiungere suggerimenti e accenti di colore.

Adobe Kuler è un buon strumento per i quali utilizzare i colori.

Answer 11

Stick con scala di grigi e utilizzare i colori solo quando possono avere un significato. Ad esempio, usa il rosso acceso per importi negativi in ​​dollari, blu per indirizzi email, testo nero in grassetto su uno sfondo giallo per numeri di telefono, ecc. Questo genere di cose aiuta davvero gli utenti a orientarsi nella tua app, specialmente quando ci sono molte informazioni.

Answer 12

Dai un'occhiata alla AVIVADirectory.com

"La Canonica Elenco delle risorse di colore in linea per i progettisti (aggiornata periodicamente con roba pulita)"

Solo un elenco enorme di link e risorse su abbastanza colori.
E accetti semplicemente di non essere d'accordo su "u" a colori, ok;)

Inoltre, un +1 per colorschemedesigner.com accennato in precedenza da John Rasch

Answer 13

ho chiesto ad alcuni amici su Internet che praticamente rappresentano la base di utenti per le mie applicazioni. Il consenso generale è che certe sfumature di blu e ciano sono belle. Non del tutto diverso da quello predefinito in MSN Messenger 8.5. L'ho poi usato per colorare ciò che era iniziato in scala di grigi.

Ecco dove ho le mie idee.