The Codest
  • Sobre nós
  • Serviços
    • Desenvolvimento de software
      • Desenvolvimento de front-end
      • Desenvolvimento backend
    • Staff Augmentation
      • Programadores Frontend
      • Programadores de back-end
      • Engenheiros de dados
      • Engenheiros de nuvem
      • Engenheiros de GQ
      • Outros
    • Aconselhamento
      • Auditoria e consultoria
  • Indústrias
    • Fintech e Banca
    • E-commerce
    • Adtech
    • Tecnologia da saúde
    • Fabrico
    • Logística
    • Automóvel
    • IOT
  • Valor para
    • CEO
    • CTO
    • Gestor de entregas
  • A nossa equipa
  • Case Studies
  • Saber como
    • Blogue
    • Encontros
    • Webinars
    • Recursos
Carreiras Entrar em contacto
  • Sobre nós
  • Serviços
    • Desenvolvimento de software
      • Desenvolvimento de front-end
      • Desenvolvimento backend
    • Staff Augmentation
      • Programadores Frontend
      • Programadores de back-end
      • Engenheiros de dados
      • Engenheiros de nuvem
      • Engenheiros de GQ
      • Outros
    • Aconselhamento
      • Auditoria e consultoria
  • Valor para
    • CEO
    • CTO
    • Gestor de entregas
  • A nossa equipa
  • Case Studies
  • Saber como
    • Blogue
    • Encontros
    • Webinars
    • Recursos
Carreiras Entrar em contacto
Seta para trás VOLTAR
2016-05-07
Desenvolvimento de software

COMO A TIPOGRAFIA AFECTA A PERCEPÇÃO QUE O UTILIZADOR TEM DA PÁGINA WEB

Klaudia Migacz

Desde que reparei que a aplicação que preparámos se expandiu significativamente, decidi encontrar um método completamente novo para automatizar o processo do seu lançamento.

O que é a tipografia e qual a sua importância? O enorme desenvolvimento da arte da impressão nas últimas décadas é o resultado do desenvolvimento geral da civilização e das necessidades culturais ainda crescentes da humanidade. A tipografia é uma das áreas cuja função é esconder-se na sombra. Ler artigos, folhear as páginas e procurar informação não deve levar o utilizador a prestar atenção aos tipos de letra, ao espaçamento entre linhas e ao alinhamento do texto, nem a aumentar ou reduzir o tamanho da letra. Infelizmente, a necessidade de invisibilidade também causa dificuldade em compreender o seu significado. A tipografia é a arte de utilizar as formas de letras mais adequadas aos meios de comunicação. Para escolher o tipo de letra correto, é importante fazer uma série de perguntas de marketing, tais como: qual é a extensão do texto, qual é o seu objetivo, o que é mais importante, o que é que o texto deve ajudar a alcançar? E perguntas sobre questões técnicas como a legibilidade e a estética, a sensação do texto (tem de parecer sério e profissional ou pouco oficial ou decorativo) e se o texto vai ser lido ou apenas digitalizado pelos utilizadores. Se conhecermos a especificação dos requisitos e o público-alvo, é mais fácil escolher a tipografia correta para o projeto e visar todos os objectivos estabelecidos para o texto.

COMO O UTILIZADOR QUER VER O TEXTO NA WEB - LEGIBILIDADE

O cérebro gosta de harmonia, e o olho move-se facilmente através do texto se houver espaço adequado para isso - as linhas subsequentes aparecem em locais previsíveis. Se a altura da linha, o tamanho do tipo de letra, os espaçamentos e as margens forem combinados de forma consolidada, deve haver ritmo no bloco de texto.

É importante que todas as linhas subsequentes repitam o mesmo ritmo, tal como os outros elementos da página. A escolha da altura correta depende do tamanho e do tipo de letra. Quanto maior for o tamanho, maior deve ser a altura da linha. Tradicionalmente, determina-se que a relação ideal entre a altura da linha e o tamanho do tipo de letra é de 1,3 para 2 (ou até mais em casos especiais). A seleção afecta o tamanho do preenchimento e das margens que devem ser utilizados. Para que os elementos fiquem bem dispostos e as distâncias sejam exactas, é muito útil colocar a imagem de linhas horizontais e tentar colocar os elementos de modo a que comecem e acabem com ambas as linhas, estando o texto entre estas últimas. A definição da altura da linha é um método menos sofisticado do que o alinhamento da linha de base, mas faz bem o trabalho e, ao mesmo tempo, é fácil de código e manter.

