Jednym z najczęstszych problemów projektowych jest problem z .

W tym artykule omówimy kilka zasad dobrej typografii i podpowiemy, jak uniknąć wielu typowych błędów.

Artykuł nie jest książką o typografii ani sztuce typografii, jest raczej „szybkimi wskazówkami dotyczącymi poprawy podstaw projektowania czcionek”.

Zasada 1: Im mniej czcionek, tym lepiej

Jednym z największych błędów popełnianych przez projektantów jest używanie zbyt wielu czcionek i/lub ich stylów. Staraj się ograniczyć je do dwóch lub trzech. Oznacza to, że tekst podstawowy musi mieć tę samą czcionkę i rozmiar.

Wybierz jeden dla nagłówków i trzymaj się go, może jeszcze jeden dla podtytułów w ostateczności. Nie bój się, jeśli czcionki bardzo się od siebie różnią. Gdy używasz w projekcie dwóch bardzo podobnych czcionek, czytelnik może pomyśleć, że właśnie popełniłeś błąd i przypadkowo wybrałeś niewłaściwą czcionkę podczas pisania.

Zadbaj o jedność koloru, gęstości itp. albo twój tekst będzie wyglądał jak pijane muchy porozrzucane po całej stronie.

Zasada 2

Uważaj, aby nie zanadto zatłoczyć liter. Jeśli masz problemy z brakiem miejsca na tekst, lepiej zmniejszyć czcionkę. Tak, prawdopodobnie doda to odstępy między akapitami, ale jest w porządku, da ci trochę oddechu podczas czytania.

Zasada 3. Prawidłowe wyrównanie

Proszę nie centrować wszystkiego (chyba że jest to specjalny ruch projektowy). Rozważ użycie siatki. W końcu wszystko na stronie jest ze sobą połączone. Korzystaj z prowadnic i umieszczaj przedmioty zgodnie z nimi. Nie rozrzucaj obiektów w rogach strony, tak jakbyś nie mógł zdecydować, gdzie je umieścić.

Zasada 4. Mniej dekoracyjne czcionki

Czy masz piękne czcionki dekoracyjne? Wspaniale! Ale to wcale nie oznacza, że ​​trzeba ich używać do tekstu akapitów. Za czcionkami ozdobnymi najczęściej kryje się historia lub są one używane w konkretnym przypadku, na przykład w tytule lub tytule. Często im prostsze, tym lepsze, dlatego czcionki takie jak Helvetica są tak popularne.

Zasada 5. Rozmiar ma znaczenie

Chodzi o wielkość liter tekstu ;). Nagłówki są w porządku, gdy są pogrubione i duże, ale jeśli używasz ich również w tekście głównym wielkie litery, dzięki temu będzie taniej. Pomyśl o tym. Idziesz do dobrej restauracji i często zdarza się, że menu jest napisane drobnym drukiem, fajnie wygląda. (Po prostu upewnij się, że czcionka nie jest tak mała, że ​​trudno ją odczytać.) Nie bój się tworzyć nagłówków znacznie większych niż kopia treści.

Zasada 6

Wszystko, co robisz, jest robione po to, aby można je było przeczytać. Ciemny tekst na ciemnym tle nie jest dobrym pomysłem. Co gorsza, umieszczanie małego tekstu na zdjęciu o wysokim kontraście. Pamiętaj, aby unikać umieszczania tekstu na czymkolwiek.

Zasada 7. Wybierz odpowiednie kolory

Jaki jest najlepszy kolor czcionki? Ogólnie rzecz biorąc, wierzcie lub nie, często najlepsze są czarne lub białe. Jeśli używasz koloru innego niż inne odcienie szarości, zmniejsz nasycenie. Czcionka w jasnych kolorach może być trudna do odczytania. Uważaj na skomplikowane kombinacje wibracji, takie jak czerwony na zielonym.

Zasada 8. Odpowiednie grupowanie

Powiązane informacje najlepiej połączyć razem. Dzięki temu projekt będzie bardziej przejrzysty. Na przykład: spójrz na plakat filmowy, wszystkie dane są pogrupowane w atrakcyjne bloki. Można je teraz traktować jako osobny element projektu. Przykłady złego grupowania - otwórz żółte strony.

Zasada 9. Wystarczające prowadzenie

To jest odległość między wierszami tekstu. Bardzo ważne jest, aby wybrać odpowiedni interwał. O wiele przyjemniej się czyta, gdy między wierszami jest miejsce na odpoczynek oczu. Zasadniczo staraj się używać co najmniej 2 punktów więcej interlinii niż rozmiar czcionki. Na przykład: dla maksymalnej czytelności przy 10pt czcionka powinna być ustawiona na co najmniej 12pt.

Zasada 10. Uważaj na kerning

Kerning to odstępy między poszczególnymi znakami w słowie. Ważne jest, aby mieć doświadczenie w identyfikowaniu złego kerningu, ponieważ często programy takie jak Photoshop popełniają błędy w jego aranżacji. Będzie to musiało zostać dostosowane ręcznie, ale najważniejsze, aby nie przesadzać. Jeśli nie lubisz odstępów między znakami, ale nie wiesz, jak je poprawić, wybierz inną czcionkę.

Staraj się stosować te zasady podczas pracy z czcionką. Dobrze zaprojektowane bloki tekstowe powinny dobrze wyglądać bez żadnych obrazów. W najlepszym razie Twoja typografia wzmacnia pozytywne wrażenie projektu. Powinien być atrakcyjny i łatwy do odczytania.

Z Wikipedii, wolnej encyklopedii

