Jak obsługiwać duże akapity wyśrodkowanego tekstu?

Pracowałem dla bardzo prostej strony z portfolio, a szablon, którego używam, jest wyśrodkowany dla całego tekstu. Mam trochę zdziwienia na swój temat i nie wiem, czy to najlepszy sposób radzenia sobie z tak dużą ilością tekstu, który jest wyśrodkowany. Czytanie w moich oczach wydaje się trochę dziwne. Czy tylko sobie coś wyobrażam, czy jest na to lepszy sposób?

EDYCJA 1: Moja strona internetowa oparta jest na tym darmowym szablonie , który zawiera również większe sekcje tekstu wyśrodkowanego. Chciałbym pozostawić uzasadnienie tekstu, ale nie wiem, czy pasowałby do wyglądu reszty strony.

EDYCJA 2:

Odwróciłem kolory, więc jest to czarny tekst na białym tle. Tak to teraz wygląda, z czcionką sens-serif. Uwzględniłem również wygląd linku na białym tle - być może trzeba go nieco przyciemnić:

EDYCJA 3:

Okej, więc zostawiłem uzasadnione, z moją próbą wypunktowania. Zaraz to rozwiążę. Muszę poprawnie ustawić rozmiar czcionki, ale masz pomysł.

Wyrównanie do środka tekstu akapitów najczęściej nie jest dobrym wyborem. Ludzkie rozumienie zostało odpowiednio wyszkolone, aby wyświetlać tekst w określony sposób, a kiedy wyśrodkowujesz tekst akapitowy, prosisz czytelnika, aby bardzo ciężko pracował i utrzymywał wizualną ścieżkę przez tekst.

Nie jest to odczuwalne w dużym stopniu, gdy patrzymy na krótkie, jedno lub dwa zdania akapitów. Ale im więcej tekstu, tym gorzej.

Oto artykuł o wyrównaniu tekstu

UX.SE ma podobne pytanie: czy tekst wyrównany do lewej jest ogólnie lepszy niż tekst wyśrodkowany?

Jeśli wyrównanie do lewej nie jest po prostu opcją (nie jestem pewien, dlaczego tak się dzieje), konieczne może być ponowne przemyślenie projektu.

(Uwaga dodatkowa: Odwrotne pisanie w Internecie jest również bardzo trudne dla czytelnika).

Jeśli jesteś martwy, użyj tego szablonu. Sugeruję wyrównanie tekstu akapitu do lewej we wszystkich obszarach i użycie wyimaginowanej pozycji z lewej strony, aby wyrównać je wszystkie. Na przykład zdefiniowałbym obszar zawartości i pozostawił wyrównanie w tym obszarze:

Rzeczy będą „czytać” o wiele łatwiej ....

Nie miałbym problemu z tekstem, gdyby miał 2 lub 3 akapity mniej. Centrowanie działa dobrze dla małych ilości tekstu, ale staje się problemem z czytelnością, gdy jest go za dużo.

Z tego punktu widzenia wyrównanie do lewej jest lepsze niż wyśrodkowane (lub wyrównane do prawej).

Tekst wyrównany do lewej jest łatwiejszy do odczytania niż tekst wyśrodkowany dla akapitów. Wynika to z tego, że po wyśrodkowaniu tekstu zmienia się miejsce początkowe każdej linii. Zmusza to użytkowników do cięższej pracy, aby znaleźć miejsce, w którym każda linia zaczyna kontynuować czytanie.

Rozumowanie sprowadza się do nadmiernego ćwiczenia oczu, aby zrozumieć tekst. W moim osobistym przypadku czułem, że mój wzrok został przyciągnięty do środka tekstu, zauważając na przykład takie słowa jak Matlab / VHDL i Python C ++. Dają mi wyobrażenie o tym, co robisz, ale nie tylko próbujesz wymienić umiejętności, ale sam siebie opisujesz.

Powiedziawszy to, tekst nie jest zbyt długi, a jego wyśrodkowanie jest „stwierdzeniem” projektu. Więc jeśli chcesz to zachować w ten sposób, rozważę dodanie wizualnych wskazówek ułatwiających poruszanie się po tekście. Na przykład pogrubienie niektórych słów lub wyrażeń lub zmiana ich rozmiarów. Możesz także użyć koloru, aby podświetlić języki. Jestem pewien, że nie cały tekst ma to samo znaczenie, dlatego nie powinien wyglądać tak samo.

Inni podali już poprawne punkty na wyśrodkowanym tekście, więc tego nie powtórzę.

Jest kilka innych rzeczy, które powinieneś rozważyć:

