Diretrizes sobre o uso de cores, fontes e imagens em um modelo de formulário

Importante :  Este artigo foi traduzido por um sistema de tradução automática, leia o aviso de isenção de responsabilidade. Para sua referência, veja a versão em inglês deste artigo aqui.

Como designer de formulários, é importante se concentrar na aparência de seu formulário, não apenas no modo como ele funciona. Se você estiver adicionando uma tela inicial colorida ou o logotipo de uma empresa, o Microsoft Office InfoPath oferece várias maneiras de criar interesse e organizar visualmente as informações, para que o modelo de formulário seja atraente e de fácil utilização.

Você não precisa ser um designer gráfico profissional para criar um modelo de formulário de boa aparência. Apenas lembre-se de não sobrecarregar um modelo de formulário com muitos elementos de design diferentes, o que pode torná-lo desorganizado. Em vez disso, escolha alguns elementos que atendam aos seus objetivos de design e use-os de modo consistente para proporcionar ao formulário uma aparência profissional.

Este artigo oferece listas de verificação que podem ajudá-lo a manter seu design no caminho certo.

Neste artigo

Lista de verificação para usando cores, bordas e sombreamento

Verificar a lista para usar fontes e formatação de fonte

Lista de verificação para uso logotipos e outras imagens

Lista de verificação para o uso de cores, bordas e sombreamentos

O uso de cores é uma das maneiras mais fáceis de adicionar interesse visual ao modelo de formulário. O InfoPath oferece muitos esquemas de cores predefinidos que o ajudam a aplicar combinações de cores diferentes a certos itens no modelo de formulário. Também é possível aplicar cores ao plano de fundo de um modelo de formulário.

Além disso, é possível criar interesse e organizar os elementos de um modelo de formulário com o uso de bordas e sombreamento. Uma borda destaca os limites de um controle, tabela ou célula da tabela. As bordas são particularmente úteis quando você deseja diferenciar as seções no seu modelo de formulário. Diferenciar as seções ajuda os usuários a entender a organização do formulário. No exemplo a seguir, o designer do formulário usou bordas para enfatizar as células em uma tabela de repetição.

Tabela de repetição com bordas em rosa

A aplicação do sombreamento a um controle ou célula da tabela altera a cor de plano de fundo. A ilustração a seguir mostra como várias opções de sombreamento podem alterar a aparência de uma caixa Informações Adicionais em um modelo de formulário.

Efeitos de sombreamento diferentes aplicados às células da tabela no formulário

Ao usar cores no seu design, não se esqueça das diretrizes a seguir.

Diretriz

Detalhes

Mover o cabeçalho

Não dependa só da cor para transmitir informações importantes.

Por exemplo, se o modelo de formulário contiver uma legenda codificada por cores, forneça mais indicações, como anotações de texto, para complementar o uso de cores. Alguns usuários poderão utilizar um esquema de cores limitado ou um PC de mão com uma tela monocromática ou talvez dependam de utilitários de revisão de tela, que transmitem informações aleatoriamente e que somente são representadas por cores. Além disso, até 10% da população tem dificuldade para distinguir entre algumas cores ou até mesmo vê-las.

Mover o cabeçalho

Considere o contraste das cores e o plano de fundo.

Verifique se o contraste das cores é a;to entre o plano de fundo e o primeiro plano do seu modelo de formulário. Por exemplo, use um plano de fundo branco ou cinza com cores de controle ou uma cor de célula da tabela branca ou cinza com uma cor de fonte.

Mover o cabeçalho

Se você estiver usando cor no plano de fundo do modelo de formulário, verifique se a opção Imprimir imagens e cores do plano de fundo está desativada.

Os planos de fundo podem criar contraste e interesse quando os usuários estão visualizando o formulário na tela. Entretanto, as cores de plano de fundo talvez não sejam ideais para impressão, porque os usuários podem não ter impressoras coloridas e a impressão dessas cores em tons de cinza ou em preto e branco pode dificultar a leitura do formulário. Além do mais, a impressão de planos de fundo pode tornar mais lenta a impressão do formulário e desperdiçar tinta da impressora ou do toner. Por isso, o InfoPath não imprime cores ou imagens de segundo plano por padrão.

Mover o cabeçalho

Use sombreamentos e bordas criteriosamente.

