Lutando contra as cores do programador
https://stackoverflow.com/questions/33079
-
09-06-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPergunta
Tenho alguns projetos favoritos em que sou o único designer/programador e passo muito tempo alterando a interface do usuário para torná-la mais fácil de usar. por usuários reais e evitando amarelo e verde brilhante isso é tão comum em designs de "programadores".
Você tem dicas para escolher um esquema de cores quando não tem um designer gráfico por perto?Como você evita criar a interface típica de "programador"?
Solução
Kuler tem muitos esquemas de cores enviados por usuários
editar:acabei de lembrar...tente também amantes de cores
Outras dicas
Deixe-me te contar uma historia.
Não tenho absolutamente nenhuma confiança na minha capacidade de fazer escolhas estéticas - basta olhar para a maneira como me visto para perceber que tenho justificativa para a minha falta de confiança.Enfim, anos atrás fui encarregado de escrever a interface gráfica de um novo produto (o "Editor de Clipes" do Cineon, para quem sabe disso).Esbocei um design, mas pedi ajuda ao meu chefe, ao chefe de vendas e marketing e a vários "especialistas em aplicações" para escolher as cores.Ninguém respondeu, então eu disse "para o inferno" e escolhi um esquema de cores tão feio que tenho certeza que os testadores beta recuariam horrorizados e exigiriam uma mudança.Mas eles não o fizeram - então foi enviado junto.E ouvi dizer que os clientes amado as "cores fortes".E não só isso, mas alguns anos depois um concorrente adicionou um programa que parecia uma cópia direta do meu Editor de Clipes ao seu produto e copiou meu esquema de cores!
Para aplicativos de desktop, obtenha as cores do sistema operacional.Eu, pessoalmente, quero que todos os meus aplicativos tenham a mesma aparência do meu sistema operacional.
Para aplicativos da web, não tenho certeza.
Tenha em mente que quase 10% da população masculina do mundo tem alguma forma significativa de daltonismo.Você deve sempre considerar isso ao escolher as cores da interface (especialmente se precisar de capital - adivinhe?1 em cada 10 investidores do sexo masculino pode não ver os pontos vermelhos no gráfico de fundo verde que mostra risco versus retorno!).
MSDN tem uma visão geral razoável disso, e há vários filtros de sites que mostram a aparência do seu site (ou de qualquer site), dada qualquer forma de daltonismo.
Fora isso, eu gosto muito COLOURLovers - eles não apenas têm uma grande seleção de esquemas de cores definidos e marcados pelo usuário, mas também os fornecem de várias maneiras, e você pode fazer login e rastrear seus favoritos (ou seus produtores de esquemas de cores favoritos).
Confira os temas de outono!Não há como errar com as cores de Michigan quando as folhas mudam...
-Adão
Guias de cores como o Kuler são um ótimo começo se você não tem ideia sobre como escolher cores.
Algumas considerações básicas:
Use contraste e não cor para diferenciar seu design.Isso é para acomodar daltonismo e usuários com deficiência visual.
Use uma paleta de cores tão limitada quanto possível.Escolha uma cor como seu 'tema' e escolha tons dessa cor e, em seguida, talvez uma ou duas cores contrastantes para combinar.
Obtenha conselhos - não precisa ser de um designer, você ainda pode conhecer alguém que tenha um bom olho para essas coisas.Além disso, feedback mais amplo - peça a opinião de algumas pessoas, isso pode ajudar.
Ultimamente tenho usado o seguinte site: http://www.nickherman.com/colormatch/para me ajudar (também não designer) a escolher esquemas de cores correspondentes.Normalmente encontro uma cor que é bastante agradável e, em seguida, uso as cores correspondentes deste site.
Se tudo mais falhar, peço também à minha esposa!
eu gosto de usar ColorSchemer e EasyRGB.
Alguns recursos atualizados que uso:
Colorotate.org é um site bem projetado com paletas de vários tamanhos fornecidas por usuários (ao contrário do kuler, que fornece apenas 5 cores por paleta).Ele permite que você veja como as combinações aparecem para vários tipos de pessoas com deficiência de cor.
coreschemedesigner.com gera paletas consistentes para você usando vários algoritmos (complemento, tríade, tétrade...)
da Adobe Kuler O site tem muitos esquemas de cores criados por usuários e enviados por designers.Normalmente procuro primeiro esquemas com classificação mais alta.
Existem muitos "seletores de temas de cores" na web.Se você usá-los, suas cores pelo menos parecerão que pertencem umas às outras.O primeiro que olhei no Google: http://www.yafla.com/dforbes/yaflaColor/ColorRGBHSL.aspx?
Procure cores pastel que sejam ligeiramente mais escuras do que suas contrapartes completas, ou seja,um vermelho pastel é mais escuro que um vermelho (255,0,0), por exemplo.Tente selecionar cores da mesma paleta, uma maneira barata de determinar os esquemas de cores que uso é fazer uma captura de tela de um aplicativo do Office 2007, geralmente Excel, e colar algumas cores de suas paletas coordenadas usando a ferramenta conta-gotas de cores em um aplicativo como o Paint.NET.Na verdade, essa abordagem trapaceira deve ser estendida para 'emprestar' esquemas de cores de aplicativos que já existem e que possuem esquemas de cores que você admira :-)
Se você escolher uma cor de "tema" para seu aplicativo, poderá usar Kuler para ajudar a dar corpo à paleta.
Postagem relacionada:
- Combinações de cores da Web 2.0
- Eu sei que vi mais, mas não consigo encontrá-los :)
Costumo usar muitos tons de cinza, junto com preto e branco, manter as coisas simples e evitar qualquer tipo de cores brilhantes e irritantes.Parece-me que foi isso que os caras do SO fizeram.
Os marcadores essenciais de Vitaly Friedman para web designers e desenvolvedores web listam muitos itens on-line ferramentas de cores, também um versão condensada
Há também um lista de ferramentas de cores em twiki.org que tem alguns sites adicionais.
Eu recomendo que você comece lendo sobre a teoria computacional das cores.A Wikipedia é na verdade um ótimo lugar para se informar sobre o assunto.Tente procurar uma cor pelo nome na Wikipedia.Você encontrará mais do que espera.Avance a partir daí até ter uma sinopse do campo.
À medida que você desenvolve seu olhar analítico, concentre-se em compreender suas cores e paletas de interface favoritas (ou mais desprezadas) em termos de suas diversas representações em diferentes espaços de cores:RGB, HSB, HSL.Mantenha o Photoshop/GIMP aberto para que você possa combinar a experiência subjetiva das paletas com seus aspectos quantificáveis.Veja como suas cores são renderizadas em monitores ruins.Observe o que sempre permanece legível e quais combinações de cores tendem a produzir resultados pouco carismáticos ou ilegíveis.Preste atenção às informações emocionais transmitidas por paletas específicas.Você verá rapidamente o surgimento de padrões.Por exemplo, você perceberá que é melhor evitar cores de alta saturação em componentes de UI, exceto para fins especiais.
Eventualmente, você será capaz de analisar a saída dos geradores de paleta recomendados aqui e desenvolver suas próprias teorias sobre o que constitui uma boa combinação e quanto contraste é necessário para funcionar bem na maioria dos monitores.
(Para evitar possíveis frustrações, você pode pular para o teste gratuito de percepção de cores da Pantone.É melhor tirar uma foto em uma tela com cores calibradas.Se disser que você tem má percepção de cores, a análise numérica é extremamente importante para você.)
Por que os programadores acham que não podem ter habilidades em design?É uma implicância minha.É uma habilidade que pode ser aprendida, como qualquer outra.