• cienka czcionka szeryfowa (mały rozmiar czcionki lub inna cienka czcionka) nie jest dobrym wyborem dla tekstu odwróconego. Zasadniczo sprawia, że ​​czytanie jest tak samo trudne jak wyśrodkowany tekst. Pomyśl o ludziach ze starymi wyświetlaczami lub tanimi urządzeniami, które w ogóle nie będą w stanie odczytać tekstu.

• użyj czcionki z bardziej osobistym akcentem, zwykła Georgia lub Times jest prawdopodobnie dobrym wyborem dla stron z dużym tekstem, które wymagają szybkiego ładowania, ale w 2015 roku prawie każdy projektant ma obsesję na punkcie typografii . Sprawdź czcionki na http://www.google.com/fonts/ Istnieje wiele bardzo czytelnych czcionek serif i sans-serif, które zadziwią odwiedzających. Użyj kontrastu, sparuj ładne czcionki, użyj innej grubości i tak dalej.

• Zakładam, że strona internetowa jest o tobie i nie będzie tak naprawdę pełna treści. Utwórz fajny obraz wielkiego bohatera dla swojej strony głównej. Jak ładne zdjęcie typowego urządzenia, na którym pracujesz, lub typowego środowiska pracy. Ustaw go jako obraz tła i umieść na nim ładny duży tekst . To prawie zawsze ma pozytywny wpływ na odwiedzających.

• Utwórz strukturę tekstu , użyj listy, jeśli wymieniasz rzeczy, użyj nagłówków. Istnieje wiele opcji, dzięki którym tekst wygląda dobrze. Zwykłe, nudne akapity są dziś niemodne.

Ogólnie rzecz biorąc, nie jest dobrze mieć duże ilości wyśrodkowanego tekstu wyrównanego, ponieważ po prostu nie jest zbyt czytelny. Śledzimy wyrównane do lewej linii tekstu (lub wyrównane do prawej dla języków RTL) łatwiej niż wyśrodkowane.

W szczególności w przypadku tego typu informacji polecam układ wyrównanych do lewej sekcji z sekcjami złożonymi z każdej umiejętności, a nie strukturą akapitów, jak obecnie. Dzięki temu jest krótki, czytelny i łatwo rozszerzalny. Dodaje także wizualne wskazówki, o których mówi Yisela.

Może to wyglądać jak ten wyjątkowo szorstki przykład :

Dobrym pomysłem może być dodanie przedziału czasowego określającego czas, przez jaki robiłeś te rzeczy, aby wskazać, jak dobry jesteś w nich. Może iść tuż obok tytułu specjalizacji, ale prawdopodobnie należy go mniej podkreślić niż tytuł.

Nagłówki to świetny pomysł, jeśli treść jest złożona lub zróżnicowana. Jednak w twoim przypadku możesz również skorzystać z ulepszonej struktury akapitu. Na przykład dwa pierwsze akapity można połączyć, aby powiązać swoje wykształcenie z tym, kim jesteś. Ogólnie rzecz biorąc, zapewnia to czytelnikowi lepsze zrozumienie tego, kim jesteś, przy jednoczesnym zachowaniu przebiegu dyskusji.

Akapity, które piszę, są dobrymi przykładami do wykorzystania jako szablon. Możesz zrobić krótkie oświadczenie w pierwszym wierszu, a następnie porównać, kontrast lub dodatkowe informacje. Można to zrobić za pomocą jednego lub dwóch wierszy, które zawierają przykłady lub dodatkowe powiązane informacje, aby lepiej przekazać wiadomość odbiorcom. Na koniec zakończ słowo łączące, aby dojść do wniosku na temat tego, co powiedziałeś.

Rozważ następujące:

Nazywam się Stacey i jestem wykwalifikowanym inżynierem. Zdobyłem licencjat z inżynierii, który dał mi wiedzę i umiejętności do projektowania systemów cyfrowych w ciągu ostatnich pięciu lat. Przykłady zaprojektowanych przeze mnie systemów obejmują (...). Oprócz mojej wiedzy technicznej jestem native speakerem języka angielskiego z formalnym wykształceniem w zakresie profesjonalnej komunikacji w języku angielskim.

Pierwsza linia uderza w dom, mówiąc, kim jesteś i co robisz. Druga linia wyjaśnia, dlaczego bycie wykwalifikowanym inżynierem jest ważne. Trzecia linia zawiera przykłady, które wspierają Twoją wiedzę techniczną. Ostatnia linia łączy twoje umiejętności techniczne z innymi umiejętnościami zawodowymi. Ogólnie akapit zapewnia ulepszoną strukturę, przepływ i układ jakości.