ݺߣ

ݺߣShare a Scribd company logo
Владелец заводов,
газет и пароходов
Дизайнерско-верстальщицкий базис
Минск`14	 Гожий Михаил
	@bukinion
«Текст, который невозможно
прочитать не имеет смысла»
Эмиль Рудер
Братья наши
меньшие
или На кухне микротипографики
4/90
Что же выбрать
• удобочитаемость
• различимость
• заметность
• сплошное и выборочное чтение
• стилистика
5/90
Классификация
• антиква
• брусковые
• гротески
• акцидентные
• прочие
6/90
Рисунок
• прописные
• строчные
• курсив / наклонное начертание
• капитель
7/90
Насыщенность
• тонкий
• светлый / сверхсветлый
• нормальный
• жирный / полужирный
• черный
8/90
Начертание
по ширине
• нормальное
• сжатое
• узкое
• сверхузкое
9/90
10/90
Механическое сколь-нибудь заметное
изменение пропорций знаков при помощи
программы верстки:
!Неприемлемо
11/90
Ёлки-палки
123АБВабв — – - »»»»»»
12/90
А если много?..
13/90
Контраст
Если подбирать шрифты без контраста,
то они обычно конфликтуют, «рассеивая»
общее впечатление.
14/90
Создавая систему
Введение в макротипографику
15/90
Интервалы
Межбуквенные и межсловные
16/90
Разрядка применяется только при наборе
прописными. Разрядка же строчных
же, наряду с подчеркиванием были
единственными способами выделения в
тексте на печатной машинке.
В классической типографике это считается
дурным тоном.
17/90
В работе с шрифтами, как и везде,
необходима практика. Однако, после
прочтения этого поста, вы будете иметь
кое-какие представления о том, что
правильно, а что — нет.
18/90
В работе с шрифтами, как и везде,
необходима практика. Однако, после
прочтения этого поста, вы будете иметь
кое-какие представления о том, что
правильно, а что — нет.
19/90
Висячие... коридоры и
вдовы
20/90
Длина строки
Не должна быть ни короткой, ни длинной.
Оптимально — 55 – 60 символов. В крайнем
случае — 30 – 75.
21/90
Интерлиньяж
Расстояние между базовыми линиями или
просто белое пространство между строками.
22/90
Если гарнитуры похожи, то
глаз не всегда сразу может
определить, что они разные,
происходит конфликт. Однако,
и слишком разные гарнитуры
тоже создают отталкивающее
впечатление.
25 символов
Если гарнитуры похожи, то глаз не всегда сразу может
определить, что они разные, происходит конфликт. Однако,
и слишком разные гарнитуры тоже создают отталкивающее
впечатление.
55 символов
23/90
Масштаб и иерархия
Масштаб шрифтов по отношению к
странице и друг к другу, и иерархия
шрифтов — очень важный фактор. И это
очень важно помнить и соблюдать.
24/90
Заголовок 1
Заголовок 2
Заголовок 3
Заголовок 4
Основной текст
Дополнительный текст
25/90
Пропорции
Чи ́сла Фибона ́ччи — элементы числовой
последовательности:
0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89...
Или любая геометрическая прогрессия
26/90
Задачи сетки
• ускорение работы
• сбалансированность
и пропорциональность
• шаблонирование,
единообразность элементов
27/90
Виды сеток
• блочная
• колоночная
• модульная
• иерархическая
28/90
29/90
Во поли...
30/90
Поля 1) минимальные,
функциональные,
2) по ГОСТУ, 3) по Чихольду
и 4) ампир
31/90
Канон Чихольда
32/90
33/90
34/90
35/90
Колористика
Что нужно знать про выбор цвета?
36/90
Воздействие
• импрессивное
• экспрессивное
• когнитивное
37/90
38/90
«...средний серый цвет создает в глазах
состояние равновесия».
Эвальд Геринг
39/90
Контраст по цвету
40/90
Положение во гроб.
Боттичелли
41/90
Контраст
светлого и темного
42/90
Еврейская невеста.
Рембрандт
43/90
Контраст
холодного и теплого
44/90
Мулен де ла Галетт.
Ренуар
45/90
Контраст
дополнительных цветов
46/90
Гора Сен-Виктор.
Сезанн
47/90
Симультанный контраст
48/90
Ночное кафе.
Ван Гога
49/90
Контраст
по насыщенности
50/90
Гора Сен-Виктор.
Сезанн
51/90
Контраст по площади
цветовых пятен
52/90
Соотношения цветов
желтый — 3
оранжевый — 4
красный — 6
фиолетовый — 9
синий — 8
зеленый — 6
53/90
Или другими «словами»
54/90
Падение Икара.
Брейгель
55/90
Великий комбинатор
Композиция в периодике
56/90
Задача гармонии
Композиционные задачи в отличие
от арифметических имеют не одно, а
множество решений. Какое из них наиболее
верно, решать, прежде всего, Вам.
57/90
Средства
линия, пятно, цвет, пространство,
симметрия, асимметрия, ритм,
равновесие, пропорции, соразмерность,
соподчиненность и т.д.
58/90
Аксиома:
объектам нужно пространство. Много
пространства.
59/90
«Совершенство достигается не
тогда, когда уже нечего прибавить,
но когда уже ничего нельзя отнять»
Антуан де Сент-Экзюпери
60/90
61/90
62/90
63/90
64/90
65/90
Прекрасное далёко
или Куда все движется?
66/90
67/90
68/90
69/90
70/90
71/90
72/90
73/90
74/90
75/90
76/90
77/90
78/90
79/90
80/90
81/90
82/90
83/90
84/90
85/90
86/90
87/90
88/90
89/90
90/90
Спасибо)
Ad

Recommended

теория цвета
теория цвета
Olga Voropaeva
Кольорознавство
Кольорознавство
Vadim Genov
5соняхи
5соняхи
Osipova
Основы типографики
Основы типографики
Anastasiia Smoliakova
Типографика
Типографика
Андрей Кухаренко
Typographics
Typographics
Maksym Balaklytskyi
Типографика. Введение
Типографика. Введение
Ed Solovey
Web-design: курс для новичков. День третий.
Web-design: курс для новичков. День третий.
Oleksandr Lisovskyi
Шрифты, цвета и изображения в Canva: онлайн сервис графического дизайна
Шрифты, цвета и изображения в Canva: онлайн сервис графического дизайна
Meteor City
Дизайн газеты — творческий процесс
Дизайн газеты — творческий процесс
Сергей Плотников
Bike Land new styleguide
Bike Land new styleguide
Vasilisa Vvedenskaya
Course User interface - Lesson 2
Course User interface - Lesson 2
Oleksandr Lisovskyi
Основные понятия типографики для веб–дизайнера (Часть 1-я)
Основные понятия типографики для веб–дизайнера (Часть 1-я)
Herman Kapnin
137 Readability
137 Readability
Maria Novikova
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Wake_up_province
«Ваш текст может быть лучше» для Wake Up Province (Oct 2014)
«Ваш текст может быть лучше» для Wake Up Province (Oct 2014)
Bogdan Tikhomirov
Ребрендинг айдентики компании «SIBIS»
Ребрендинг айдентики компании «SIBIS»
CHAOS - Digital Design Studio
web-design: курс для новичков. День второй.
web-design: курс для новичков. День второй.
Oleksandr Lisovskyi
Советы по оформлению презентаций
Советы по оформлению презентаций
ИБМТ БГУ
Восприятие типографики в web-интерфейсах | Odessa Frontend Meetup #1
Восприятие типографики в web-интерфейсах | Odessa Frontend Meetup #1
OdessaFrontend
Давай займемся текстом. Часть 1: введение в типографику
Давай займемся текстом. Часть 1: введение в типографику
Константин Горшков

More Related Content

Similar to Владельцу газет (будущему) (13)

Шрифты, цвета и изображения в Canva: онлайн сервис графического дизайна
Шрифты, цвета и изображения в Canva: онлайн сервис графического дизайна
Meteor City
Дизайн газеты — творческий процесс
Дизайн газеты — творческий процесс
Сергей Плотников
Bike Land new styleguide
Bike Land new styleguide
Vasilisa Vvedenskaya
Course User interface - Lesson 2
Course User interface - Lesson 2
Oleksandr Lisovskyi
Основные понятия типографики для веб–дизайнера (Часть 1-я)
Основные понятия типографики для веб–дизайнера (Часть 1-я)
Herman Kapnin
137 Readability
137 Readability
Maria Novikova
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Wake_up_province
«Ваш текст может быть лучше» для Wake Up Province (Oct 2014)
«Ваш текст может быть лучше» для Wake Up Province (Oct 2014)
Bogdan Tikhomirov
Ребрендинг айдентики компании «SIBIS»
Ребрендинг айдентики компании «SIBIS»
CHAOS - Digital Design Studio
web-design: курс для новичков. День второй.
web-design: курс для новичков. День второй.
Oleksandr Lisovskyi
Советы по оформлению презентаций
Советы по оформлению презентаций
ИБМТ БГУ
Восприятие типографики в web-интерфейсах | Odessa Frontend Meetup #1
Восприятие типографики в web-интерфейсах | Odessa Frontend Meetup #1
OdessaFrontend
Давай займемся текстом. Часть 1: введение в типографику
Давай займемся текстом. Часть 1: введение в типографику
Константин Горшков
Шрифты, цвета и изображения в Canva: онлайн сервис графического дизайна
Шрифты, цвета и изображения в Canva: онлайн сервис графического дизайна
Meteor City
Дизайн газеты — творческий процесс
Дизайн газеты — творческий процесс
Сергей Плотников
Основные понятия типографики для веб–дизайнера (Часть 1-я)
Основные понятия типографики для веб–дизайнера (Часть 1-я)
Herman Kapnin
Ваш текст может быть лучше — Богдан Тихомиров
Ваш текст может быть лучше — Богдан Тихомиров
Wake_up_province
«Ваш текст может быть лучше» для Wake Up Province (Oct 2014)
«Ваш текст может быть лучше» для Wake Up Province (Oct 2014)
Bogdan Tikhomirov
Ребрендинг айдентики компании «SIBIS»
Ребрендинг айдентики компании «SIBIS»
CHAOS - Digital Design Studio
web-design: курс для новичков. День второй.
web-design: курс для новичков. День второй.
Oleksandr Lisovskyi
Советы по оформлению презентаций
Советы по оформлению презентаций
ИБМТ БГУ
Восприятие типографики в web-интерфейсах | Odessa Frontend Meetup #1
Восприятие типографики в web-интерфейсах | Odessa Frontend Meetup #1
OdessaFrontend
Давай займемся текстом. Часть 1: введение в типографику
Давай займемся текстом. Часть 1: введение в типографику
Константин Горшков

Владельцу газет (будущему)