УРОК 2

Микротипографика
Все что вам нужно знать для "поиграй со шрифтами"
Самому старому человеку на Земле 123 года
(из ныне живущих), самой старой букве —
больше 5 тысяч лет.
Есть разница. Люди со временем дряхлеют, а буквы — наоборот. Алфавиты, которые нам достались,
уже обточены временем (как галька водой). Они уже почти совершенны.

Тем обиднее, когда буквы попадают в лапы дизайнера-неумёхи, который умудряется испортить
восхитительно красивые буквы плохим дизайном.

Но это, конечно, не про вас — вы другое дело.

 К О Р ОТ К О О С А М О М ГЛ А В Н О М

Поговорим о буквах

У каждой буквы
есть графема
Смотрите, это буква А. Вернее ее
конструкция. Палка-палка-палка.

Конструкция буквы называется Графемой.

Графема — как елка. Ее можно нарядить

тысячью способов: шарами, гирляндами,

конфетами, мандаринами, варешками, но при

этом она все-равно остается елкой.

Букву тоже можно нарядить в разные одежки и,

при этом, сохранить лицо и узнаваемость —

главное не потерять графему.

Locally grown grape is cheap and very juicy

 Буквы с засечками.
Антиква или Serif

Если прилепить к краям буквы

специальные палочки — Засечки,
получится уже не просто буква, а
буква с Засечками.

Казалось бы, мелочь, но дизайнеры придают

этим палочкам-засечкам такое значение, что
считают их главным признаком в своих
шрифтовых классификациях.

Они появились раньше других и поэтому

теперь такие гордые — текст набранный
антиквой выглядит аристократично и имеет
легкую претензию на статусную значимость.

Буквы без засечек.

Гротеск или Sans-
Serif

Дома голые ёлки выглядят грустно,

зато на фоне лесного пейзажа
наоборот — просто и естественно.
Сейчас такое в моде — Гротески тоже
выглядят просто и стильно.

Они как интерьер в стиле IKEA: замечательно

лаконичные. Не то, что эти пафосные
викторианские антиквы!
Кстати, Гротеск переводится, как «Забавный
уродец», что неплохо характеризует
отношение современнников (начало 20-го
века) к отрезанным засечкам.

ВАША БИБЛИЯ НА СЛЕДУЮЩИЕ 3 МЕСЯЦА

7 правил хорошего
набора
 Слишком длинные (как и слишком короткие) строки читать
Правило 1 неудобно. Это очень важно.

Длинна строки
Для более быстрого чтения, строку иногда специально заужают
от 40 до 85
(например в газетном наборе). Также, зауженные строки
символов
допустимы в информационных выносках.

Плохо
 Маленькие буквочки — трудно читать. Кегли меньше 14 px,
Правило 2 используйте только если знаете точно, зачем вам нужны микро-
буквы.
Тексты набираем
размером
Большие буквы придержите для заголовков и врезок — в наборе с
14–22 px
ними тяжело, особенно если вы новичок. Пока ограничимся
а заголовки максимальным размером букв контентного шрифта до 22 px.
32-48px
Врезки и заголовки для контраста оставим в диапазоне 32-48px.
 Для того, чтобы текст читался легко, абзацы необходимо
Правило 3 разделять. Существует 2 способа разделения абзацев — книжный и
так называемый «швейцарский».
Разделяйте абзацы
по-швейцарски
Книжный способ использует для разделения Красную строку —
(ладно, иногда можно и по-книжному)
небольшой сдвиг первой строки каждого нового абзаца. Он
помогает читателю отличить один абзац от другого.

Для любителей задать вопрос
"а почему?" — почитайте основательный совет
Артема Горбунова
Швейцарский способ прост, как палка — разделяйте абзацы
пустыми строками между ними. Это простой и понятный метод.
Не запутаетесь.

http://artgorbunov.ru/bb/soviet/20091123/
Важно: нельзя смешивать в одном проекте оба способа.
Выбирайте один из них и забудьте о другом.

Грамотно подобранное расстояние между строками помогает

Правило 4 читателю воспринимать текст с большим удобством.
Междустрочное расстояние называется Интерлинъяж (не путать с
Выбирайте
грильяжем, это не торт).
правильное
межстрочное
Плохо выглядят слишком прижатые друг к другу строки. Плохо
расстояние равное выглядят слишком разряженные строки.
кеглю х 1.5
Например: если у вас 14 кегль текста то 14х1.5=21
 Люди привыкли читать тексты, выровненные по левому краю. Не
Правило 5 будем им мешать. Товарищи, в любой непонятной ситуации,
выравнивайте тексты, как социалисты — по левому краю.
В любой непонятной
ситуации,
У каждого правила есть исключения (которые, конечно ничего не
выравнивайте
подтверждают, но не будем об этом) — если вам хочется набрать
тексты по левому кусочек текста более торжественно, можете выровнять его по
краю центру.

P.S Иногда можно по центру

Только умоляем, не используйте такое выравнивание для кусков
текста объемом больше, чем в 1 абзац. Длинный текст читать в
центральной выключке трудно — плевать, что так страшно
красиво.

Вот так выглядит дефис -

Правило 6 Вот так выглядит тире —