Okładka książki Emila Rudera "Typografia"

Fabuła

Najnowsze dowody naukowe sugerują, że pierwsze formy pisania na maszynie – wykonane z fajansu – były używane około tysiąca lat temu w Chinach (1040). Pomimo kruchości takiego materiału, do XIII wieku nie stosowano żadnej innej technologii.

Jednak rozkwit typografii jako odrębnej dziedziny działalności rozpoczął się w Europie, gdzie pojawiła się w połowie XV wieku. Rozprzestrzenianiu się ułatwiała lekkość i stosunkowo niewielka liczba znaków pisma łacińskiego, w przeciwieństwie do chińskie znaki. Pierwszym poważnie zaangażowanym w europejską sztukę typograficzną był Johannes Gutenberg (1397-1468), niemiecki wynalazca i jubiler. W 1440 r. stworzył formularz składu z liter ołowianych i dał światu pierwszą prasę drukarską. Od teraz tworzenie książek stało się znacznie prostsze, ich koszt spadł, a liczba wzrosła. A 14 lat później ukazała się pierwsza drukowana książka. Stała się Biblią, pisaną czcionką gotycką - ten typ najbardziej odpowiadał ówczesnemu rękopiśmiennemu tekstowi, był znajomy i wygodny dla czytelników.

Rozwój typografii

Kompetentny projekt tekstu na zadrukowanej kartce zawsze był doceniany. A już od połowy XV wieku zaczęły powstawać pierwsze podstawy typografii: w Europie jako czcionkę tekstów stosowano czytelną antykwę. Patrząc na rzymską stolicę i humanistyczną maleńką, francuski grawer Nicolas Janson (1420-1480) tnie pierwszą antykwę. Moda typograficzna obejmuje zasadę jednolitej interlinii i wcięcia akapitu w celu wyróżnienia i ustrukturyzowania tekstu. W 1494 roku włoski drukarz i wydawca z Wenecji Aldus Manutius publikuje pierwszą książkę z wygodnym dla oka wcięciem akapitów.

I już na początku XVI wieku po raz pierwszy wprowadzono kursywę. Obecnie wydawcy coraz częściej eksperymentują z pisaniem i projektowaniem, odchodząc coraz bardziej od czcionek zbliżonych do odręcznego. W grę wchodzą również misterne ilustracje, ornamenty i dekoracje.

W XVII wieku typografia zaczęła się zmieniać, sprzyjając czytelności książek, próbując dostosować wydania do szerszego grona odbiorców. Wiąże się to ze zmniejszeniem formatu, modyfikacją czcionek – zachowując wyrazistość druku, stają się one cięższe. W tym samym okresie pojawia się czcionka „Royal Antiqua”, która jest jeszcze bardziej niepodobna do wszystkich czcionek, które powstały wcześniej. W połowie XVIII wieku po raz pierwszy podjęto próby usystematyzowania wielkości czcionek i wydawania ksiąg wzorców czcionek. Szczególne znaczenie ma tu twórczość Anglika Johna Baskerville'a (1706-1775), który zrezygnował ze stosowania ornamentu książkowego na rzecz „czystej” typografii opartej wyłącznie na kroju pisma. Typografia szybko się zmienia: z biegiem czasu wzornictwo zastępuje geometryczna dokładność, ujawnia się znaczenie całościowej kompozycji wolnej przestrzeni arkusza, rodzą się nowe podbarwione, kontrastowe czcionki. Typografia przybyła do Rosji wraz z pierwszym drukarzem książkowym Iwanem Fiodorowem (1520-1583), który w 1563 r. otworzył pierwszą drukarnię w Moskwie i opracował barwny projekt z wieloma drobnymi szczegółami.

Próbując wprowadzić typografię do sfery nauki, francuski rytownik Pierre Fournier (1712-1768) publikuje Podręcznik typograficzny (1773), w którym przedstawia własny system określania wielkości czcionek. W tym celu zasugerował użycie pik i punktów. Fundamenty położył Francois Didot, francuski projektant krojów, który przyrównał 72 punkty do jednego cala nowoczesny system pomiary.

Krytyka

Nie ma jednego punktu widzenia, jeśli chodzi o typografię. Jedni uważają to za naukę, inni za sztukę, jeszcze inni za umiejętność, a jeszcze inni za filozofię. Ale to nie jedyny punkt sporny. Współcześni projektanci różnią się też opiniami na temat projektu tekstu: niektórzy dostosowują się do ciągle zmieniających się trendów mody, łatwo eksperymentując z kształtem i rozmiarem; inni oddają hołd tradycji, preferując klasyczne, sprawdzone czcionki; inni uważają, że to wszystko można połączyć i stworzyć coś zasadniczo nowego i jeszcze wygodniejszego dla głównego konsumenta - czytelnika. Tak czy inaczej, to dzięki tym zawodowym sporom i dyskusjom typografia nie stoi w miejscu, ale nieustannie rozwija się jako samowystarczalna aktywność, bez względu na to, do jakiej dziedziny należy.

Typografia we współczesnym kontekście

Podczas rewolucji przemysłowej, która rozpoczęła się w XIX wieku, narodził się rynek reklamy. I z biegiem czasu kupcy doszli do wniosku, że aby produkt mógł być sprzedawany, musi mieć swój własny cechy charakterystyczne. Z pomocą przyszli projektanci krojów pisma - aby wytrzymać konkurencję, zaczęli aktywnie opracowywać nowe czcionki, aby podkreślić ten czy inny produkt. Metodą prób i błędów odkryli, że szeryfy nie są potrzebne do dużego nagłówka lub znaku - tak pojawiły się groteski, a szeryfy przeniosły się do kategorii dekoracji.

