Nessa aula, aprendemos sobre a regra 60-30-10, uma fórmula simples para criar um esquema de cores equilibrado e harmonioso no design. A regra é amplamente utilizada por designers de interiores, moda e gráficos para estabelecer proporções de cores em um projeto:
- 60% da cor dominante
- 30% da cor secundária
- 10% da cor de destaque
Pontos importantes que destacamos:
- Escolha da Cor Neutra ou Dominante:A cor dominante define o tom do seu design e deve ser a mais prevalente. Ao escolhê-la, considere as cores da marca, o público-alvo e os objetivos do design. Essa cor deve estar presente nas áreas mais proeminentes do design como fundos e superfícies.
- Escolha da Cor Secundária/Neutras:A cor secundária deve complementar a dominante e adicionar interesse visual. Ao selecioná-la, considere a teoria das cores, o contraste e o humor que deseja evocar. Use-a para destacar elementos importantes como títulos, texto de corpo e botões de ação (CTA).
- Escolha da Cor de Destaque:A cor de destaque adiciona excitação e contraste. Escolha uma cor que se destaque das cores dominante e secundária, considerando a teoria das cores, o contraste e o humor. Use-a com moderação para chamar atenção para elementos específicos.
Dicas para aplicar a regra efetivamente:
- Experimente diferentes combinações de cores e ajuste as proporções conforme necessário.
- Utilize tons e matizes para adicionar profundidade e complexidade ao esquema de cores.
- Teste o design em diferentes dispositivos e condições de iluminação para garantir legibilidade e acessibilidade.
Ao entender o papel das cores no seu design, podemos criar um esquema que melhore a experiência do usuário e atinja os objetivos de design. A regra 60-30-10 nos ajuda a tomar decisões informadas sobre a seleção de cores e a criar um design funcional e visualmente atraente. É essencial experimentar, adicionar profundidade e testar o design para garantir que ele seja acessível e legível para todos os usuários. Com essas práticas, podemos elevar o design de UI a um novo patamar e causar uma impressão duradoura no público.
Data de lançamento
21/04/2025
Duração
Legendas
Português [PT-BR]
Tags
design, cores, harmonia, proporções, UI