SlideShare a Scribd company logo
1 of 109
Download to read offline
Ваш текст может быть 
лучше 
Правила оформления текстов и базовые принципы типографики
Почему у нас все плохо?
Латиница 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

Viewers also liked

Пишем сценарий правильно
Пишем сценарий правильноПишем сценарий правильно
Пишем сценарий правильно35nw
 
Жизненный сценарий
Жизненный сценарийЖизненный сценарий
Жизненный сценарийAlexander Mamonov
 
Шрифт и типографика в визуальных коммуникациях: основные принципы
Шрифт и типографика в визуальных коммуникациях: основные принципыШрифт и типографика в визуальных коммуникациях: основные принципы
Шрифт и типографика в визуальных коммуникациях: основные принципыAliaksei Koval
 
Про дизайн для не дизайнеров
Про дизайн для не дизайнеровПро дизайн для не дизайнеров
Про дизайн для не дизайнеровIsta Cheban
 
«От шрифта!». Лекция 4 / Кириллица
«От шрифта!». Лекция 4 / Кириллица«От шрифта!». Лекция 4 / Кириллица
«От шрифта!». Лекция 4 / Кириллицаodinmay
 
Cyrillic&latin yesterday&now
Cyrillic&latin yesterday&nowCyrillic&latin yesterday&now
Cyrillic&latin yesterday&nowguest7a8aa4
 
Умное утро. Типографика
Умное утро. ТипографикаУмное утро. Типографика
Умное утро. ТипографикаAlto Vision
 
Дизайн-кампус в Красной Поляне: типографика
Дизайн-кампус в Красной Поляне: типографикаДизайн-кампус в Красной Поляне: типографика
Дизайн-кампус в Красной Поляне: типографикаRodion Arsenyev
 
Тренинг "Эффективная презентация"
Тренинг "Эффективная презентация"Тренинг "Эффективная презентация"
Тренинг "Эффективная презентация"Inspired presentation
 
Как шрифт связан с композицией слайда?
Как шрифт связан с композицией слайда?Как шрифт связан с композицией слайда?
Как шрифт связан с композицией слайда?Alexei Burba
 

Viewers also liked (11)

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

More from Wake_up_province

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

More from Wake_up_province (20)

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

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