Wręcz przeciwnie, konstruktywiści z początku XX wieku postanowili zrezygnować z malowanych czcionek i zwrócić się ku minimalizmowi: litery zbliżały się do geometrycznych kształtów. To znacznie ułatwiło lekturę tekstu i maksymalnie skoncentrowało uwagę publiczności na znaczeniu, a nie na formie i prezentacji materiału. Wkrótce pojawiły się takie czcionki jak Futura, a następnie Gill Sans, w stylu, w jakim zaprojektowano pierwsze mapy Kolei Londyńskiej. W 1957 roku za sprawą szwajcara Maxa Midengera (1910-1980) pojawia się jeden z najsłynniejszych używanych do dziś krojów pisma Helvetica. Każda epoka charakteryzowała się własnymi trendami mody w typografii i każda z nich sprostała wyzwaniom swoich czasów.

Dziś, w dobie komputeryzacji, kiedy większość informacji czerpie z sieci WWW, projektanci dążą do lekkości i dokładności tekstu, wybierając najprostsze i najbardziej czytelne czcionki. W tym celu tekst składa się w jedną całość, dobiera się najodpowiedniejszą czcionkę i określa koncepcję projektową dla danej przestrzeni. Mówiąc o projektowaniu stron internetowych, należy wziąć pod uwagę jedną rzecz: im jaśniej sam tekst jest napisany, im bardziej kompetentny i racjonalny jest umieszczony, tym większe szanse na sukces tej strony wśród użytkowników sieci, ponieważ „praca typograf nie ma sensu, jeśli drukowanej pracy nie można odczytać.” W przeciwnym razie okaże się, że nie będzie to interesujące, a odwiedzający zamknie kartę, nie dowiadując się niczego nowego.

Uwagi

1. Właśnie jako sztukę typografię określają różni badacze, poczynając od Stanleya Morisona. Zobacz na przykład: Stanley Morison. Pierwsze zasady typografii. - Macmillan, 1936. - str. 1.
   Maksym Żukow. Typografia Emila Rudera // Emil Ruder. Typografia: Przewodnik projektowy. - M .: Książka, 1982. - S. 277.
   Aleksandra Korolkowa. Żywa typografia. - M. : IndexMarket, 2010. - P. 8.
   Innokenty Keleinikov. Projekt książki: od słów do czynów. - M. : Rip-Holding, 2012. - S. 14.
   Jednocześnie Jan Tschichold, jeden z najbardziej wpływowych typografów, pisał: „Doskonała typografia jest bardziej nauką niż sztuką”. Unikał jednak precyzyjnej definicji tego terminu iw tym samym artykule nazwał typografię także sztuką, czyli jej twórczym charakterem, w przeciwieństwie do procesów produkcyjnych układu i druku. Zobacz: Jak glina w rękach garncarza... // Jan Tschichold. Wygląd książki: wybrane artykuły o projektowaniu książek. - M.: Książka, 1980. - S. 11-16.
2. Admin. Typografia, historia i zadania. www.fotokomok.ru Źródło 28 listopada 2016 .
3. Typografia: historia rozwoju tysiąclecia. | Forum projektowania stron internetowych na Galior-Market.ru. galior-market.ru Źródło 28 listopada 2016 .
4. Typografia | Historia typografii. typografia.bezugly.ru. Źródło 28 listopada 2016 .

Typografia to umiejętność, sztuka uczynienia tekstu nie tylko pięknym, ale także łatwym do odczytania. Ważne jest, aby charakter publikacji lub pewien przekaz informacyjny znalazł odzwierciedlenie w stylistyce liter. Typografia to możliwość wprowadzenia wizualnej harmonii do drukowanego tekstu lub strony internetowej. Nie ogranicza się to do wyboru i wyrównania czcionki treści. Typografia to sztuka wyrażania znaczenia tego, co jest napisane, nie tylko za pomocą słów, ale także poprzez ich eksponowanie. To bardzo ciekawa, głęboka i złożona dyscyplina. W tym artykule porozmawiamy o tym.

Czym jest typografia?

Do wykonania lub strony projektant wykorzystuje teksty, zdjęcia i grafiki wykonane przez innych. Taki podział pracy pozwala osiągnąć najlepszy możliwy wynik dzięki temu, że praca wykonywana jest z materiałów wysokiej jakości. Projektant nie jest fotografem ani autorem tekstów. Ponadto nie musi nawet rozumieć układu komputera ani HTML.

Uniwersalni specjaliści - czy istnieją?

To zupełnie inna rozmowa, że ​​przy pełnej informatyzacji nawet projektowanie bezpośrednio bez znajomości takiego narzędzia jak komputer jest po prostu nie do pomyślenia, zwłaszcza biorąc pod uwagę, że zarówno strona, jak i materiały drukowane są początkowo tworzone przy użyciu programów.

Jeśli chcesz coś stworzyć za pomocą komputera, musisz wiedzieć, jak można to „coś” stworzyć. Ponadto nowoczesny Oprogramowanie komputerowe z każdym dniem poprawia się i daje coraz szerszy wachlarz możliwości. A jeśli nie znasz tego spektrum, to prawdopodobnie nie odniesiesz sukcesu w projektowaniu na wysokim poziomie, ponieważ nie będzie możliwości stworzenia produktu, który może konkurować z najlepszymi próbkami.

Oczywiście poziom programy komputerowe grafik znacznie przekroczy poziom zwykłego użytkownika. Grafik to przede wszystkim artysta. Jednak związek między artystą a „komputerem” jest więcej niż namacalny: na przykład podstawy stylu w typografii i rozwiązania projektowe tworzone za pomocą określonego oprogramowania.

