Ваш текст может быть 
лучше 
Правила оформления текстов и базовые принципы типографики
Почему у нас все плохо?
Латиница vs Кириллица 
3000 30
Аа Бб Вв Гг Дд Ее Ёё Жж 
Зз Ии Йй Кк Лл Мм Нн 
Оо Пп Рр Сс Тт Уу Фф 
Хх Цц Чч Шш Щщ Ъъ 
Ыы Ьь Ээ Юю Яя
Текст
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Что такое дизайн?
Культура дизайна 
Влад Головач 
Глава 2. Три вида дизайна 
Краткая история дизайна 
Дизайн, чтобы богаче 
Дизайн, чтобы дешевле 
Дизайн, чтобы лучше 
Животворящая троица 
http://designculture.exmachina.ru/
Дизайн — это про «думать»
Плохой дизайн
Ваш текст может быть лучше — Богдан Тихомиров
? ? 
? 
? Зачем? 
? 
? 
? 
???
Ваш текст может быть лучше — Богдан Тихомиров
История типографики
Ваш текст может быть лучше — Богдан Тихомиров
Готическое письмо
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
1 пункт ≈ 1/72
Ваш текст может быть лучше — Богдан Тихомиров
Антиква
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Брусковый шрифт
Брусковый шрифт
AO N
AO N
Gill Sans 
Aa Bb Cc Dd 
Ee Ff Gg Hh 
Ii Jj Kk Ll Mm 
Nn Oo Pp Qq 
Rr Ss Tt Uu Vv 
Ww Xx Yy Zz 
0 1 2 3 4 5 6 7 8 9
a a 
Helvetica 
aa
>: Hello, my name is pc. 
>: What is your name?
Ваш текст может быть лучше — Богдан Тихомиров
Для чего нужен шрифт?
Ваш текст может быть лучше — Богдан Тихомиров
Текcтовый шрифт используется для текста. 
Формы максимально привычные. Ничего не отвлекает 
от чтения. Используется в кеглях от 6 и выше.
Обычное 
начертание 
Курсивное 
начертание 
Жирное 
начертание 
Жирно-курсивное 
начертание
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Красивый акцидентный шрифт 
Приятный и ровный текстовый шрифт
Текстовые шрифты
Ваш текст может быть лучше — Богдан Тихомиров
В отличие от искусства, которое временами может раз- 
виваться и существовать в полном отрыве от общества 
(уехавший на Таити Поль Гоген представляет собой пре- 
красный пример), дизайн делают в основном для пользы 
других, нежели его творец, людей. Общество как раз и 
есть «другие люди», так что дизайн вынужден в той или 
иной степени быть отражением потребностей общества. 
Дизайн не существует сам по себе и не развивается сам 
по себе. Это не новая мысль – так, видный пропагандист 
модернизма Эдгар Кауфман мл. ещё в 1950 году писал, 
что «дизайн в этом смысле соотносится со многими дру- 
гими деятельностями, в особенности с инженерией и ис- 
кусством. Политика, экономика, фило-софия и вообще 
наука влияют на дизайн и наше восприя-тие дизайна». 
В этом смысле история дизайна есть в лучшем случае пе- 
речень жизнеописаний дизайнеров и дат смены стилей, 
что интересно, но не очень. Гораздо более познаватель- 
но то, как история общества отражается в дизайне.
Заголовочное 
начертание 
Обычное текстовое 
начертание
Гротеск / Sans 
(шрифт без засечек) 
Антиква / Serif 
(шрифт с засечками)
Для чего нужны засечки?
Ваш текст может быть лучше — Богдан Тихомиров
Гротеск
Ваш текст может быть лучше — Богдан Тихомиров
Про буквы
ЗАГЛАВНЫЕ 
строчные
А Р Х И Т Е К Т У РА
авеёжзкнхчъыьэя 
aexk
Про расстояния
Межбуквенное расстояние
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
А Р Х И Т Е К Т У РА
Ваш текст может быть лучше — Богдан Тихомиров
Межсловные пробелы
Избегайте двойных пробелов
Избегайте двойных пробелов
Межстрочные расстояния 
Длина строки, интерлиньяж 
и выбор кегля
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Размер кегля для текста: 12 − 16 пт 
Размер интерлиньяжа: 1.2 − 1.4 пт от пункта
Ваш текст может быть лучше — Богдан Тихомиров
Формат
Правило внутреннего 
и внешнего
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
внутреннее внешнее <−
Направление и вектор
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Выравнивание
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
скрин индизай
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Правила
Спасибо!

More Related Content

PDF
«Ваш текст может быть лучше» для Wake Up Province (Oct 2014)
PPTX
Бианки Vii выборы президента 26.11.16
PDF
Дневник "Профориентир"
PPTX
Hibari Club - Manga Studio - Covers
PPT
психология по почерку. кадры решают все.продолжение
PDF
Поиграйтесь шрифтами!
PPTX
Структурирование информации. Краткая вводная
PPT
Combining high-tech and high touch frameworks to build competitive advantage ...
«Ваш текст может быть лучше» для Wake Up Province (Oct 2014)
Бианки Vii выборы президента 26.11.16
Дневник "Профориентир"
Hibari Club - Manga Studio - Covers
психология по почерку. кадры решают все.продолжение
Поиграйтесь шрифтами!
Структурирование информации. Краткая вводная
Combining high-tech and high touch frameworks to build competitive advantage ...

