Шрифты 2018 году

Куда ни глянь — везде подборки типа «ТОП лучших шрифтов», которые мне кажутся малополезными. Почему? Во-первых, для кого лучшие? Кто отбирал? По каким критериям? Регулярно вижу в одном списке Garamond и Roboto [это как «лучшие машины»: мерседес и лада калина]. Во-вторых, часто это лишь восхваление шрифта через перепечатку чужого «ТОП-листа» без какого-либо описания, кому и зачем этот шрифт имеет смысл использовать. А именно это и важно нам с вами, обычным пользователям PowerPoint-а, Word-а и Excel-а.

Поэтому ниже шрифты, которые я заметил в 2018 году. Никаких «лучшие». Просто шрифты и мое мнение о том, кому и в каких случаях они подойдут, а кому не подойдут. Возможно вам будет полезно. Да, там еще будет и восхваление шрифтов, но моими словами. Поехали.

1. CoFo Sans

Добротный современный гротеск (Franklin Gothic, 1902 — не очень современный гротеск). В меру нейтральный, но не Helvetica (1954 — тоже уже песионерка). В меру геометричный, но не Futura (1927). Очень близок к Formular (2014), но не такой грубовато-прямолинейный. Для меня CoFo Sans, кажется, пока занял место Circular (2013), которым можно просто набрать название книги на обложке, и будет все равно эстетично.

Кому подойдет: любая бизнес-тематика, т.е. все эти вещи про стратегию, ценообразование, финансы и т.д., где нужна умеренная строгость, изящность и тонкий налет инновационности. Apple или Tesla вполне уместно бы смотрелись в этом шрифте.

Кому не подойдет: детские, сказочные, хипстерские и прочие не очень sophisticated бизнес-тематики, т.е. набирать вывеску «Автомастерская Михалыча» я бы не стал. Хотя это тоже бизнес.

2. CoFo Chimera

Монстр, который хорошо подойдет для акциденции — выделения чего-то на слайде или лендинге. Когда хочется пошалить. По-моему, работает хорошо только в очень крупных размерах.

Кому да: всем, кто хочет пошалить… эмоционально выделить какое-то слово или фразу на слайде, плакате и т.д., но не более. Такие слайды хорошо могут сработать на больших аудиториях при выступлении на конференциях.

Кому нет: всему, что не попадает выше.

3. 20 Kopeek

Смесь Никола Тесла, Harvard Business Review и Жюль Верна. Нескучный гротеск «начала 1900 годов». Техничней вековой давности Franklin Gothic и интереснее, чем технично-стерильная Ida (2017) И у него же еще и курсив прямо как отдельный шрифт.

Кому да: бизнес-тематикам, маккинзи-стайл отчетам, обзорам и исследованиям, экономическим и научным публикациям. Да, этот блог набран этим шрифтом.

Кому нет: кто хочет показать какую-то супер-инновационность, я бы даже сказал новаторство. Тут шрифт спасует. Он скорее про стимпанк изобретателя, а не про AI программиста. Это больше Никола Тесла, чем Илон Маск.

4. AntiQuasi

Теплая прикольная голландская антиква. В крупных размерах очень характерна. Мне она кажется элегантной, но без перегиба в чопорный аристократизм. На одну полку с Garamond и Caslon-ом.

Кому да: кто не боится быть смешным, сохраняя достойное спокойствие; вывеска уютного кафе в центре города; ателье по пошиву костюмов, но без «гладим механическими утюгами 1800-х годов»; что-то продвинутое, но без пафоса;

Кому нет: кому надо добавить официальности, нарастить дистанцию от читателя. Антиквази будет наоборот работать на сближение.

5. Spectral

Скорее это просто хороший шрифт из бесплатных с нормальной кириллицей от Ильи Рудермана. Как текстовый шрифт — трудновато читать в совсем мелком размере. Общее впечатление: какой-то колкий, но статный. И вроде бы в старину, и в тоже время что-то современное есть. Это одновременно его выделяет для кого-то, и отталкивает от других. Но вот заменить им Times New Roman по-моему стоит.

Кому да: тем, кто про изящность и технологичность; каким-нибудь науч-поп журналам/порталам, книжному магазину; допускаю, что даже какой-нибудь журнал про моду вполне может его использовать.

Кому нет: магазину игрушек, сервису такси, магазину комиксов, киоску с мороженым — надеюсь, вы поняли.

6. Circe Slab

Ну наконец-то Александра Королькова с командой сделала это. Прикольный брусковый шрифт в массе начертаний. Сильно современней всяких Officina, Unit, Museo и даже Archer. Это такой образованный мебельных дел мастер — ну там джаз-музыканту сделать студию на заказ.