Z kim współpracują graficy?

Aby stworzyć pełnoprawną stronę internetową, grafik musi współpracować przynajmniej z programistą. Zwłaszcza jeśli tworzysz wielopoziomowy zasób, który będzie zawierał wiele interaktywnych funkcji. Jednak mała przeciętna witryna jest w stanie przejść nawet jednego projektanta, bez pomocy webmastera czy programisty.

W życiu prawie nie ma idealnego łańcucha składającego się z kreatywnego, projektanta i projektanta układu. Często wszystkie te trzy funkcje wykonuje jedna osoba, która ma wyższe wykształcenie artystyczne, zna większość potrzebnych programów graficznych, stacje dokujące w Internecie i komputerze, a także bez większego wysiłku wydaje oryginalne pomysły. Ponadto tak wszechstronna osoba wyobrazi sobie projekt przyszłego magazynu, wszystkie kontrolki dla nowej, jeszcze nie utworzonej strony serwisu, i jakie reklamy będą tam umieszczane.

Gdzie są szkoleni graficy?

W zawodzie grafika i projektanta stron internetowych, jak w żadnym innym, niezwykle ważna jest nawet nie chęć, ale ciągła chęć urzeczywistniania swoich pomysłów – i można to śmiało powiedzieć.

W tym zawodzie wiele wiedzy zdobywa się poprzez stałą praktykę w miejscu pracy. Konieczne jest narysowanie właśnie takiego przycisku na stronie witryny - zrobię sobie krzywdę, ale zrobię to. Być może właśnie dlatego graficy często szybko przestają się uczyć w klasycznym tego słowa znaczeniu, czyli uczęszczając na co dzień do instytutu lub uczelni. Ich szkolenie trwa do końca życia w miejscu pracy, przy rozwiązywaniu codziennych problemów.

Uważa się, że możesz zostać grafikiem nawet bez studiowania w wyższej lub średniej specjalistycznej instytucji edukacyjnej. Od kilku lat stale zajmuje się rzemiosłem i sztuką (takie przykłady też są znane). Jednocześnie człowiek ciężko pracuje i analizuje pracę własną i innych ludzi.

To prawda, graficy z dużym doświadczeniem w całkowita nieobecność kształcenie specjalistyczne istnieje tylko w Rosji. W innych warunkach osoby chcące pracować w tej specjalności potrzebują wyższego wykształcenia artystycznego, a także znajomości oprogramowania i sprzętu.

Oczywiście podstawowe umiejętności pracy z programy graficzne całkiem możliwe jest zdobycie zarówno na własną rękę, jak i na krótkoterminowych kursach, ale to tylko pomoże załatać dziurę, ale nie da ci solidnej wiedzy, którą możesz zdobyć na uniwersytecie.

Wiele osób nigdy nie słyszało o takim określeniu jak „typografia”. A nawet ci, którzy to słyszeli, mają bardzo dalekie pojęcie o tym, czym właściwie jest. W rzeczywistości typografia to przekształcenie tego, co zwykle nazywa się tekstem, w uderzające elementy projektu graficznego. To tekst na stronach książek, czasopism lub stron internetowych zawiera główne informacje. I bardzo ważne jest, aby był dobrze zaprojektowany, aby przykuć uwagę czytelnika i przekazać mu główną esencję w przystępny, ciekawy sposób. To właśnie robi typografia, która jest integralną częścią projekt graficzny i sztuki dekoracyjnej.

Pojęcie typografii, historii i zadań

Istnieje wiele definicji pojęcia typografii. W najogólniejszej formie można powiedzieć, że typografia to projekt graficzny drukowanego tekstu z wykorzystaniem typowania i układu w oparciu o pewne zasady specyficzne dla podany język. Typografia to z jednej strony sztuka projektowania graficznego, a z drugiej zbiór zasad, które determinują użycie czcionek i narzędzi projektowych tak, aby tekst był jak najbardziej optymalny, czytelny i interesujący w odbiorze czytelnika. Za pomocą modelowania i edycji tekstu specjaliści z tej dziedziny tworzą oryginalne obrazy artystyczne, ożywiają tekst, dają mu możliwość przekazania idei nie tylko treścią, ale także elementem graficznym.

W zasadzie działalność typograficzna obejmuje pracę drukarzy i zecerów, autorów i redaktorów publikacji, redaktorów artystycznych i technicznych, projektantów i artystów książek, kaligrafów i projektantów czcionek, grafików i drukarzy. Ich praca w taki czy inny sposób związana jest z typografią. Typograf pośredniczy między autorem tekstu a czytelnikiem, modyfikując drukowane formy w taki sposób, aby jak najpełniej i ciekawiej przekazać treść.

Typografia jest również ściśle związana z takimi działaniami jak projektowanie reklam, oznakowanie, projektowanie wystaw, opracowywanie wielu elementów identyfikacji wizualnej oraz tworzenie projektów stron internetowych. Typografia jest szczególnie pożądana w reklamie, ponieważ tekst w reklamie jest najważniejszym elementem, który pozwala reklamodawcom wyrazić siebie.

Nie można powiedzieć, że typografia jako zjawisko pojawiła się dopiero na przełomie XX i XXI wieku. W rzeczywistości historia powstawania i rozwoju typografii zaczyna się wraz z pojawieniem się typografii w życiu człowieka. Co więcej, ta dziedzina projektowania graficznego ma swoje korzenie w bardziej starożytnej epoce rękopiśmiennictwa, kiedy doceniono piękne rozmieszczenie tekstu na płaszczyźnie arkusza. Od poł. sposób wyróżniania i strukturyzowania tekstu.

