Come gestisco grandi paragrafi di testo centrato?

Ho lavorato su un sito Web portfolio molto semplice per me stesso e il modello che sto usando è giustificato al centro per tutto il testo. Ho un po 'di confusione su di me e non so se questo è il modo migliore di gestire un testo così giustificato al centro. Mi sembra un po 'imbarazzante leggere gli occhi. Sto solo immaginando cose o c'è un modo migliore per farlo?

EDIT 1: Il mio sito Web si basa su questo modello gratuito , che ha anche alcune sezioni più grandi di testo allineato al centro. Vorrei lasciare giustificare il testo, ma non so se si adatterebbe bene con l'aspetto del resto del sito web.

MODIFICA 2:

Quindi ho capovolto i colori, quindi è testo nero su bianco. Ecco come appare ora, anche con un carattere sens-serif. Ho anche incluso l'aspetto del link su quello sfondo bianco - potrebbe essere necessario scurirlo un po ':

MODIFICA 3:

Va bene così lasciato giustificato, con il mio tentativo di punti elenco. Lo risolverò presto. Devo impostare correttamente la dimensione del carattere, ma hai capito.

Il testo di paragrafo allineato al centro spesso non è una buona scelta. La comprensione umana è stata debitamente insegnata a visualizzare il testo in determinati modi e quando si allinea il testo del paragrafo si chiede al lettore di lavorare molto duramente e di mantenere il percorso visivo attraverso il testo.

Ciò non è molto sentito se si considerano i paragrafi brevi, a una o due frasi. Ma più testo c'è, peggio diventa.

Ecco un articolo sull'allineamento del testo

E UX.SE ha una domanda correlata: il testo allineato a sinistra è generalmente preferibile al testo centrato?

Se l'allineamento a sinistra non è un'opzione (non so perché sarebbe così), potrebbe essere necessario ripensare il design.

(Nota a margine: il tipo inverso sul web è anche molto difficile per il lettore.)

Se sei morto impostato su utilizzando quel modello. Suggerirei di allineare a sinistra il testo del paragrafo in tutte le aree e di utilizzare una posizione immaginaria dal lato sinistro per allinearle tutte. Ad esempio, definirei un'area di contenuto e allineamento a sinistra all'interno di quell'area:

Le cose "leggeranno" molto più facilmente ....

Non avrei problemi con il testo se avesse 2 o 3 paragrafi in meno. Il centraggio funziona bene per piccole quantità di testo, ma diventa un problema di leggibilità quando ne viene utilizzato troppo.

Da questo punto di vista, l'allineamento a sinistra è migliore di centrato (o allineato a destra).

Il testo allineato a sinistra è più facile da leggere rispetto al testo centrato per i paragrafi. Questo perché quando si centra il testo, il punto iniziale di ogni riga cambia. Ciò costringe i tuoi utenti a lavorare di più per trovare dove ogni riga inizia a continuare a leggere.

Il ragionamento si abbassa ai tuoi occhi facendo troppo esercizio per capire il testo. Nel mio caso personale, ho sentito che la mia vista veniva trascinata al centro del testo, notando ad esempio parole come Matlab / VHDL e Python C ++. Mi danno un'idea di quello che fai, ma non stai solo cercando di elencare le abilità, ma stai descrivendo te stesso.

Detto questo, il testo non è estremamente lungo e centrarlo è una "dichiarazione" progettuale. Quindi, se volessi mantenerlo così, prenderei in considerazione l' aggiunta di alcuni indizi visivi per aiutare a navigare nel testo. Ad esempio, rendendo alcune parole o frasi in grassetto o variando le loro dimensioni. Puoi anche usare il colore per evidenziare le lingue. Sono sicuro che non tutti i tuoi testi hanno la stessa rilevanza, quindi non dovrebbero apparire tutti uguali.

Altri hanno già fatto punti validi sul testo centrato, quindi non lo ripeterò.

Ci sono alcune altre cose che dovresti considerare:

