risposta-alla-domanda-sullo-sviluppo-web-bd.com

Quali sono alcune best practice nella scelta del colore di sfondo della barra di navigazione?

Sto usando Twitter bootstrap e non mi piace il colore di sfondo grigio scuro predefinito per la barra di navigazione.

Quindi stavo pensando di scegliere un colore diverso. Ma essere un programmatore e non un designer prima questo si sta rivelando un problema più difficile di quanto immaginassi.

Esistono linee guida/principi/migliori pratiche nella scelta del colore di sfondo per le barre di navigazione e in che modo tale colore è correlato/integra altri colori nella pagina.

Qualche sito web da cui trarre ispirazione?

5
numan

Sento il tuo dolore per questo. Mi piace fare riferimento a Kuler di Adobe per alcune buone idee su tavolozze di colori/colori complementari.

Inoltre, PatternTap ha un'enorme galleria di elementi di navigazione, anche se se stai solo cercando nuovi colori potrebbe essere un po 'troppo setacciato.

Penso che il principio da seguire qui sopra ogni altra cosa sia semplice: assicurati che ci sia abbastanza contrasto per essere leggibile. Contrast-A è un buon strumento basato sul web che può dirti se il contrasto tra il testo e i colori di sfondo è abbastanza alto da essere leggibile. Se vuoi qualcosa che esamini un sito di produzione, checkmycolours.com può farlo, anche se sembra fornire risultati sciocchi.

9
Mark D

Il colore su cui decidi dipende dal fatto che tu provenga dal punto di vista dei progettisti dell'interfaccia utente, dal punto di vista della UX o dal punto di vista dell'accessibilità e dalla ricerca del giusto livello.

Ad esempio, se si guardasse al 100% di accessibilità, si andrebbe con testo nero su uno sfondo giallo e si ha la possibilità di cambiare. Se provenivi da un'interfaccia utente al 100% p.o.v. probabilmente lo progetteresti per adattarlo al resto del sistema ma potresti finire con qualcosa di meno leggibile. Il 100% di UX sarebbe abbastanza ben progettato per non far sentire l'utente come se stesse guardando qualcosa che è facile da leggere e evidente e probabilmente anche nell'ordine corretto.

Combina tutti e 3 nel giusto rapporto e dovresti avere qualcosa che sia facile da leggere, facile da usare, bello e leggibile per coloro che non riescono a vedere così bene.

Suggerimento: non fare affidamento sui colori per rappresentare le informazioni. Il colore dovrebbe integrare le informazioni, in modo che coloro che non vedono i colori con la stessa facilità non possano confondersi. Quindi, usare colori diversi per diverse sezioni del sito, ad esempio, senza eseguire il backup di quel colore con testo o simboli, è un no!

3
TJH

buoni libri di design infografico ti guidano attraverso i fatti pertinenti sulla scelta del colore. alcuni siti Web e strumenti come Kuler forniscono gratificazione istantanea per un colore complementare basato sul pallete esistente. se il pallete è tonale o altro schema, è meglio continuare nella stessa vena.

0
Chris