Como lidar com parágrafos grandes de texto centralizado?


11

Eu tenho trabalhado em um site de portfólio muito simples para mim e o modelo que estou usando é justificado centralmente para todo o texto. Tenho uma certa confusão sobre mim e não sei se essa é a melhor maneira de lidar com tanto texto justificado no centro. Parece um pouco estranho para meus olhos ler. Estou apenas imaginando coisas ou existe uma maneira melhor de fazer isso?

muito texto centralizado!

EDIÇÃO 1: Meu site é baseado neste modelo gratuito , que também possui algumas seções maiores de texto alinhado ao centro. Gostaria de justificar à esquerda o texto, mas não sei se ele se encaixaria bem com a aparência do restante do site.

EDIT 2:

Então, eu mudei as cores para que fique em preto em branco. É assim que parece agora, com uma fonte sens-serif também. Também incluí a aparência do link nesse fundo branco - talvez seja necessário escurecê-lo um pouco:

Preto no branco

EDIT 3:

Ok, então deixou justificado, com a minha tentativa de pontos de bala. Eu vou resolver isso em breve. Preciso definir o tamanho da fonte corretamente, mas você entendeu.

justificado à esquerda!


Por que você precisa salientar que fala inglês? Em outros países, as pessoas anotam em seu currículo se falam uma ou mais línguas estrangeiras.
imrek

1
@DrunkenMaster Você está assumindo que Stacey está em um país de língua inglesa. :)
Scott

Estou em um país com 11 idiomas oficiais e ser capaz de falar inglês nativamente não é super comum entre os meus concorrentes.

@ Scott Verifique a localização dela, diz África do Sul. Enfim, centralizar o texto não é o único problema. Letras brancas finas em fundo preto são muito difíceis de ler, especialmente uma fonte com serifa. Se você precisar inverter o texto com letras minúsculas, use uma fonte sem serifa, que seria mais legível. Caso contrário, há uma abundância de fontes web agradáveis que você pode usar, para dar o seu bio um toque mais pessoal, afinal boa tipografia é quase uma obrigação em 2015.
imrek

@DrunkenMaster, você é absolutamente bem-vindo ao mencionar os problemas encontrados em uma resposta - sou um noob completo quando se trata disso (como você provavelmente pode dizer!) E precisa de toda a ajuda possível.

Respostas:


10

O alinhamento central do texto do parágrafo geralmente não é uma boa escolha. A compreensão humana foi devidamente treinada para exibir o texto de determinadas maneiras e quando você alinha o texto do parágrafo ao centro, pede ao leitor que trabalhe muito e mantenha o caminho visual através do texto.

Isso não é sentido em grande medida quando se olha para parágrafos curtos, de uma ou duas frases. Mas quanto mais texto houver, pior será.

Aqui está um artigo sobre o alinhamento de texto

E o UX.SE tem uma pergunta relacionada: o texto alinhado à esquerda geralmente é preferível ao texto centralizado?

Se o alinhamento à esquerda não for apenas uma opção (não sei por que esse seria o caso), talvez seja necessário repensar o design.

(Nota: O tipo reverso na Web também é muito difícil para o leitor.)

Se você está decidido a usar esse modelo. Sugiro alinhar à esquerda o texto do parágrafo em todas as áreas e usar uma posição imaginária do lado esquerdo para alinhá-las todas. Por exemplo, eu definiria uma área de conteúdo e deixaria o alinhamento nessa área:

insira a descrição da imagem aqui

As coisas vão "ler" muito mais fácil ....

insira a descrição da imagem aqui


Parece que o modelo que escolhi tem alguns problemas! Eu acho que é isso que você ganha de graça.

Estou completamente definido no modelo, mas gostaria de experimentá-lo corretamente antes de desistir e encontrar outra coisa.

Eu apenas sei que o tipo reverso de alto contraste fará mais para afastar os usuários do que o alinhamento de texto.
Scott

Já resolvi mudar isso para texto preto em branco quando tiver a chance.

E acabei de mudar as cores. veja editar.

5

Eu não teria problemas com o texto se ele tivesse 2 ou 3 parágrafos a menos. A centralização funciona bem para pequenas quantidades de texto, mas se torna um problema de legibilidade quando a quantidade é excessiva.

Desse ponto de vista, o alinhamento à esquerda é melhor que o centralizado (ou alinhado à direita).

O texto alinhado à esquerda é mais fácil de ler do que o texto centralizado para parágrafos. Isso ocorre quando você centraliza o texto, o ponto inicial de cada linha é alterado. Isso força seus usuários a trabalhar mais para descobrir onde cada linha começa a continuar lendo.

