A cor no design da TV pode inspirar, definir o clima e até mesmo levar os usuários a tomar decisões. É um elemento poderoso e tangível que os usuários percebem primeiro. Como uma excelente maneira de se conectar com um público amplo, não é de surpreender que a cor seja uma etapa importante na criação de uma interface de TV de alta qualidade.
Destaques
- O modo de imagem "Padrão" é a configuração de exibição de TV mais comum.
- A maioria das TVs é compatível com sRGB.
- Ao escolher as cores, considere que os usuários assistem TV a distâncias variadas e com pouca luz.
- A tecnologia de tela e as configurações de espaço de cor das TVs podem variar muito.
- Teste o maior número possível de variações de dispositivo e espaço de cor quanto for prático.
- Considere as diferentes necessidades e preferências do usuário ao usar cores.
- Preste atenção aos problemas comuns de TV, como faixas, ao usar gradientes.
Cores e telas da TV
É um equívoco comum que todas as telas mostrem todas as cores da mesma forma. Talvez você tenha notado isso enquanto usa um laptop do trabalho ou assiste a um filme na casa de um amigo. A mesma cor pode variar entre modelos de TV, monitores de computador e dispositivos móveis.
Espaço de cor
O espaço de cores se refere ao espectro de cores que uma tela de TV pode reproduzir. Isso inclui os espaços de cores sRGB e DCI-P3, que são o espaço de cores mais usado e é compatível com a maior variedade de modelos de TV. É usado em sistemas operacionais, programas de TV e jogos.
A escolha do espaço de cores DCI-P3 pode resultar em vídeos mais vívidos e realistas. Como o conteúdo feito em DCI-P3 tem acesso a uma porcentagem maior de cores, ele só pode ser compatível com telas de TV avançadas.
Modo de imagem
Os modos de imagem podem afetar a qualidade de cor na TV, mudando a forma como a TV processa a imagem. Por exemplo, os modos de imagem padrão geralmente tentam produzir uma representação de cor mais precisa, enquanto os modos de imagem vívido aumentam a saturação das cores para torná-las mais vibrantes.
O modo de imagem padrão para a maioria dos painéis de TV é o Standard. Esse modo foi projetado para fornecer uma imagem equilibrada com cores precisas. Mas um usuário tem muitas opções para escolher. Muitos usuários mudam os modos de imagem para melhorar a qualidade da imagem.
Vamos conferir sete modos de imagem comuns:
- Standard: modo de imagem padrão. Ela fornece uma imagem equilibrada com cores precisas.
- Vívido: aumenta a saturação das cores, tornando-as mais vibrantes.
- Dinâmico: aumenta o contraste da imagem, fazendo com que ela pareça mais nítida.
- Jogo: otimiza a imagem para jogos, reduzindo o atraso de entrada.
- Filme: otimiza a imagem para assistir filmes, reduzindo o desfoque de movimento.
- Esportes: otimiza a imagem para assistir esportes, aumentando o brilho.
- Personalizada: permite que o usuário ajuste as configurações de imagem de acordo com as próprias preferências.
Contraste
O contraste é um dos aspectos mais importantes da qualidade de imagem, especialmente com telas HDR modernas. É a diferença entre o preto mais escuro e o branco mais brilhante que uma TV pode produzir. Uma taxa de contraste mais alta normalmente significa pretos mais profundos, o que faz uma grande diferença na qualidade geral da imagem.
Contraste: 562:1 (baixo)
|
Contraste: Inf: 1 (perfeito)
|
A mesma cor em diferentes TVs pode parecer desbotada em TVs com uma taxa de contraste baixa. Para garantir uma boa experiência do usuário, os designers precisam considerar as seguintes dicas ao criar a IU para apps de TV:
- Use alto contraste entre as cores do texto e do plano de fundo.
- Escolha fontes claras e legíveis com tamanhos maiores e espaçamento entre linhas.
- Incorporar recursos de acessibilidade.
- Evite depender apenas da cor para transmitir informações.
- Otimizar para diferentes espaços de cor (SDR e HDR).
- Teste a legibilidade em diferentes condições de iluminação.
Tecnologia da Rede de Display
As tecnologias de exibição também podem afetar a cor mostrada na tela. Alguns tipos comuns incluem:
- LCD: as telas de cristal líquido são o tipo mais comum de TV. Eles usam uma luz de fundo para iluminar um painel de cristal líquido, que bloqueia ou permite que a luz passe para criar uma imagem. As TVs de LCD são relativamente baratas e têm uma ampla variedade de tamanhos, mas podem ter baixo contraste e a reprodução de cores.
- LED: as telas de diodo emissores de luz são um tipo mais novo de TV LCD que usa LEDs como luz de fundo. Os LEDs são mais econômicos do que os LCDs tradicionais e podem produzir uma imagem mais clara e vívida. TVs de LED tendem a ser mais caras do que TVs de LCD.
- QLED: telas de diodo emissores de luz de pontos quânticos são um tipo de tela de LED que usa pontos quânticos para produzir luz. Os pontos quânticos são partículas pequenas que podem produzir uma gama mais ampla de cores do que os LEDs tradicionais.
- OLED: telas de diodo orgânico emissor de luz são um tipo de tela de LED que usa materiais orgânicos para produzir luz. As OLED são o tipo mais caro de TV, mas oferecem o melhor contraste e a melhor reprodução de cores do que qualquer tipo de TV.
Cada tipo de tecnologia de tela de TV tem vantagens e desvantagens próprias ao renderizar cores.
Para saber mais, assista Como uma TV funciona em câmera lenta do The Slow Mo Guys.
Princípios
Para conferir mais leituras, consulte os princípios de Cor do Material Design (link em inglês).
- Acessibilidade em primeiro lugar: as interfaces de TV têm um público diversificado. de jovens a idosos e a pessoas com deficiência visual. Sempre leve em consideração as necessidades e preferências ao usar cores. Colocar a acessibilidade em primeiro lugar na interface pode oferecer aos usuários uma experiência eficiente. Um exemplo disso é atender aos padrões de contraste de cores. Observação: sempre considere as variações de renderização de cores em diferentes modelos de TV.
- Cor com propósito: quando usada corretamente, a cor pode melhorar a comunicação e criar experiências significativas e imersivas. Ele reflete a identidade do produto em toda a interface da TV.
- Escolha uma base contrastante: um plano de fundo contrastante ajuda os usuários a interpretar e interagir com o texto e vários elementos do app. Um contraste maior garante que o conteúdo fique visível.
Faixas de tela
As faixas de tela em uma TV se referem à aparência de linhas, faixas ou gradientes horizontais ou verticais visíveis na tela que não fazem parte do conteúdo mostrado. Esse artefato pode se manifestar como linhas distintas ou como uma transição gradual de cores ou tons pela tela. As faixas podem ser causadas por fatores como baixa profundidade de cor, artefatos de compressão, interferência de sinal ou problemas no painel ou na GPU.
Ao projetar uma interface do usuário para TV, especialmente quando se trata de gradientes e de evitar faixas, considere as seguintes dicas:
- Use gradientes de alta profundidade de cor: para minimizar o risco de faixas, use gradientes com alta profundidade de cor (por exemplo, 10 bits ou superior). Isso garante transições mais suaves entre cores e reduz a probabilidade de bandas visíveis.
- Evite transições extremas de cores: ao criar gradientes, evite transições nítidas entre as cores, já que elas podem ser mais propensas a criar faixas. Em vez disso, use transições de cores mais sutis e graduais que permitam uma aparência mais suave na tela.
- Teste em vários dispositivos: como as TVs podem variar em profundidade de cor e qualidade do painel, é importante testar o design da interface em vários dispositivos para garantir que os gradientes apareçam suaves e sem faixas em diferentes telas.
- Use técnicas de pontilhamento: o pontilhamento é uma técnica que pode ajudar a reduzir as faixas, misturando as cores de forma padronizada, em forma de ruído. Isso pode ajudar a criar a ilusão de transições de cores mais suaves, mesmo em telas com menor profundidade de cor.
- Escolha cores sólidas ou padrões sutis: se os gradientes não forem essenciais para o design, use cores sólidas ou padrões sutis. Eles são menos propensos a faixas e ainda podem criar uma interface agradável esteticamente.