Embora você possa usar bordas para agrupar itens semelhantes, caixas demais podem fazer com que o formulário pareça confuso e se desviar de sua aparência geral. Concentre-se em seus objetivos ao usar bordas e sombreamentos e escolha e use consistentemente um efeito que atenda a esses objetivos. Por exemplo, você pode limitar o uso de bordas para realçar informações-chave ou reforçar a organização geral do formulário.

Mover o cabeçalho

Verifique se as cores estão corretas quando você exibe o modelo de formulário em monitores diferentes.

Teste a exibição das cores no modelo de formulário em monitores diferentes. Por exemplo, peça a alguns colegas para examinar o modelo de formulário, verifique as cores em condições de iluminação diferentes ou faça experiências com configurações distintas de tela e impressora.

Mover o cabeçalho

Considere o fato de que as cores indicam itens diferentes em regiões e países distintos.

Por exemplo, em alguns países e regiões, vermelho é associado à morte.

Início da página

Lista de verificação para o uso de fontes e formatação de fontes

A modificação da aparência do texto pode enfatizar as informações principais ou alterar radicalmente a aparência geral do modelo de formulário. Por exemplo, você pode ajustar a cor e o tamanho de certas palavras para criar os títulos que ajudam a organizar o modelo de formulário e a dividi-lo em seções lógicas.

No exemplo a seguir, o designer de formulário usa duas fontes diferentes, uma para títulos e outra para o texto que aparece dentro dos controle no modelo de formulário. Observe que, em geral, você deve evitar o uso de TODAS EM MAIÚSCULAS para ênfase. No entanto, essa técnica poderá funcionar se usada esporadicamente, por exemplo, com títulos e outras frases curtas, conforme mostrado a seguir.

Exemplo de fontes diferentes usadas para títulos e texto em uma caixa de texto

1. Para texto de título, a fonte é Arial de 9 pontos.

2. Para texto de controle, a fonte é Verdana de 10 pontos.

Ao usar fontes e formatações diferentes no seu design, não se esqueça das diretrizes a seguir.

Diretriz

Detalhes

Mover o cabeçalho

Verifique se o texto está visível em relação às cores de plano de fundo ou áreas sombreadas.

É mais fácil ler o texto quando há contraste adequado entre ele e o plano de fundo. Texto preto em um plano de fundo branco proporciona o mais alto contraste. Texto claro em um plano de fundo escuro também oferece um bom contraste.

Mover o cabeçalho

Verifique se o texto no formulário não está muito pequeno.

Texto pequeno talvez seja necessário de vez em quando, por exemplo, quando você inclui particularidades no modelo de formulário ou quando está rotulando controles. No entanto, na maioria dos casos, textos maiores são mais agradáveis para a leitura.

Mover o cabeçalho

Use fontes e efeitos de fontes criteriosamente.

Evite usar fontes demais no mesmo modelo de formulário. Isso pode criar um efeito de separação desagradável. Uma boa diretriz é manter a simplicidade usando no máximo três fontes. Além disso, evite fontes de balões, porque elas tendem a parecer amadoras em um formulário de negócios.

Mover o cabeçalho

Verifique se o texto está legível quando exibido em esquemas de cores de alto contraste.

Algumas pessoas com deficiência visual preferem usar um esquema de cores de alto contraste para fortalecer o contraste de alguns textos e imagens na tela do computador. Isso torna esses itens mais distintos e fáceis de identificar. Verifique o modelo de formulário usando os vários esquemas de alto contraste para ter certeza de que o modelo de formulário pode ser utilizado nesse modo. Para saber como ativar ou desativar um esquema de cores de alto contraste, consulte a Ajuda do sistema operacional.

Mover o cabeçalho

Considere se o texto é digitalizável.

Se o modelo de formulário contiver uma grande quantidade de texto, você poderá ajudar os usuários verificando se o texto é pode ser digitalizado. Por exemplo, caso você inclua instruções longas de Ajuda em um modelo de formulário, use listas numeradas ou com marcadores, em vez de grandes blocos de texto, porque essas listas são mais fáceis de digitalizar e entender.

Mover o cabeçalho

Verifique se você está usando os efeitos de fontes corretamente.

Use negrito, itálico e outros efeitos de fontes com parcimônia, se utilizá-los. Por exemplo, o texto em itálico freqüentemente é difícil de ler na tela, em especial quando é usado com certas fontes. De modo semelhante, o excesso de texto em itálico desvia a atenção da mensagem geral do texto.

