Для того, чтобы выбрать правильные шрифты для хорошей читабельности текста, необходимо понимать основные принципы типографики. Дьявол кроется в деталях, а главная составляющая типографики — буква.
Книга «Основы стиля в типографике» (The Elements of Typographic Style), которую стоит рекомендовать всем начинающим дизайнерам, начинается со слов:
Если и можно уместить все знания о типографике в одну фразу, то это именно она. Контент может кричать или шептать. Так же и шрифты, могут быть «громкими» и «тихими». Буквы, и в частности глифы, их различия, позволяют придать тексту много оттенков.
Правильное сочетания букв позволяет максимально ярко передать настроение текста. А лучше всего это умеют делать дизайнеры логотипов!
Пожалуй, самый популярный логотип, который демонстрирует «владение буквами» — это логотип FedEx, разработанный Линдоном Лидером (Lindon Leader). На первый взгляд, это обычное применение Futura Bold. Однако если присмотреться, видно, как были изменены буквы «E» и «x», чтобы образовалась стрелка:
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/371/ede/40b/371ede40b9ba18528e8a070f77bbc502.png)
Вот еще примеры от Херба Любалина (Herb Lubalin), который являлся одним из лучших дизайнеров по части типографики:
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/e18/d70/7cd/e18d707cd2e3a3347027e528034cc7c4.png)
Хорошие примеры логотипов могут научить нас очень многому. Взгляните на один из таких от Волкана Экси (Volkan Eksi):
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/979/41f/c8a/97941fc8a5f4f8e4e1b7152034821fcc.png)
Прекрасная реализация идеи без ущерба для читабельности! Для понимания восприятия таких логотипов, рассмотрим пример. Какой из этих кусков текста легче прочитать?
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/e99/540/3a8/e995403a8e7e5f5ce82293616e4b16c4.png)
Очевидно, что вариант А, потому что гораздо проще разобрать верхние части английских букв, нежели нижние. Оригинал:
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/014/6c7/a00/0146c7a00d26e5926eff9c2018734dec.png)
Поэтому менять нижние части букв в дизайне безопаснее для читабельности, чем верхние. Обратите внимание, что обычно так и поступают — в нижних частях логотипов делают больше изменений.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/420/fcd/4c8/420fcd4c8e9f21e334a6ba9f17f29845.png)
Взглянем еще на один пример, наглядно демонстрирующий факторы, которые влияют на читабельность:
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/f40/825/87a/f4082587a67589b9a5c2f9be54f33ac3.png)
И снова вариант А читается лучше. А все потому, что человек в силу привычки реагирует не на конкретные буквы, а на формы целых слов. Поэтому в верхнем регистре читать сложнее.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/a10/e06/c24/a10e06c243f666c4b7fd5e13d178f13f.png)
Наверное многие сталкивались с текстом, где все буквы перемешаны, но читается текст несложно:
Но если буквы перемешать сильно, читать будет сложно:
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/ae6/36a/e1b/ae636ae1b2be59fe5faf52f15c23f21a.png)
Вернемся к логотипу «Pause»: почему же он так хорош? Потому что изменили только нижнюю часть букв, а также не меняли форму слова!
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/056/b3a/60d/056b3a60ddc9fc05c6a9987b5608c6f8.png)
Это очень простые принципы лежат в основе типографики, помните о них!
Книга «Основы стиля в типографике» (The Elements of Typographic Style), которую стоит рекомендовать всем начинающим дизайнерам, начинается со слов:
Типографика существует, чтобы отдавать должное содержанию.
Если и можно уместить все знания о типографике в одну фразу, то это именно она. Контент может кричать или шептать. Так же и шрифты, могут быть «громкими» и «тихими». Буквы, и в частности глифы, их различия, позволяют придать тексту много оттенков.
Правильное сочетания букв позволяет максимально ярко передать настроение текста. А лучше всего это умеют делать дизайнеры логотипов!
Пожалуй, самый популярный логотип, который демонстрирует «владение буквами» — это логотип FedEx, разработанный Линдоном Лидером (Lindon Leader). На первый взгляд, это обычное применение Futura Bold. Однако если присмотреться, видно, как были изменены буквы «E» и «x», чтобы образовалась стрелка:
![image](https://habrastorage.org/getpro/habr/post_images/371/ede/40b/371ede40b9ba18528e8a070f77bbc502.png)
Вот еще примеры от Херба Любалина (Herb Lubalin), который являлся одним из лучших дизайнеров по части типографики:
![image](https://habrastorage.org/getpro/habr/post_images/e18/d70/7cd/e18d707cd2e3a3347027e528034cc7c4.png)
Принципы читабельности букв
Хорошие примеры логотипов могут научить нас очень многому. Взгляните на один из таких от Волкана Экси (Volkan Eksi):
![image](https://habrastorage.org/getpro/habr/post_images/979/41f/c8a/97941fc8a5f4f8e4e1b7152034821fcc.png)
Прекрасная реализация идеи без ущерба для читабельности! Для понимания восприятия таких логотипов, рассмотрим пример. Какой из этих кусков текста легче прочитать?
![image](https://habrastorage.org/getpro/habr/post_images/e99/540/3a8/e995403a8e7e5f5ce82293616e4b16c4.png)
Очевидно, что вариант А, потому что гораздо проще разобрать верхние части английских букв, нежели нижние. Оригинал:
![image](https://habrastorage.org/getpro/habr/post_images/014/6c7/a00/0146c7a00d26e5926eff9c2018734dec.png)
Поэтому менять нижние части букв в дизайне безопаснее для читабельности, чем верхние. Обратите внимание, что обычно так и поступают — в нижних частях логотипов делают больше изменений.
![image](https://habrastorage.org/getpro/habr/post_images/420/fcd/4c8/420fcd4c8e9f21e334a6ba9f17f29845.png)
Взглянем еще на один пример, наглядно демонстрирующий факторы, которые влияют на читабельность:
![image](https://habrastorage.org/getpro/habr/post_images/f40/825/87a/f4082587a67589b9a5c2f9be54f33ac3.png)
И снова вариант А читается лучше. А все потому, что человек в силу привычки реагирует не на конкретные буквы, а на формы целых слов. Поэтому в верхнем регистре читать сложнее.
![image](https://habrastorage.org/getpro/habr/post_images/a10/e06/c24/a10e06c243f666c4b7fd5e13d178f13f.png)
Наверное многие сталкивались с текстом, где все буквы перемешаны, но читается текст несложно:
По рзелульаттам илссеовадний одонго анлигйсокго унвиертисета, не иеемт занчнеия, в кокам пряокде рсапожолены бкувы в солве. Галвоне, чотбы преавя и пслоендяя бквуы блыи на мсете. Осатьлыне бкувы мгоут селдовтаь в плоонм бсепордяке, все-рвано ткест чтаитсея без побрелм. Пичрионй эгото ялвятеся то, что мы чиатем не кдаужю бкуву по отдльенотси, а все солво цликеом.
Но если буквы перемешать сильно, читать будет сложно:
![image](https://habrastorage.org/getpro/habr/post_images/ae6/36a/e1b/ae636ae1b2be59fe5faf52f15c23f21a.png)
Вернемся к логотипу «Pause»: почему же он так хорош? Потому что изменили только нижнюю часть букв, а также не меняли форму слова!
![image](https://habrastorage.org/getpro/habr/post_images/056/b3a/60d/056b3a60ddc9fc05c6a9987b5608c6f8.png)
Это очень простые принципы лежат в основе типографики, помните о них!