O raciocínio se resume aos seus olhos para exercitar demais para entender o texto. No meu caso pessoal, senti que minha visão foi atraída para o centro do texto, percebendo, por exemplo, palavras como Matlab / VHDL e Python C ++. Eles me dão uma idéia do que você faz, mas você não está apenas tentando listar habilidades, está se descrevendo.

Dito isto, o texto não é extremamente longo, e tê-lo centrado é uma 'declaração' de design. Portanto, se você quiser continuar assim, considere adicionar algumas dicas visuais para ajudar a navegar no texto. Por exemplo, deixando algumas palavras ou frases em negrito ou com tamanhos variados. Você também pode usar cores para destacar os idiomas. Tenho certeza de que nem todo o seu texto tem a mesma relevância, portanto, nem todos devem ter a mesma aparência.


2

Outros já fizeram pontos válidos no texto centralizado, então não vou repetir isso.

Há outras coisas que você deve considerar:

  • fonte serif fina (tamanho de fonte pequeno ou fonte fina) não é uma boa opção para texto invertido. Essencialmente, torna a leitura tão difícil quanto o texto centralizado. Pense em pessoas com telas antigas ou dispositivos baratos, que não serão capazes de ler o texto.

  • Se você usar alguma fonte com um toque mais pessoal, a simples Georgia ou Times provavelmente é uma escolha decente para sites pesados ​​de texto que precisam de carregamento rápido, mas em 2015 quase todos os web designers são obcecados por tipografia . Confira as fontes em http://www.google.com/fonts/ Existem muitas fontes serif e sans-serif altamente legíveis que surpreenderão seus visitantes. Use contraste, emparelhe algumas fontes legais, use pesos diferentes e assim por diante.

  • Presumo que o site seja sobre você e não será realmente um conteúdo pesado. Crie uma boa imagem de grande herói para sua página principal. Como uma bela foto de um dispositivo típico em que você está trabalhando ou do seu ambiente de trabalho típico. Defina-o como imagem de fundo e coloque um bom texto grande nele. Isso quase sempre tem um bom impacto sobre seus visitantes.

  • Estruture seu texto , use uma lista se estiver listando coisas, use títulos. Existem muitas opções para melhorar a aparência do texto. Hoje, parágrafos simples e sem graça estão fora de moda hoje.


2

Em geral, não é bom ter grandes quantidades de texto alinhado centralizado porque simplesmente não é muito legível. Rastreamos linhas de texto alinhadas à esquerda (ou alinhadas à direita para idiomas RTL) mais facilmente do que as linhas alinhadas centralizadas.

Para esse tipo de informação em particular, eu recomendaria um layout de seção alinhada à esquerda, com as seções sendo compostas por cada habilidade, não uma estrutura de parágrafo como a que você possui atualmente. Mantém-no curto, legível e facilmente extensível. Ele também adiciona pistas visuais, como Yisela fala.

Isso pode ser algo como este exemplo extremamente grosseiro :

exemplo seccionado

Pode ser bom adicionar um prazo de quanto tempo você fez essas coisas, além de fornecer uma referência de quão bom você é nelas. Pode ir ao lado do título da especialidade, mas provavelmente precisa ser menos enfatizado que o título.


2

Os títulos são uma ótima idéia se houver conteúdo complexo ou variado. No entanto, no seu caso, você também pode se beneficiar da estrutura de parágrafos aprimorada. Por exemplo, os dois primeiros parágrafos podem ser unidos para relacionar sua educação com quem você é. No geral, isso fornece ao leitor uma melhor compreensão de quem você é, mantendo o fluxo da discussão.

Os parágrafos que estou escrevendo são bons exemplos para usar como modelo. Você pode fazer uma declaração curta com a primeira linha e depois fazer uma comparação, um contraste ou informações adicionais. Isso pode ser seguido com uma ou duas linhas que fornecem exemplos ou informações relacionadas adicionais para transmitir melhor a mensagem ao seu público. Por fim, termine com uma palavra de ligação para concluir o que você disse.

Considere o seguinte:

Meu nome é Stacey e sou um engenheiro qualificado. Consegui um Bacharelado em Engenharia, que me deu o conhecimento e as habilidades para projetar sistemas digitais nos últimos cinco anos. Exemplos de sistemas que eu projetei incluem (...). Além do meu conhecimento técnico, sou um falante nativo de inglês com educação formal em comunicação profissional em inglês.

A primeira linha chega em casa, dizendo quem você é e o que faz. A segunda linha explica por que ser um engenheiro qualificado é relevante. A terceira linha fornece exemplos que suportam seus conhecimentos técnicos. A linha final vincula suas habilidades técnicas a outras habilidades profissionais. No geral, o parágrafo fornece estrutura aprimorada, fluxo e layout de qualidade.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.