Используйте
правильные Обратите внимание, тире значительно длиннее дефиса.
символы: Большинство людей не видит разницы между ними и ставит дефис
тире и кавычки вместо тире. Это большая грубость! В мире погибает очередной
типограф, когда вы ставите дефис вместо тире. Подумайте об этом.

Ваша работа оставить дефисы-дефисами, а тире — тире.

Для полноты картины, добавим, что разных длин тире не 2, а 4, но
вы пока можете об этом не знать.

Вот так выглядят дюймы ' '

Вот так выглядят британские кавычки " "
Вот так выглядят кириллические кавычки-елочки « »

Важно помнить, что дюймы — это не кавычки.

Если вы набираете текст на украинском или русском языках,

следите за тем, чтобы использовать именно кавычки-елочки « ».
Это у вас теперь такая работа.

Единственный случай, при котором вы должны использовать

британские кавычки в кириллическом тексте — цитата в цитате.
Например, «Пол Ренд заявил, что подукция компании "Березка" —
ширпотреб».

Существует масса способов изменения символов на правильные.

Вы можете скачать и установить раскладку Ильи Бирмана, в

которой доступ к специальным символам станет намного более
простым.

Также вы можете запомнить клавиатурные сокращения для мака,

или универсальные, либо воспользоваться специальным
сервисомwww.copypastecharacter.com.
 Нельзя ставить союзы и предлоги (а, и, у, в, они, мы, я и тд) в конце
Правило 7 строки. Нет у них такого права, визы не выдали. Увидели союз или
предлог? Смело переносите на следующую строку. Ату его!
Строки не должны
заканчиваться
Строка не должна начинаться с тире или дефиса. Заканчиваться
союзами
может, начинаться нет. Прогоните тире с начала строки.
и предлогами, Предложите ему место в конце предыдущей или где-нибудь в
а начинаться с тире серединке.

КАЖИСЬ ВЫ СЛЕГКА ЗАСКУЧАЛИ

Не давайте
вашему
 творению быть
скучным!
Мало научиться избегать детских ошибок. Важно понять
принципы создания привлекательных макетов.

Возьмем пару заголовок-текст.

Не правило но ОЧЕНЬ важно
Я специально набрал их невыразительно — монотонно. Заголовок
Создавайте
слишком похож на основной текст. Это скучно, а скучно — значит
контрасты
плохо.
в наборе текста
Для того, чтобы, набор стал более интересным, я должен долить
контраста — выделить заголовок, например.
 В текстах со сложной структурой, ты не отделаешься парой
Не правило но ОЧЕНЬ важно заголовок-текст. В них точно есть заголовки нескольких уровней.
Например, у статьи всегда есть основной заголовок (например,
Создавайте
название статьи) а внутри — масса подзаголовков.
четкую иерархию
элементов
Основной заголовок (его называют Header 1 или проще H1) должен
выглядеть круче и важнее заголовков мелких уровней (H2, H3 и
тем более H4).

Принцип — чем выше заголовок стоит в иерархии, тем круче

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

Обратите внимание на то, как устроены хорошие фильмы — в них

Не правило но ОЧЕНЬ важно постоянно происходят неожиданные для зрителя события.
То главному герою голову отрубят, то приклеят обратно (в 8-м
Игры Престолов:
сезоне).
используйте
неожиданные
Насыщайте свой текст неожиданными событиями. Старайтесь
события сделать свой материал интересным и визуально привлекательным
для читателя.

Чередуйте набор в 1, 2 или даже 3 колонки. Это поможет

избавиться от монотонности и увеличить выразительность набора.

Добавляй врезки и цитаты, чтобы разбавлять полотно текста.

Иногда используй Буквицу (только для первого абзаца текста).

Для выделения коротких куском текста, можно использовать

выделение жирностью (bold), курсивом (italic) или прописью.

Если хочешь набирать прописными (а это распространенный

прием), знай, что они обязательно требуют увеличения
межбуквенного расстояния.
 Работы новичков как правило отличаются неуемным аппетитом —
Не правило но ОЧЕНЬ важно попытками запихнуть в одну работу максимальное количество
освоенных приемов.
Меньше = лучше
Контролируй свои желания. Ограничивай количество разных
стилей. Меньше = лучше.

Для оформления хорошего веб-текста следует.

Выбрать стиль Выбрать стили Определить 1-2 стиля

.01 основного текста .02 основных заголовков .03 для врезок и цитат
(размер, цвет, интерлинъяж) и (H1, H2 и если нужно H3) и И использовать их без изменений
использовать его без использовать тот или иной дополнений, украшений и прочего.

изменений на протяжении всей только исходя из иерархии.

статьи.
Для самых любознательных https://fonts.google.com/ — Место где вы найдете качественные и
бесплатные шрифты
Полезные ссылки
Лекции по типографике Юрия Гордона

http://practicaltypography.com/ — бесплатная е-книга по

типографике

http://artgorbunov.ru/bb/soviet/20141103/ — как сверстать текстовую

страницу

Рекомендации по оформлению текстов от РИА Новости

 Т Е П Е Р Ь К О ГД А В Ы С О В С Е М С П И Т Е

Практика!!!!
Заходим по ссылочке

и если нужны подсказочки

https://yadi.sk/d/oyBWgAzEvSBD3

Made on Tilda