Jak zachować czysty tekst
Nic nie jest ważniejsze niż czytelność, jeśli chodzi o tekst na swojej stronie.
Absolutnie niczego.
Jeśli nie możesz przeczytać słów, to co robisz dobrze? Kto otrzymuje twoją wiadomość?
Równie ważne jak same słowa jest projekt tekstu - od czcionek, poprzez dzielenie wyrazów, po to, jak wszystko jest zorganizowane na ekranie. Część projektu obejmuje same słowa, a także, w jaki sposób komponujesz "wielkie słowa" w witrynie.
Wybór czcionki
Jest tak wiele czcionek do wyboru. To może być dość przytłaczające.
Nie pozwól, aby tak było. Najlepszą rzeczą, jaką możesz zrobić, jeśli chodzi o czytelność, jest zachowanie prostoty.
Wybierz jedną lub dwie kroje pisma dla swojej witryny. Dobrym miejscem na rozpoczęcie jest jedna czcionka do kopiowania głównej treści i druga do dużych słów, takich jak nagłówki, banery i tekst breakout. Używanie innej czcionki dla każdego elementu jest rozpraszające, dezorientujące i trudne do odczytania.
Zacznij od czcionki bezszeryfowej dla kopii głównej. Bezszeryfowe sans są najłatwiejsze dla oka, jeśli chodzi o czytanie na ekranie i zwykle działają dobrze nawet w mniejszych rozmiarach. Czcionki szeryfowe mogą zacząć "biegać razem" lub tracić szeryfy w zależności od rozmiaru czcionki, rozdzielczości ekranu, a nawet kontrastu kolorów między tekstem a tłem.
Pamiętaj, że kopia Twojego ciała będzie najbardziej czytelna na stronie i musi być łatwa do strawienia na ekranie komputera, tabletu lub urządzenia mobilnego. Można używać różnych stylów tej czcionki w kopii, ale nie zwariuj. Pogrubienie i kursywa są świetne dla punktów nacisku, ale duże bloki tych stylów mogą być trudne do odczytania.
Jeśli potrzebujesz pomocy w wyborze kroju czcionki, próbując parowania czcionek z narzędziami internetowymi, takimi jak Google Web Fonts lub Typecast.
Dzielenie
Dzielenie jest złe. Jest brzydki. Jest nieskuteczny i mylący. (A te problemy pojawiają się na różnych platformach).
Trzymaj się z dala od tego.
Jeśli potrzebujesz odświeżenia, dzielenie wyrazów występuje, gdy słowo zostanie podzielone na końcu linii, powodując, że część słowa pojawia się na końcu jednej linii, a reszta słowa pojawia się na początku następnego wiersza. Używanie dzielenia wyrazów nie pasuje do stylu, jeśli chodzi o projektowanie stron internetowych, ale od czasu do czasu natkniesz się na nie. (Jest stosowany regularnie w publikacjach drukowanych, takich jak gazety.)
Myślenie za pomocą myślników polegało na tym, aby tekst był odpowiednio przestrzennie (i równomiernie) na liniach. Podczas pracy z tekstem wyjustowanym można uruchamiać problemy dotyczące odstępów między wierszami, gdy usunięto dzielenie wyrazów.
Ale myślniki, które łamią słowa, mogą sprawić, że tekst będzie trudny do odczytania. Czytanie łącznika może spowodować, że osoba potknie się lub źle zinterpretuje słowo. Używanie łączników może również przypadkowo zmienić nacisk niektórych słów lub ich wpływ na resztę kopii. Podświadomie łącznik mówi czytelnikowi, że słowo jest trochę mniej ważne niż inne słowa, które są w całości renderowane.
Zastrzegaj łączniki tylko dla słów, które ich potrzebują, na przykład z modyfikatorami, a nie dla łamania linii. Tekst będzie wyglądał czystszy i bardziej profesjonalny oraz zwiększy czytelność bez tych denerwujących kresek na końcach linii.
Usprawiedliwienie
Podobnie jak w przypadku dzielenia wyrazów, pełne uzasadnienie wypadło z mody internetowej, chociaż nadal jest powszechnie używane w druku.
Wpisz za pomocą pełnej regulacji, wypełnia każdą linię całkowicie od lewego marginesu do prawego marginesu, tak aby każda linia była tej samej szerokości. Korzystanie z pełnego uzasadnienia tworzy (i zamyka) spacje między wyrazami, tak aby odstępy nie były równomiernie rozmieszczone. Korzystanie z tego rodzaju wyrównania tekstu może działać na niektórych stronach internetowych, ale nie zawsze jest to najbardziej atrakcyjna wizualnie opcja. Spójrz na to, jak łamie się tekst i próbujesz go przeczytać kilka razy, aby ocenić, czy pełne uzasadnienie jest realną opcją.
Istnieją również inne rodzaje "uzasadnienia" lub wyrównania tekstu. Możesz ustawić tekst tak, aby był wyrównany na lewym marginesie, na prawym marginesie lub na środku.
W przypadku stron internetowych w języku angielskim najczęstszą praktyką jest uzasadnianie lewe. Tekst wyrównuje się do lewego marginesu i ma nierówną prawą krawędź. Uczucie jest przyjazne i łatwe do odczytania. Ponieważ ta technika jest tak powszechna, wielu czytelników nawet nie zauważy, jak tekst jest skonfigurowany. Jest to najlepsza opcja do pracy z dużymi blokami tekstu.
Prawidłowe wyrównanie to kolejna opcja, ale nie działa tak dobrze w przypadku fragmentów tekstu. Po wyrównaniu tekstu do prawego marginesu i nierówności po lewej punkty początkowe i zatrzymania są niezręcznie wyświetlane na ekranie. Naturalny porządek czytania jest odwrócony i tylko myśl o czytaniu tekstu w ten sposób (zwłaszcza w dużych ilościach) może sprawić, że czytelnik poczuje się niekomfortowo. Zastanów się tekst wyrównany do prawej dla małych wyprysków, jeśli chcesz włączyć go do swojego projektu.
Wyśrodkowany tekst jest dość popularnym narzędziem, mimo że nie jest zalecany w przypadku dużych bloków tekstu. (Przyznacie, że będziecie go używać w ten sposób w całej sieci). Pułapki wyrównania centrum są podobne do tych związanych z tekstem wyrównanym do prawej strony - nie ma on "naturalnych" początków i zatrzymuje się i może czuć się niezręcznie na stronie. Tekst wyrównany do środka może wydawać się nieco formalny (ponieważ jest często używany do takich elementów, jak zaproszenia) i powinien być zarezerwowany dla małych fragmentów tekstu, w których nacisk jest ważny. Nie jest dobrym wyborem dla dużych bloków kopiowania.
Inne efekty typu
Uderzenia lub kontury
Używaj z umiarem większych elementów tekstowych jako punktu nacisku, ale unikaj w małym tekście.
Przekreślenie lub podkreślenie
Oba są powszechnie używane - przekreślenie jako zapis, że coś nie jest już ważne i podkreśla się dla podkreślenia. Używaj tych narzędzi, ale używaj ich oszczędnie. Oba działają dla małych fragmentów tekstu, ale powodują ogromne problemy z czytelnością, gdy obejmują więcej niż kilka słów.
Pochylenie lub zniekształcenia
Te efekty są wspaniałe, gdy używasz typografii jako formy sztuki. Nie są tak skuteczne, gdy próbujesz przekazać wiadomość. Powinieneś unikać manipulacji tekstem i zniekształceń na kopii głównej.
Kolor
Użycie koloru może być doskonałym narzędziem do podkreślania pojedynczego słowa w bloku tekstu. (Najczęściej spotykane i atrakcyjne wizualnie kombinacje kolorów dla bloków tekstu są czarne lub ciemnoszare na białym lub białym na ciemnym tle). Celuj w kolory, które wyraźnie kontrastują z tłem, aby były łatwe do odczytania i odczytania. Kolory super-jasne (myśl żółte lub fuksja) mogą być trudne do odczytania, chyba że są używane z grubym, dużym krojem czcionki. Zastanów się nad pogrubieniem czcionką dla dodatkowego nacisku, ale zastrzegaj tę technikę dla ograniczonej liczby słów.
Utrzymywanie dużego tekstu w czystości
Chociaż dzielenie wyrazów można uznać za kwestię preferencji w kopiowaniu treści, zawsze należy tego unikać w dużym typie. Proste style uzasadnienia są koniecznością; w lewo lub tekst wyśrodkowany to najlepsze opcje.
Nagłówki, banery, wypusty i inne duże typy lub meble muszą być przyjazne dla czytelnika. Te słowa nie tylko służą do nawigacji, ale należy je również przeczytać, aby ludzie mogli poruszać się po treści na swojej stronie internetowej.
Hypeny to potknięcia.
Dziwne wyrównanie nie ułatwi nawigacji.
Jest jeszcze kilka innych rzeczy, o których warto pomyśleć przy projektowaniu dużego typu.
Pomyśl o wielkości typu proporcjonalnie do kopii głównej. Nagłówki i nagłówki, które są znacznie większe i bardziej odważne, będą głośno mówić do czytelników, podczas gdy mniejsze, cieńsze meble będą szeptać.
Kontrast ma ogromne znaczenie dla dużych słów. Wybierając czcionki, wybierz coś dla mebli, które nie są zbyt podobne do kopii ciała. Rozważ czcionkę szeryfową, pamiętając, że szeryfy działają najlepiej w dużych rozmiarach, aby terminale i szczegóły każdej litery nie gubiły się w pikselach. Inną opcją jest wybrać kolor, aby ustalić odrębny styl i hierarchię mebli.
Pomyśl także o przestrzeni wokół wielkich słów. Upewnij się, że wielkie słowa spoczywają w pobliżu kopii, którą opisują. Dodaj więcej miejsca nad nagłówkiem lub nagłówkiem i skondensuj przestrzeń między nim a kopią.
Napisz, aby dopasować
Na koniec pomyśl o tym, jak pasuje.
Zobacz, jak tekst się wyrównuje po napisaniu kopii dla wielkich słów. Czy wypełnia linię? Ile linii?
Wizualnie chcesz przejść do nagłówków, które mają spójny wygląd. Dotyczy to zarówno stylu typu, jak i długości słów. Unikaj przedmiotów wypełniających całkowicie jedną linię i tylko ułamek następnej linii. Pomyśl o meblach w kategoriach małych prostokątów; chcesz, aby wszystko mieściło się w ramce bez otwartych białych przestrzeni.
Utwórz styl dla dużych słów, bez względu na to, czy jest to prosty nagłówek zawierający tylko kilka słów, czy pełno-liniowych myśli nad każdą sekcją tekstu. Zastanów się nad częścią tego stylu jako typu nagłówka, którego używasz - czy zadadzą pytanie, będą oświadczeniem faktu, powiedzą czytelnikom, co mają robić, pokażą, jak coś zrobić, lub będą bardziej pośrednie i urocze dzięki słowom i frazowaniu?
Spróbuj napisać nagłówki i nagłówki, które mają tylko jedną linię (maksymalnie dwie), użyj aktywnych słów.
To może być trudne do osiągnięcia i uważać na sztuczki. Nie chwytaj tezaurusa i zamień duże słowo na krótkie, żeby wszystko pasowało. (Będziesz narażony na ryzyko użycia niewłaściwego słowa lub użycia terminu, który czytelnicy mogą nie znać znaczenia.) Myśl rozsądnie podczas pisania. Skomponuj słowa, a następnie skoryguj (wytnij lub dodaj), aby zachować integralność tego, co chcesz wyrazić i stworzyć czystą, łatwą do odczytania kopię.
Wniosek
Czysta kopia to coś więcej niż zwykłe kroje pisma i łączniki. Chodzi o pisanie kopii, która ma sens i przedstawia ją w czytelny sposób.
Zastanów się nad swoimi odbiorcami, gdy je połączymy. Używałbyś innej techniki i stylu podczas pisania postów na blogu o pomysłach na ślub (tradycyjny, kobiecy styl) a blogach o tatuażach (prawdopodobnie bardziej zirytowanych i ciemnych). Twoi odbiorcy mają wpływ na efekty wizualne, powinni także wpłynąć na Twoją kopię.
Ale co najważniejsze, zastanów się, jak to wszystko razem. Pozbądź się wszystkich innych elementów projektu witryny, pozostawiając tylko ten typ. Czy to jest łatwe do odczytania? Czy chcesz powiększyć lub pomniejszyć? Czy mrużysz oczy na ekranie? To są prawdziwe pytania, na które musisz odpowiedzieć, ponieważ na koniec dnia najważniejsza jest czytelność.
Jaki tekst trudno jest czytać online? Jakich technik używasz, aby tekst był czytelny? Daj nam znać w komentarzach.
Wyróżniony obraz / miniatura, obraz tekstowy przez Shutterstock.