Início da página

Lista de verificação para o uso de logotipos e outras imagens

As imagens constituem um outro método para personalizar e adicionar estilo ao modelo de formulário. Por exemplo, a inclusão do logotipo de uma empresa pode ajudar a conferir sua marca ao modelo de formulário.

Ao usar imagens no seu design, não se esqueça das diretrizes a seguir.

Diretriz

Detalhes

Mover o cabeçalho

Verifique se as imagens identificam adequadamente a empresa ou o objetivo do modelo de formulário.

Se a imagem for simplesmente uma indicação visual (como o logotipo de uma empresa) ou se for usada para transmitir informações importantes (como um gráfico de dados), verifique se o público pode entender sua finalidade.

Mover o cabeçalho

Verifique se as imagens têm o tamanho e a posição corretas.

Verifique se o tamanho da imagem e seu local no modelo de formulário não atrapalham os usuários durante o preenchimento desse modelo.

Mover o cabeçalho

Verifique se as imagens são culturalmente apropriadas.

Por exemplo, fotos que incluem gestos podem ser ofensivas. Mapas e bandeiras também podem ser imagens importantes. Se a imagem incluir pessoas, considere mostrar uma gama de etnias e ambos os sexos.

Mover o cabeçalho

Use imagens criteriosamente.

A inclusão de imagens excessivas ou desnecessárias pode fazer com que o modelo de formulário pareça desorganizado, o que, definitivamente, afeta a aparência e a eficiência geral do modelo de formulário.

Mover o cabeçalho

Verifique se as imagens contêm texto alternativo e se esse texto faz sentido quando lido em voz alta.

O texto alternativo ajuda àqueles que não podem visualizar a imagem na tela. Por exemplo, esse texto é benéfico para pessoas que dependem dos utilitários de revisão da tela para ler informações na tela ou aquelas que usam navegadores somente de texto para visualizar um modelo de formulário habilitado para navegador.

Mover o cabeçalho

Verifique se as imagens são salvas em um formato de arquivo apropriado.

Arquivos de imagem grande podem aumentar o tempo que demora para abrir o formulário. Determinados formatos de arquivo produzem arquivos que são muito maiores que outros. Por exemplo, um arquivo salvo como um bitmap (. bmp) ou formato de arquivo de imagem (TIFF) marcado é significativamente maior do que o mesmo arquivo salvo como um arquivo de JPEG, GIF ou PNG. O formato JPEG é geralmente melhor para fotografias ou outras imagens complexas. Os formatos GIF ou PNG são geralmente ideais para desenhos de linha, logotipos, ilustrações, gráficos e diagramas.

Mover o cabeçalho

Verifique se as imagens não são protegidas por direitos autorais.

Como tantas imagens são facilmente acessíveis na Internet, talvez seja tentado usar qualquer imagem que você vê. Infelizmente, muitos dessas imagens são protegidos por direitos autorais, e você precisa de permissão antes de você pode usá-los em seus modelos de formulário. No entanto, há vários sites, como Imagens do Bing, que, quando você usa o filtro de licença de copyright, você pode usar seus clipes e imagens desde que você concordar com seus termos de uso.

Mover o cabeçalho

Não dependa só das imagens para transmitir informações importantes.

Assim como você não deve depender só da cor para transmitir informações críticas aos usuários, também não deve depender exclusivamente das imagens. Pode ser que os usuários não consigam visualizar as imagens no modelo de formulário. Por exemplo, eles podem desativar as imagens no navegador para acelerar o desempenho ao exibir o formulário em um navegador ou talvez tenham alguma deficiência visual, que os impeça de realmente visualizar a imagem na tela.

Início da página

Observação : Aviso de Isenção de Tradução Automática: Este artigo foi traduzido por computador, sem intervenção humana. A Microsoft oferece essas traduções automáticas para ajudar as pessoas que não falam inglês a aproveitar os textos escritos sobre produtos, serviços e tecnologias da Microsoft. Como este artigo foi traduzido automaticamente, é possível que contenha erros de vocabulário, sintaxe ou gramática.

Expanda suas habilidades
Explore o treinamento
Obtenha novos recursos primeiro
Ingressar no Office Insider

Essas informações foram úteis?

Obrigado por seus comentários!

Agradecemos pelos seus comentários! Parece que pode ser útil conectar você a um de nossos agentes de suporte do Office.

×