• Il carattere thin serif ( caratteri piccoli o altrimenti caratteri sottili) non è una buona scelta per il testo invertito. Fondamentalmente rende la lettura difficile quanto il testo centrato. Pensa alle persone con vecchi display o dispositivi economici, che non saranno in grado di leggere il testo.

• usare un po 'di carattere con un tocco più personale, la semplice Georgia o Times è probabilmente una scelta decente per i siti pesanti di testo che richiedono un caricamento rapido, ma nel 2015 quasi tutti i web designer sono ossessionati dalla tipografia . Dai un'occhiata ai caratteri su http://www.google.com/fonts/ Esistono molti caratteri serif e sans-serif altamente leggibili che stupiranno i tuoi visitatori. Usa il contrasto, abbina alcuni caratteri carini, usa pesi diversi e così via.

• Suppongo che il sito web riguardi te e che non sia davvero pesante. Crea una bella immagine di un grande eroe per la tua pagina principale. Come una bella foto di un dispositivo tipico su cui stai lavorando o del tuo tipico ambiente di lavoro. Impostalo come immagine di sfondo e mettici sopra un bel testo di grandi dimensioni . Questo ha quasi sempre un impatto positivo sui tuoi visitatori.

• Struttura il tuo testo , usa un elenco se stai elencando cose, usa i titoli. Ci sono molte opzioni per far apparire bene il testo. I vecchi e semplici paragrafi opachi sono fuori moda oggi.

In generale, non è bene avere grandi quantità di testo allineato centrato perché semplicemente non è molto leggibile. Tracciamo le righe di testo allineate a sinistra (o allineate a destra per le lingue RTL) più facilmente di quelle allineate centrate.

Per questo tipo di informazioni in particolare, consiglierei un layout di sezione allineato a sinistra con le sezioni che comprendono ciascuna abilità, non una struttura di paragrafo come quella attualmente in uso. Lo mantiene breve, leggibile e facilmente estensibile. Aggiunge anche spunti visivi di cui parla Yisela.

Potrebbe sembrare qualcosa di simile a questo esempio estremamente approssimativo :

Potrebbe essere utile aggiungere un intervallo di tempo per quanto tempo hai fatto anche queste cose per dare un riferimento a quanto sei bravo con loro. Potrebbe andare proprio accanto al titolo di specialità, ma probabilmente deve essere meno enfatizzato del titolo.

I titoli sono un'ottima idea se ci sono contenuti complessi o vari. Tuttavia, nel tuo caso, potresti anche beneficiare di una migliore struttura dei paragrafi. Ad esempio, i primi due paragrafi potrebbero essere uniti per mettere in relazione la tua educazione con chi sei. Nel complesso, questo fornisce al lettore una migliore comprensione di chi sei, mantenendo il flusso della discussione.

I paragrafi che sto scrivendo sono buoni esempi da usare come modello. Puoi fare una breve dichiarazione con la prima riga, quindi seguire un confronto, un contrasto o informazioni aggiuntive. Questo può essere seguito da una o due righe che forniscono esempi o informazioni correlate aggiuntive per trasmettere meglio il messaggio al tuo pubblico. Infine, termina con una parola di collegamento per trarre una conclusione su ciò che hai detto.

Considera quanto segue:

Mi chiamo Stacey e sono un ingegnere qualificato. Ho conseguito una laurea in ingegneria, che mi ha fornito le conoscenze e le competenze per progettare sistemi digitali negli ultimi cinque anni. Esempi di sistemi che ho progettato includono (...). Oltre alle mie conoscenze tecniche, sono un madrelingua inglese con una formazione formale nella comunicazione inglese professionale.

La prima riga arriva a casa, dicendo chi sei e cosa fai. La seconda riga spiega perché essere un ingegnere qualificato è rilevante. La terza riga fornisce esempi che supportano la tua competenza tecnica. L'ultima riga collega le tue capacità tecniche con altre abilità professionali. Nel complesso, il paragrafo fornisce una struttura, un flusso e un layout di qualità migliorati.