O elemento menos percetível da tipografia é o espaço em branco, mas ao mesmo tempo as suas possibilidades são enormes. O espaço em branco não é apenas a luz entre as palavras e o espaçamento entre linhas, mas também todo o espaçamento entre elementos. Deixar as margens em branco não é um desperdício de espaço, mas sim uma ajuda à hierarquia. A seleção adequada dos espaços em branco pode também especificar a natureza do design.

O tamanho do tipo de letra também é importante. Os tipos de letra demasiado pequenos, embora estejam frequentemente associados a um design profissional, são geralmente difíceis de ler ou, pelo menos, reduzem a velocidade e a facilidade de leitura. Não é sem razão que quase todos os browsers aceitam, por defeito, um tamanho de letra de 16px. Um tipo de letra demasiado grande também pode ser difícil de ler. Entre os factores que determinam a legibilidade, há também o contraste - espera-se que seja ótimo e as pessoas estão mais habituadas a ler sobre um fundo claro. As páginas com muito texto devem evitar desenhos gráficos escuros. Nos últimos tempos, é comum os web designers reduzirem o contraste entre o branco e o preto para não cansar os olhos do leitor.

Em tudo isto, o mais importante é a moderação e a transparência. Em primeiro lugar, não se consegue ver uma boa tipografia - ela funde-se no fundo e deixa-nos ler o que queremos. Do ponto de vista técnico, dois tipos de letra fazem uma boa equipaA seleção de duas fontes é suficiente para atingir todos os objectivos. Na maioria dos casos, a seleção de dois tipos de letra é suficiente para atingir todos os objectivos. Deve haver um estilo para os cabeçalhos e outro para o texto em bloco. As hiperligações devem ser facilmente identificáveis. Fontes mal escolhidas através de @font-face pode ser incómodo para a vista quando se utiliza o antialiasing. O mesmo acontece se os tipos de letra forem utilizados de forma descuidada no Flash. As letras desfocadas cansam os olhos e atrasam a leitura. Além disso, negrito, itálico, maiúsculas e outros marcadores devem ser utilizados isoladamente (negrito e itálico já é demasiado). A decisão de destacar as partes do texto e qual a regra para o fazer deve ser tomada no início.

A leitura de textos longos exige concentração. Muitas vezes, a atenção do utilizador é distraída por anúncios que preenchem a coluna de um ou ambos os lados do artigo. Se quisermos que o utilizador os leia até ao fim, o número de itens que podem distrair deve ser limitado.

A ARTE DA TIPOGRAFIA COMO FERRAMENTA DE MARKETING - A TIPOGRAFIA NOS LOGÓTIPOS E A SUA ASSOCIAÇÃO AO PROJECTO DE SÍTIO WEB OU DE APLICAÇÃO

Novos padrões de tipografia e letras foram desenvolvidos principalmente pela expansão da publicidade comercial. A identificação visual que contém cartazes, brochuras, embalagens ou anúncios e o mais importante - o nome e o logótipo, para além da informação gráfica, contém texto. Este texto, para cumprir o seu objetivo, deve ser comunicativo, claro e atraente, e também harmonizado com a ilustração e a natureza do produto que está a ser publicitado. Uma marca adequadamente formada pode refletir a natureza e o estilo da organização. Ao mesmo tempo, as qualidades positivas e o símbolo de associação serão a base para a construção de uma imagem favorável da empresa. Cada organização é única e a sua identidade deve crescer a partir das suas raízes e experiências. A identidade da empresa deve ser simples e clara porque constitui um padrão para "medir" os produtos, os comportamentos e as acções da empresa. É por isso que deve ser visível e abranger todos os aspectos para ser uma afirmação. A tipografia é uma parte da identidade da empresa, por isso deve refletir o seu carácter e valores. Os materiais corporativos devem corresponder à empresa e aos seus objectivos, o que significa que todos os materiais, desde cartões de visita, papel timbrado, manuais de produtos, publicidade em jornais, no sítio Web e apresentações multimédia, devem ter um carácter uniforme. O tipo de letra corretamente selecionado, com as suas variações e layouts cuidadosamente concebidos, criará uma imagem da empresa estável e eficaz em funcionamento.

Por conseguinte, os elementos tipográficos no sítio Web ou na aplicação Web/móvel devem ser coerentes com as diretrizes do livro de marca de uma empresa ou, se a utilização da família de tipos de letra designada for prevista apenas para impressão, pelo menos formados numa relação coerente.

Existem marcas comerciais constituídas pelo logótipo (texto) e sinais que contêm um símbolo (elemento gráfico) e um logótipo. Os sinais feitos apenas com o símbolo são bastante raros. Se a marca for apenas um sinal de empresa, é necessário proporcionar a máxima legibilidade em todos os tamanhos de letras. O logótipo não deve impedir a leitura do nome, o que por vezes acontece quando, por exemplo, se distingue a primeira letra do nome. O respeito pelos princípios da tipografia correta permite que a empresa apareça como um parceiro profissional, fiável e de confiança, o que só pode conduzir ao sucesso para ambas as partes!