A na początku XVI wieku po raz pierwszy w typografii wprowadzono kursywę. W tym okresie książki zaczynają się różnić coraz bardziej wyrafinowanym i oryginalnym projektem czcionki, jednocześnie gubi się podobieństwo czcionki do pisma odręcznego. Europejskie edycje książkowe z XVI w. charakteryzują się tonalno-obrazowym charakterem ilustracji i bogatym wystrojem, w tym ornamentalnymi bordiurami.

W XVII wieku, na sugestię wydawnictw holenderskich, typografia zmieniła swoje zadania na rzecz tworzenia książek dla szerszego czytelnika. W związku z tym książki nabywają mały format dla większej wygody czcionki są modyfikowane – uzyskuje się je z cięższym wzorem, co pozwala zachować wyrazistość druku nawet przy dużych nakładach. W tym samym stuleciu pojawiła się oryginalna czcionka „Royal Antiqua”, jeszcze bardziej odbiegająca od odręcznego pierwowzoru. W połowie XVIII wieku po raz pierwszy podjęto próby usystematyzowania wielkości czcionek i wydawania ksiąg wzorców czcionek.

Szczególną rolę odegrał tu Anglik J. Baskerville, który zrezygnował z ozdób książkowych na rzecz typografii „czystej”, opartej wyłącznie na krojach pisma. Typografia szybko się zmienia - pojawia się geometryczny rygor kroju pisma, ujawnia się kompozycyjne znaczenie wolnej przestrzeni arkusza książki, powstają nowe ostre, kontrastowe czcionki do druku książek.

Rewolucja przemysłowa przyczyniła się do powstania nowych krojów i odmian kroju pisma na potrzeby reklamy i czasopism. W XIX wieku do typografii wprowadzono pogrubione czcionki, czcionki egipskie, groteski, wzrosło także znaczenie ornamentów książkowych i ilustracji. Jednocześnie krytyka bezosobowej produkcji maszynowej doprowadziła do odrodzenia się niektórych ręcznych procesów typograficznych.

Na przełomie XIX i XX wieku w typografii, a także w innych rodzajach sztuki projektowej, popularność zyskała secesja z charakterystycznym wyrazem form organicznych i dekoracyjnymi ilustracjami sylwetek, co oczywiście zapewniało poszukiwanie nowe projekty czcionek. Ten sam okres charakteryzuje pojawienie się wyrazistej typografii, której celem było odtworzenie obrazowości narracji autora poprzez zmianę rozmiarów i stylów czcionek.

W pierwszej połowie ubiegłego wieku do głosu doszła typografia rozwijana już w duchu neoklasycznym, czyli czytelność każdego znaku tekstu jako całości, a także prostota projektu czcionki. W latach 40. i 60. typografia nabrała bardziej rzeczowego charakteru, co doprowadziło do uporządkowania kompozycji książki, sprowadzenia do jednego projektu wszystkich elementów wizualnych książki.

Jako ramę kompozycyjną książki zaczęto wykorzystywać matematycznie obliczoną siatkę modułową, składającą się z równych prostokątów tekstu i wolnych przestrzeni między nimi. Kompozycja ta przechowywana była w wydaniach od pierwszego do Ostatnia strona. W 1970 roku w Nowym Jorku powstała International Type Corporation (ITC), która odgrywa ogromną rolę w rozwoju nowych czcionek, w tym tych dobrze nam dziś znanych. Jak widać, każda epoka historyczna charakteryzowała się własną typografią i tworzeniem własnych projektów czcionek, spełniających określone zadania i trendy tamtych czasów.

Na obecnym etapie zadaniem typografii jest przekazanie widzowi lub czytelnikowi pewnych informacji w przystępny, jasny i interesujący sposób. W tym celu typografowie (typografowie) zbierają tekst w jedną całość, wybierają czcionkę, umieszczają elementy czcionki w określony sposób względem siebie i do danej przestrzeni. Pomimo tego, że taka praca wydaje się być zadaniem czysto technicznym, prawdziwe dzieła sztuki można tworzyć metodami typograficznymi.

Jeśli typograf pracuje z książką, to całkowicie rozwija jej architekturę, czyli format i skład linii, układ marginesów, wielkość i wielkość czcionki, odstępy między wyrazami i wierszami, umiejscowienie ilustracji w tekście. Efektem jest przemyślana, poddana pewnemu planowi strona książki oraz wydanie drukowane jako całość, które służą zarówno celowi czysto funkcjonalnemu (czytelność tekstu), jak i charakteryzują się efektowną, artystyczną strukturą. Jeśli mówimy o projektowaniu stron internetowych, to tutaj profesjonalny typograf zajmuje się doborem odpowiedniej pisowni tekstu, aby zwiększyć czytelność informacji na stronie i przyciągnąć odwiedzających. Nie właściwy wybór typografia może prowadzić do tego, że strona będzie na tyle nudna, że ​​odwiedzający nie będą mieli ochoty na niej pozostać.

Projekt tekstu typograficznego

Projekt typograficzny tekstu zależy od kilku elementów:

- Cel tekstu. Oczywiście tekst na reklamę zewnętrzną jest zupełnie inny niż tekst czasopisma, a nawet informacje reklamowe zamieszczane w serwisie. W zależności od tego, czym jest tekst i jaki jest jego cel, należy użyć jednego lub drugiego środka wyrazu.