Кому да: мебельному магазину upper-medium класса
Кому нет: магазину с ручным изготовлением мебели на заказ из дуба королевских лесов Великобритании. Им нужен Garamond какой-нибудь.

7. IBM Plex Serif

Бесплатный шрифт на Google.Fonts. На мой непрофессиональный взгляд — неплохая кириллица. Т.е. я не вздрагиваю от букв Л, К, Ж. Достоинство шрифта в том, что он пока незаезжен плохим дизайном. Подойдет всем, кому от вашего текста нужна эмоция статности, вполне такой себе серьезности, может быть даже въедливости.

На слайдах в действии

Где покупать/качать:

1. СoFo Sans — contrastfoundry.com/fonts/sans
2. СoFo Chimera — contrastfoundry.com/fonts/chimera
3. 20 копеек — https://yurigordon.com/en/shop/fonts/20kopeek
4. AntiQuasi — yurigordon.com/en/shop/fonts/antiquasi
5. Spectral — type.today/en/spectral, fonts.google.com
6. Circe Slab — www.paratype.ru/fonts/pt/circe-slab
7. IBM Plex Serif — fonts.google.com

В догонку еще несколько шрифтов за 2018 год:
1. Amalta — анти-Химера шрифт — type.today/en/amalta
2. Graphik — свежий современный гротеск — type.today/en/Graphik
3. William — свежий Caslon — typotheque.com/fonts/william_text

Ну и behind-the-scenes, что сделал пока писал пост, но не нашел куда приткнуть:

Наложение Spectral на учебник геометрии
с шрифтом Петра 1
Здесь же, AntiQuasi

Когда равнять слайды слева, а когда по центру

Разумеется, это лишь принцип, в основе которого «сделать дешево и без колхоза». Можно работать и в центральной симметрии с кучей объектов и получать понятные  и куда более эстетичные слайды. Но перед тем, как пойти туда, честно оцените свои навыки типографического дизайнера или наличие времени. 🙂

Межстрочный интервал на слайдах

Правильный межстрочный интервал текста повышает читаемость слайда. Но на слайдах тексты скачут — от небольших (10-15 слов на слайд) до больших (4 увесистых абзаца). И тут наиболее частая рекомендация «ставьте межстрочный интервал в 110% — 135%» начинает сбоить. Ее написали для условной ситуаций, где тексты на весь экран/страницу. Соответственно, для неравномерных слайдых текстов уже не работает. Что делать — описал ниже из своего опыта.

Разумеется все это принцип, а не правило. Если чувствуете, что не нужно играть интервалом — не играйте.

Ну наконец-то кто-то поюморил на тему «правил» типографики

Читать типографическим дизайнерам. Хотя и дизайнерам тоже можно.

https://medium.com/@kapanaga/что-запрещено-в-типографике-db44c294d642

Если вы недизайнер, но полезете туда, то вот вам вводная. Бюро — это умелая дизайн-студия, которая издает много неплохого обучающего материала по дизайну и верстке.

Но… Вы же понимаете, что всегда есть какое-то «но». У Бюро —  это «но» в том, что их коммуникация какая-то, как мне кажется, очень «powerful».  Т.е. они вроде бы заявляют «принципы», но описывают их так и следуют им так, что их читатели/студенты, возможно, воспринимают это, как «правила».

А у правил есть недостаток. Они негибкие. Но есть и достоинство — с ними, наверное, жизнь становится как-то проще. Кому-то проще принимать дизайн. Кому-то проще делать дизайн.

Отсюда уже начинается не «но», а целая, как мне кажется, проблема читателей/студентов — они вроде бы хорошие ребята, но их взгляд становится очень зашоренным. Правила у многих отключают мозг. Вот он единственный идеальный способ. Все, что не по правилу, то плохо. А все, что по правилу то хорошо, даже если выглядит плохо.

Ну а дальше-больше — критика любого, что не вписывается в какое-нибудь узкое правило и рушит «идеальную» картину мира. Затем однотипные работы, стагнация и, наконец, выгорание.

Что-то подобное уже было в типографике (правда, явно с более позитивной развязкой), цитирую wikipedia:

Несмотря на то, что «Новая типографика» и сейчас остается классической работой, сам Чихольд постепенно отказывался от своих жестких модернистских взглядов. В 1931 году он выпустил лиричный и нежный шрифт Saskia. В 1932 году Чихольд начинает набирать основной текст книг классическими шрифтами с засечками. Постепенно он склоняется к классическому стилю в типографике. Впоследствии Чихольд осудил свою «Новую типографику», как чересчур максималистскую. Модернизм (видимо, его ранний, авангардный период) Чихольд оценивал как авторитарный, по сути фашистский стиль.