Artigos relacionados

Ilustração de uma aplicação de cuidados de saúde para smartphone com um ícone de coração e um gráfico de saúde em ascensão, com o logótipo The Codest, representando soluções digitais de saúde e HealthTech.
Desenvolvimento de software

Softwares para o setor de saúde: Tipos, casos de uso

As ferramentas em que as organizações de cuidados de saúde confiam atualmente não se assemelham em nada às fichas de papel de há décadas atrás. O software de cuidados de saúde apoia agora os sistemas de saúde, os cuidados aos doentes e a prestação de cuidados de saúde modernos em...

OCODEST
Ilustração abstrata de um gráfico de barras em declínio com uma seta ascendente e uma moeda de ouro que simboliza a eficiência ou a poupança de custos. O logótipo The Codest aparece no canto superior esquerdo com o slogan "In Code We Trust" sobre um fundo cinzento claro
Desenvolvimento de software

Como dimensionar a sua equipa de desenvolvimento sem perder a qualidade do produto

Aumentar a sua equipa de desenvolvimento? Saiba como crescer sem sacrificar a qualidade do produto. Este guia cobre sinais de que é hora de escalar, estrutura da equipe, contratação, liderança e ferramentas - além de como o The Codest pode...

OCODEST
Desenvolvimento de software

Construir aplicações Web preparadas para o futuro: ideias da equipa de especialistas do The Codest

Descubra como o The Codest se destaca na criação de aplicações web escaláveis e interactivas com tecnologias de ponta, proporcionando experiências de utilizador perfeitas em todas as plataformas. Saiba como a nossa experiência impulsiona a transformação digital e o negócio...

OCODEST
Desenvolvimento de software

As 10 principais empresas de desenvolvimento de software sediadas na Letónia

Saiba mais sobre as principais empresas de desenvolvimento de software da Letónia e as suas soluções inovadoras no nosso último artigo. Descubra como estes líderes tecnológicos podem ajudar a elevar o seu negócio.

thecodest
Soluções para empresas e escalas

Fundamentos do desenvolvimento de software Java: Um Guia para Terceirizar com Sucesso

Explore este guia essencial sobre o desenvolvimento de software Java outsourcing com sucesso para aumentar a eficiência, aceder a conhecimentos especializados e impulsionar o sucesso do projeto com The Codest.

thecodest

Subscreva a nossa base de conhecimentos e mantenha-se atualizado sobre os conhecimentos do sector das TI.

    Sobre nós

    The Codest - Empresa internacional de desenvolvimento de software com centros tecnológicos na Polónia.

    Reino Unido - Sede

    • Office 303B, 182-184 High Street North E6 2JA
      Londres, Inglaterra

    Polónia - Pólos tecnológicos locais

    • Parque de escritórios Fabryczna, Aleja
      Pokoju 18, 31-564 Cracóvia
    • Embaixada do Cérebro, Konstruktorska
      11, 02-673 Varsóvia, Polónia

      The Codest

    • Início
    • Sobre nós
    • Serviços
    • Case Studies
    • Saber como
    • Carreiras
    • Dicionário

      Serviços

    • Aconselhamento
    • Desenvolvimento de software
    • Desenvolvimento backend
    • Desenvolvimento de front-end
    • Staff Augmentation
    • Programadores de back-end
    • Engenheiros de nuvem
    • Engenheiros de dados
    • Outros
    • Engenheiros de GQ

      Recursos

    • Factos e mitos sobre a cooperação com um parceiro externo de desenvolvimento de software
    • Dos EUA para a Europa: Porque é que as empresas americanas decidem mudar-se para a Europa?
    • Comparação dos centros de desenvolvimento da Tech Offshore: Tech Offshore Europa (Polónia), ASEAN (Filipinas), Eurásia (Turquia)
    • Quais são os principais desafios dos CTOs e dos CIOs?
    • The Codest
    • The Codest
    • The Codest
    • Privacy policy
    • Website terms of use

    Direitos de autor © 2026 por The Codest. Todos os direitos reservados.

    pt_PTPortuguese
    en_USEnglish de_DEGerman sv_SESwedish da_DKDanish nb_NONorwegian fiFinnish fr_FRFrench pl_PLPolish arArabic it_ITItalian jaJapanese es_ESSpanish nl_NLDutch etEstonian elGreek cs_CZCzech pt_PTPortuguese