— Nośniki tekstu. Również na wybór technik typograficznych ma wpływ miejsce, w którym tekst zostanie umieszczony – w Internecie, na bilbordzie czy papierze błyszczącym.

Wybierając określone metody projektowania tekstu, w zależności od jego przeznaczenia i treści, typograf dąży do osiągnięcia kilku celów. Po pierwsze, jest to czytelność tekstu – właściwość charakteryzująca łatwość percepcji informacji przez osobę. Czytelność jest szczególnie ważna w tekstach przeznaczonych do ciągłego czytania. Czytelność zapewnia nie tylko projekt graficzny czcionek czy poprawna struktura tekstu, ale także środki stylistyczne czy semantyczne.

Po drugie, należy zadbać o widoczność tekstu, zwłaszcza w przypadku informacji reklamowych. Tutaj typograf operuje kolorem znaków lub tła, podkreślając czcionkę i innymi środkami. Po trzecie, zadaniem typografa jest zapewnienie czytelności tekstu. Ten wymóg ważne do czytania w warunkach słabej widoczności lub przez krótki czas. Odróżnienie zapewnia np. duży rozmiar czcionki lub silny kontrast między kolorami tekstu a obrazem tła.

Oczywiście najważniejszą rzeczą, z którą pracuje typograf, jest czcionka, ponieważ od niej zależy przede wszystkim postrzeganie tekstu przez czytelnika. Czcionka to zestaw znaków o określonym rozmiarze i wzorze. Różne czcionki są łączone w grupy lub rodziny zgodnie z ich decyzją stylistyczną: czcionki odręczne, czcionki szeryfowe lub bezszeryfowe i inne. Pojęcie „krój pisma” w typografii definiuje czcionkę lub kilka czcionek, które mają stylistyczną jedność stylu. Na przykład krój pisma Times New Roman zawiera zwykłe, kursywę, pogrubienie i wiele innych czcionek z tej rodziny, która jest dziś bardzo popularna.

Różne rodzaje czcionek mogą w różny sposób wpływać na percepcję i nastrój czytelnika. Czcionki szeryfowe są szeroko stosowane w materiałach drukowanych, ponieważ szeryfy pomagają tworzyć odstępy między literami, a czasem dają poczucie czegoś osobistego lub wyrażają pewien szacunek. Czcionki bezszeryfowe z kolei wykorzystywane są przy projektowaniu tekstów umieszczanych na stronach internetowych. Rzeczywiście, przy niskiej rozdzielczości monitora komputerowego szeryfy będą wyglądać na rozmyte, a sama czcionka szeryfowa będzie nieco rozmyta. Również czcionki bezszeryfowe przyczyniają się do wyrażenia poczucia stylu, młodości i nowoczesnych trendów.

Przy projektowaniu tekstów do projektów biznesowych preferowane są tradycyjne czcionki gładkie, dzięki czemu tekst będzie traktowany poważniej. Wybierając tę ​​lub inną czcionkę, typograf kieruje się nie tylko celem tekstu, ale także jego treścią i znaczeniem. W związku z tym, na przykład, zaleca się, aby szczęśliwym wiadomościom towarzyszyły lekkie i miękkie czcionki, a ponurym, przeciwnie, czcionki o bardziej sztywnych konturach.

Oprócz czcionek typograf posługuje się pojęciami typograficznymi, takimi jak interlinia (odległość między liniami bazowymi sąsiednich wierszy) i kerning (dobór odstępów między literami w celu poprawy czytelności tekstu). Ważny jest również kontrast i kolor tekstu. Z reguły wybierany jest kolor, dzięki któremu tekst będzie wyróżniał się z tła, a jednocześnie pozostanie czytelny. Kolor tekstu powinien sprawić, że ludzie zatrzymają wzrok i przeczytają go.

Jednocześnie typografia nie zapomina o kontraście i kombinacjach kolorystycznych tekst-tło. Zasady typografii mówią nam, aby nie używać kombinacji, takich jak szary tekst na jasnoszarym tle lub żółty tekst na czerwonym tle. Czcionka zbliżona do odcienia tła prawie zawsze jest słabo rozpoznawalna, a nadmierny kontrast z kolei często irytuje czytelnika.

Kolejnym ważnym elementem typografii jest system orientacji, czyli system elementów piktograficznych i tekstowych, który ma pomóc czytelnikowi znaleźć w tekście potrzebne mu informacje. System podziału tekstu powinien obejmować podrzędne nagłówki różnych poziomów, wyrażające relację i podporządkowanie tytułowych części tekstu. Nagłówki i podtytuły w tekście mogą różnić się kolorem, podkreśleniem lub tekstem graficznym, w zależności od treści i przeznaczenia informacji.

Typograf pracuje nad określeniem, gdzie tekst powinien być umieszczony i jaki powinien być rozmiar. Pierwszym krokiem w tym kierunku będzie ustalenie, jakie informacje są najważniejsze w proponowanym tekście. Zwykle wyróżnia się rozmiarami czcionek lub wolnym miejscem. Ogólnie rzecz biorąc, typografia twierdzi, że wolna przestrzeń ma bardzo ważne w tekście, ponieważ pozwala mu „oddychać”. Na przykład zbyt szerokie linie tekstu są męczące dla ludzkiego oka i przyczyniają się do niekorzystnego efektu psychologicznego.

Ale obecność wolnej przestrzeni wokół tekstu zmniejsza napięcie i pozwala czytelnikowi skoncentrować się na głównym punkcie. Z kolei linie mocno ściśnięte w pionie znacznie zmniejszają szybkość czytania, ponieważ w tym przypadku góra i dolne linie czytelnik jednocześnie zasłania oczy. W rezultacie nie skupia się na jednej linii, a z powodu marnotrawstwa energii dochodzi do przepięcia.