Viewers also liked (11)

PPT
Пишем сценарий правильно
PPTX
Жизненный сценарий
PDF
Шрифт и типографика в визуальных коммуникациях: основные принципы
PPTX
Про дизайн для не дизайнеров
PDF
«От шрифта!». Лекция 4 / Кириллица
PDF
Cyrillic&latin yesterday&now
PDF
Умное утро. Типографика
PDF
Дизайн-кампус в Красной Поляне: типографика
PDF
Тренинг "Эффективная презентация"
PDF
Как шрифт связан с композицией слайда?
PDF
Дизайн для недизайнеров
Пишем сценарий правильно
Жизненный сценарий
Шрифт и типографика в визуальных коммуникациях: основные принципы
Про дизайн для не дизайнеров
«От шрифта!». Лекция 4 / Кириллица
Cyrillic&latin yesterday&now
Умное утро. Типографика
Дизайн-кампус в Красной Поляне: типографика
Тренинг "Эффективная презентация"
Как шрифт связан с композицией слайда?
Дизайн для недизайнеров
Ad

Similar to Ваш текст может быть лучше — Богдан Тихомиров (9)

PPTX
Типографика. Введение
PDF
Основы типографики
PDF
Course User interface - Lesson 2
PPTX
The past of modern design
PDF
Давай займемся текстом. Часть 1: введение в типографику
PDF
Владельцу газет (будущему)
PDF
Typography (Russian)
PDF
web-design: курс для новичков. День второй.
PDF
Между строк
Типографика. Введение
Основы типографики
Course User interface - Lesson 2
The past of modern design
Давай займемся текстом. Часть 1: введение в типографику
Владельцу газет (будущему)
Typography (Russian)
web-design: курс для новичков. День второй.
Между строк
Ad

More from Wake_up_province (20)

PDF
6 фишек рекламы Вконтакте для ваших проектов
PDF
Краудфандинг для веб-проекта: как не наломать дров
PPTX
Региональный SMM — что делать самому, а что отдать агентству
PPTX
Быть успешной региональной студией. Хорошо зарабатываем на технической поддержке
PDF
Комплексный маркетинг по Agile Scrum (гибкое планирование)
PDF
Агентство. От фэйла к фэйлу
PPTX
История развития платформы «Битрикс» с 2003 года глазами участника. Предприни...
PDF
Правда о ваших будущих клиентах
PDF
Как мы применяли свой системный подход для разработки проектов не на словах, ...
PDF
Как сделать так, чтобы основатель Trello написал вам
PDF
Кризис на руку или звездный час для региональной студии
PDF
Удаленный дизайнер убьет вашу студию или…
PDF
Как SMM может решать бизнес-задачи в Саратове? Алексей Третьяков
PDF
Повышаем эффективность первой встречи при личных продажах. Андрей Григорьев
PDF
Проблемы, которые будут подстерегать вас при выходе на федеральный рынок. Чем...
PDF
Увлеченные делом или как мы строили процессы. Александр Кунташов
PPTX
User Experience или наш опыт разработки интерфейсов мобильных приложений. Диа...
PDF
Яндекс.Директ в 2015 году. Роман Байкаев
PDF
Запуск нового бизнеса: интернет-магазин LikeKsu.ru, от логотипа, создания упа...
PDF
Как я построил свой интернет. Евгений Крылов.
6 фишек рекламы Вконтакте для ваших проектов
Краудфандинг для веб-проекта: как не наломать дров
Региональный SMM — что делать самому, а что отдать агентству
Быть успешной региональной студией. Хорошо зарабатываем на технической поддержке
Комплексный маркетинг по Agile Scrum (гибкое планирование)
Агентство. От фэйла к фэйлу
История развития платформы «Битрикс» с 2003 года глазами участника. Предприни...
Правда о ваших будущих клиентах
Как мы применяли свой системный подход для разработки проектов не на словах, ...
Как сделать так, чтобы основатель Trello написал вам
Кризис на руку или звездный час для региональной студии
Удаленный дизайнер убьет вашу студию или…
Как SMM может решать бизнес-задачи в Саратове? Алексей Третьяков
Повышаем эффективность первой встречи при личных продажах. Андрей Григорьев
Проблемы, которые будут подстерегать вас при выходе на федеральный рынок. Чем...
Увлеченные делом или как мы строили процессы. Александр Кунташов
User Experience или наш опыт разработки интерфейсов мобильных приложений. Диа...
Яндекс.Директ в 2015 году. Роман Байкаев
Запуск нового бизнеса: интернет-магазин LikeKsu.ru, от логотипа, создания упа...
Как я построил свой интернет. Евгений Крылов.

Ваш текст может быть лучше — Богдан Тихомиров