Чихольд страдал потому, что не было интернета 🙂 Никто ему быстро не написал, что он, возможно, чуток перегнул.

Мне кажется, что ссылка на пост наверху —  отличная попытка с юмором обратить внимание общественности, что, возможно, полезнее следовать не правилам, а принципам типографии. Ну или воспринимать «правила», как принципы. С долей сомнения и скептицизма. Это сильно сложнее. Как описать хороший принцип, так и следовать. Приходится постоянно думать. Но дизайн становится сильно круче. Да и жизнь становиться сильно многообразнее.

 

Отечественный шрифт. Зачем?

В принципе незачем. Зарубежных шрифтов больше, они чаще круче эстетически и технологически.

Но есть одна проблема с хорошими зарубежными шрифтами — плохая кириллица (если она вообще есть). Если ее рисовал русский шрифтовик, то скорей всего все будет ок. Если ее рисовал западный шрифтовик, то шанс получить странную кириллицу возрастает многократно.

«Странная» —  это когда кириллица вызывает какие-то чужеродные (от латинской версии) ощущения — обычно неряшливость, неустойчивость и т.д.

Вот пример — какого стоматолога вы бы выбрали, ориентируясь только по букве «л»? Кто из них более осмотрительный? (пожалуйста, воздержитесь сейчас от «загуглю отзывы» — это правильно, но не всегда возможно, и мы тут о шрифтах говорим)

Допустим, вы выбрали что-то… Теперь, какого стоматолога вы бы предпочли по всей надписи?

Я бы предпочел последнего (если только по шрифту).  В обоих случаях это шрифт Ida русской словолитни Paratype. Первый «стоматолог» — это Arial. Он обычно вызывает ощущение «Стоматопога», вроде бы ок, но что-то странное и неряшливое. Всему виной плохая кириллица, сделанная когда-то на заре времен. Второй шрифт — это очень крутой английский шрифт от Эдварда Джонстона, но увы, со странной кириллицей.

Нормальная кириллица (на мой непрофессиональный взгляд) — это та кириллица, которая не вызывает дополнительных (от латинской версии) ощущений типа неряшливо, неустойчиво, странно, резко и т.д. Вызывать эти ощущения должны все конструкции шрифта во всех языках (его видимо так автор задумывал), а не только его кириллическая часть (явно сигнал, что кириллицу сделали на уровне «и так сойдет»).

Вот пример, какая странная буква «л» (и вся прочая кириллица) у некоторых известных шрифтов:

Если в вашем фирменном шрифте плохая кириллица, то возможно, стоит найти другой шрифт — с теми же эмоциями, но нормальной кириллицей.

В 90% случаях русские шрифтовики делают более аутентичную кириллицу, нежели западные авторы. Исключения: греки, болгары, чехи — у них кириллица может быть странной, но небезнадёжной. Ну и когда западные авторы привлекают на кириллицу наших шрифтовиков  — тоже получается очень хорошо (из свежих примеров см. кириллицу для шрифта Spectral от Ильи Рудермана). Слава богу, сейчас это обычная практика, чем исключение. Т.е. шрифтовые мастерские обычно стараются привлекать нативных носителей кириллицы, а не выдумывать сами. Халтурят всякие Apple, когда надо «ну хоть что-то» — так в новой версии Mac OS появился очень крутой Avenir, но с ужасной кириллицей.

Если вы хотите сами начать отделять плохую кириллицу от хорошей, то стоит почитать вот эти ресурсы:

— https://leksandra.livejournal.com/114663.html
— https://typejournal.ru/articles/Cyrillic-Be-Vision
— http://ак.буквырусского.рф

Ну а дальше сами 🙂

 

Про сетки

Сетки — полезный инструмент при работе со слайдами. Ниже какие-то материалы, которые помогут как-то въехать. Увы, все материалы никак не про слайды, а про обычные плакаты, книги и т.д. Но принципы же едины, т.ч. разберетесь сами, надеюсь.

Из Мюллера-Брокманна

Презентации

1) www.slideshare.net/Leursism/grid-systems
2) www.slideshare.net/FrostSydney/modernist-typography-and-the-swiss-grid
3) www.slideshare.net/marialevitskaya1/grids-29281447
4) shkola.readymag.com/grid/

P.S. Slideshare только через VPN или тут в PDF