Jak widać, typograf ma do dyspozycji wiele narzędzi, dzięki którym tekst jest czytelny, zauważalny i łatwo rozróżnialny. Jednocześnie warto zauważyć, że typografia nie dyktuje żadnych sztywnych zasad dotyczących doboru czcionek czy projektowania tekstu. Zasady typografii mają jedynie charakter doradczy, odzwierciedlają przyzwyczajenia i tradycje czytelników dotyczące konkretnego projektu. informacje tekstowe. Jednak niektórzy Główne zasady typografia może i powinna być nadal przestrzegana, ponieważ ich przestrzeganie pozwala stworzyć tekst, który czytelnik może w pełni zrozumieć, a znaczenie przekazywanych mu informacji będzie dla niego jasne.

Komunikacja odgrywa ogromną rolę w projektowaniu. Bardzo ważne jest stworzenie silnego połączenia między serwisem a samym użytkownikiem, a następnie pomoc w realizacji jego celów. Kiedy mówimy o komunikacji w kontekście projektowania stron internetowych, zwykle mamy na myśli tekst. Typografia jest integralną częścią tego procesu:

Ponad 95% informacji w Internecie przechowywanych jest w formie pisemnej.

Dobra typografia polega na tym, aby informacje były łatwo dostępne, podczas gdy zła typografia wymaga wysiłku, aby zrozumieć tekst. Jak wskazuje Oliver Reichenstein w artykule „Projektowanie stron internetowych to 95% typografia”:

Optymalizacja typografii polega na optymalizacji czytelności, dostępności, użyteczności (!) i ogólnie osiągnięciu równowagi graficznej.

1. Użyj minimalnej liczby czcionek

Przy użyciu więcej niż 3 różnych czcionek Twoja strona internetowa traci strukturę i wygląda nieprofesjonalnie. Pamiętaj, że nadużywanie rozmiaru i stylu czcionki może zrujnować każdy znacznik.

Aby temu zapobiec, staraj się ograniczyć liczbę używanych czcionek do minimum.

Ogólnie rzecz biorąc, utrzymuj liczbę czcionek na minimalnym poziomie (dwa to więcej niż wystarczające, jedna często wystarcza) i trzymaj się tych samych czcionek w całej witrynie. Jeśli zdecydujesz się pracować z więcej niż jedną czcionką, upewnij się, że rodziny czcionek pasują do siebie pod względem szerokości liter. Spójrz na poniższy przykład. Połączenie Gruzji i Verdana (po lewej) ma Ogólna charakterystyka co pozwala im harmonizować ze sobą. Dla porównania weźmy kombinację Baskerville i Impact (po prawej). „Heavyweight” Impact tłumi swojego „notchowego” partnera.

Upewnij się, że rodziny czcionek pasują do siebie pod względem szerokości liter

2. Staraj się używać standardowych czcionek

Usługi czcionek (takie jak Google Web Fonts lub Typekit) zawierają wiele fajnych funkcji, które dodadzą coś nowego i innego do Twojego projektu. Dodatkowo są bardzo łatwe w użyciu. Weźmy na przykład Google:

1. Wybierz dowolną czcionkę. Powiedzmy, że Open Sans.
2. Wygeneruj kod i wklej go do

Twój kod HTML.
3. Gotowe!

Ale co może się nie udać?

W rzeczywistości ta metoda ma jeden poważny problem – użytkownicy są przyzwyczajeni do standardowych czcionek i szybciej czytają tekst napisany takimi czcionkami.

Zwykle najlepszym sposobem jest użycie czcionki systemowe(Arial, Calibri, Trebuchet itp.). Wyjątkiem może być konieczność trzymania się niektórych czcionek, które sam klient określił: na przykład do brandingu lub stworzenia czegoś zapadającego w pamięć. Pamiętaj, że dobra typografia wpływa na czytanie tekstu, a nie na wizualną percepcję czcionki.

3. Ogranicz długość struny

Odpowiednia liczba znaków w wierszu jest kluczem do łatwego czytania tekstu. Wybierając szerokość tekstu, powinieneś skupić się nie na swoim projekcie, ale na klarowności i klarowności napisanego tekstu. Sprawdź tę wskazówkę Instytutu Baymard:

„Jeśli chcesz, aby Twój czytelnik był wygodny, każda linia nie powinna mieć więcej niż 60 znaków. Wybór odpowiedniej liczby znaków w wierszu jest kluczem do łatwego czytania tekstu”.

Jeśli kreska jest zbyt krótka, oczy będą musiały często zmieniać ostrość, spowalniając tempo czytania. Jeśli linia jest zbyt długa, oczy czytelnika, przeciwnie, będą musiały przez długi czas skupić się na tym, co jest napisane. Zdjęcie: Projektowanie materiałów

W przypadku urządzeń mobilnych trzymaj się zakresu 30-40 znaków w wierszu. Poniżej znajduje się przykład dwóch witryn otwartych w urządzenia mobilne. W jednym wierszu znajduje się od 50 do 75 znaków (najlepsza liczba znaków w wierszu dla drukowanego tekstu i rozdzielczości komputerowej), a w drugim widzimy optymalne 30-40 znaków.

W projektowaniu stron internetowych możesz osiągnąć wymaganą liczbę znaków, zmniejszając szerokość bloków tekstu za pomocą emów lub pikseli.

4. Wybierz dobrze czytelne kroje pisma w dowolnym rozmiarze.

Użytkownicy będą uzyskiwać dostęp do Twojej witryny z różnych urządzeń, które odpowiednio mają różne rozmiary i rozdzielczości. Większość interfejsy użytkownika posługiwać się elementy tekstowe o różnych rozmiarach (przycisk „kopiuj”, etykiety pól, nagłówki sekcji itp.). Musisz wybrać taki krój, który będzie dobrze wyglądał i będzie czytelny w każdym rozmiarze.

Roboto od Google

Upewnij się, że wybrany krój pisma jest łatwy do odczytania na małych ekranach! Staraj się nie używać kursywa czcionki, na przykład Vivaldi (na zdjęciu poniżej): chociaż wyglądają pięknie, czasami może być trudno zrozumieć, co jest napisane.

Korzystanie z czcionki Vivaldi sprawi, że tekst będzie trudny do odczytania na małym ekranie

5. Używaj czcionek z wyraźnymi literami

Wiele krojów pisma jest zaprojektowanych w taki sposób, że czasami bardzo łatwo jest pomylić podobne litery, zwłaszcza „I” i „L”, pisane po łacinie (jak na poniższym obrazku). W niektórych litery są tak blisko siebie, że kombinację „r” i „n” można pomylić z literą „m”. Dlatego wybierając czcionkę, przetestuj ją w różnych kontekstach. W ten sposób możesz mieć pewność, że czytelnik nie będzie miał problemów ze zrozumieniem tekstu ze względu na krój pisma.

6. Unikaj czapek

Tekst pisany wielkimi literami - lub jeden wielkie litery- nadaje się do sytuacji, w której użytkownik nie jest zaangażowany w proces czytania (na przykład w skrótach lub logo). Ale w przeciwnym razie nie zmuszaj czytelników tekstem wielkimi literami. Jak zauważa Miles Tinker w swojej znanej pracy Czytelność druku, taki tekst czyta się znacznie wolniej niż tekst pisany małymi literami.

7. Nie minimalizuj odstępów między wierszami

W typografii istnieje specjalne określenie odstępów między wierszami - interlinia (lub odstępy między wierszami). Zwiększając interlinię, zwiększasz odstępy w pionie między wierszami, poprawiając w ten sposób czytelność tekstu na ekranie. Zgodnie z regulaminem, aby zapewnić czytelność tekstu, interlinia powinna być o około 30% większa niż wysokość znaku.

Poprawne odstępy między wierszami przyczyniają się do lepszej czytelności tekstu. Zdjęcie: Microsoft

Według Dmitrija Fadeeva odpowiednie odstępy między akapitami zwiększają czytanie ze zrozumieniem o 20%. Umiejętność pracy projektanta z białymi przestrzeniami pozwala użytkownikom na przyswojenie treści tekstu w całości, nie tracąc przy tym żadnych szczegółów.

Po lewej: tekst jest pisany prawie obok siebie. Po prawej: prawidłowe odstępy między wierszami przyczyniają się do czytelności tekstu. Zdjęcie: Jabłko

8. Upewnij się, że kontrast kolorów jest w porządku

Nie używaj tych samych lub podobnych kolorów dla tekstu i tła. Im lepiej tekst jest widoczny, tym szybciej użytkownicy będą mogli go przeczytać i uchwycić główne punkty. Konsorcjum ogólnoświatowa sieć zaleca użycie następującego stosunku dla tekstu podstawowego i tekstu obrazu:

• Mały tekst powinien mieć współczynnik kontrastu co najmniej 4,5:1 na tle.
• Duże teksty (rozmiar 14 pogrubiony/rozmiar 18 i powyżej standard) powinny mieć współczynnik kontrastu co najmniej 3:1 w stosunku do tła.

Ten tekst nie spełnia standardu kontrastu kolorów, więc trudno go zobaczyć na tle.

Ten tekst jest zgodny ze standardem kontrastu kolorów, dzięki czemu jest łatwy do odczytania.

Kiedy wybrałeś schemat kolorów, musisz dać swój tekst do przeczytania przez prawdziwych użytkowników i najlepiej na kilku różne urządzenia. Jeśli podczas testowania wykryją się jakieś trudności z rozpoznawaniem tekstu, możesz być pewien, że w przyszłości wielu użytkowników może napotkać ten sam problem.

9. Staraj się nie używać w tekście koloru czerwonego ani zielonego.

Ślepota barw jest dość powszechnym zjawiskiem, zwłaszcza wśród mężczyzn (8% męskiej populacji jest daltonistami). Dlatego oprócz koloru wskazane jest użycie innych znaków do podkreślenia ważna informacja. Staraj się również nie uciekać do czerwieni i zieleni, ponieważ są to kolory najczęściej nierozpoznawane przez osoby nierozróżniające kolorów.

10. Staraj się nie używać migoczącego tekstu

Informacje, które migają lub migają, mogą powodować dyskomfort dla podatnych użytkowników. Oprócz złego samopoczucia może to również powodować irytację wielu czytelników, ponieważ odwraca ich uwagę od procesu czytania.

Nie używaj migającego tekstu!

Wniosek

Typografia jest bardzo ważna rzecz. Dokonując właściwego wyboru, zapewniasz stronie internetowej przejrzystość i przejrzystość. Jednocześnie zły wybór może prowadzić do nieuważnej lektury tekstu, ponieważ odwraca całą uwagę na siebie. Typografia powinna być czytelna, jasna i zrozumiała.

Typografia powinna szanować treść

Oznacza to, że czytelnik nigdy nie powinien odczuwać dyskomfortu podczas czytania tekstu.