Фёдор, арт-директор и зануда-буквоед, человек с богатым полиграфическим прошлым, который знает, как надо, рассказывает о принципах оформления презентаций: — белое на белом, красное на чёрном, золото на голубом — какие сочетания цветов выбирать для презентации, чтобы всё не зря; — рамки, тени, градиенты, эффекты, глазная кровь; — фотографии, иллюстрации, схемы и таблицы — что сделает доклад нагляднее; — антиква, гротеск, акцидентика — что когда уместнее. Запись вебинара: https://youtu.be/TUyKpM92wck

1. Визуальная эстетика
деловой презентации

2. Все иллюстрации в презентации —
собственность правообладателей.
Я использовал их в образовательных
целях. Так можно.

3. Фёдор
Пишу. Верстаю.
Проектирую.
Анализирую.
Учу. Помогаю.
Занудствую.

4. Кто здесь?
— Напишите мне!
feodor_sinoptik
+7-904-125-69-65
fb.com/groups/webinar4friends/

5. Не виноватая я!

6. Не стыдно не уметь,
стыдно не научиться

7. Основные темы
— назначение,
— текст,
— изображения,
— диаграммы,
— схемы,
— таблицы,
— видео,
— музыка.

8. Что такое
«эстетика»?

9. Пит Мондриан

10. Категории эстетики
прекрасное — безобразное,
возвышенное — низменное,
трагическое — комическое.

11. Эстетика безобразного
Википедия

12. Культ карго

13. Презентация
для рассказа
— текст тезисно,
— горизонтальная ориентация (3:4),
— светлым на тёмном,
— «надоедливые» колонтитулы,
— допустима небрежность.

14. Презентация
для отправки
— мало текста,
— произвольная ориентация,
— тёмное на светлом,
— минимум в колонтитулах,
— предельная аккуратность.

15. Печа-куча

16. Для рассказа

17. Для печати
goo.gl/2mBHXG

18. Текст — главное
в презентации

19. Хороший текст
— типографика,
— стиль,
— точность,
— грамотность

20. Профессор Чудинов. Макеша, яр, рус, вот это вот всё

21. Типографика
Искусство оформления текста.

23. Способы выделения
— цвет,
— размер,
— положение,
— начертание,
— регистр,
— выключка,
— ориентация,
— разрядка,
— подчёркивание.

24. Гарнитура
Гуманистическая (ренессансная) антиква:
Переходная антиква (антиква барокко):
Новая антиква (антиква классицизма):
Брусковые шрифты (египетская антиква):
Кларедон:
Старый гротеск:
Гуманистический гротеск:
Геометрический гротеск:
Ленточная антиква:
Рукописные:
Каллиграфические:
Готические:
Старославянские:
Акцидентные:
Декоративные шрифты:
Lazurski
Petersburg
Bodoni
Bruskovaya
Clarendon
Gill Sans
Optima
BetinaScript
Zaphino
Èæèöà
Beeskness
Franklin Gothik Book
Futura
Bistro
Deutsch Gothic

25. Шрифт нельзя
выбирать случайно
Тип шрифта зависит от условий
использования. Один и тот же шрифт
будет хорош в одном и плох в другом
случае.

26. Шрифт должен быть

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

28. Начертание
Наиболее
предпочтительный
вариант
Менее
желательный
вариант

29. Заглавные
и строчныеХУЖЕ Лучше

32. Чем меньше
заглавных, тем лучше
Не нужно калькировать немецкий
и английский языки: Делать Без Всяких
Оснований Все Слова Важными. А ВОТ
ТАК НАБИРАТЬ— ИЗДЕВАТЬСЯ НАД
ЧИТАТЕЛЕМ. В ПЕРВУЮ ОЧЕРЕДЬ,
ТЕКСТ ЗАГЛАВНЫМИ — КРИК.

33. Разрядка

34. Не надо
подчёркивать
Подчёркивание, набор только
заглавными и разрядка — наследие
печатных машинок.

35. Пропорции

37. Длина строки
Оптимальная длина строки около
64 символов (5–8 слов).

38. Смысл
в каждой строчке
Смысл в каждой
строчке

39. Интерлиньяж
Чем длиннее строка,
тем больше интерлиньяж.
Чем больше размер шрифта,
тем меньше интерлиньяж.
(расстояние между строками)

40. Абзац
Отступ на первой строке не нужен.
Абзацы выделяются или отступом
(красная строка), или увеличенным
межстрочным интервалом между ними.

42. «Вдовы» и «сироты»
Нельзя оставлять только первую
строку в конце страницы (колонки)
и переносить только последнюю
строку абзаца на новую страницу
(в новую колонку).

43. «Висяк»
В конце строки не должны оставаться
однобуквенные слова и числа:
как правило, они логически связаны
с последующим словом.
Желательно также не отрывать двух-
и трёхбуквенные союзы и предлоги.

44. Выключка
Выравниванию по правому краю
почти никогда нет оправдания.
Чем короче строка, тем выше
необходимость флаговой вёрстки.

46. Улыбка здорового человека Улыбка курильщика

47. Стихи
Вёрстка здорового человека Вёрстка курильщика

48. Переносы
Если приходится переносить, значит,
написано много.

49. Колонки
Расстояние между колонками должно
быть вдвое больше, чем расстояние
между строками.

50. Текст должен быть
контрастен
Светлое по светлому и тёмное
по тёмному видно плохо.

51. Без градиентов
Если градиент в фоне ещё можно
иногда оправдать, то градиент в самой
надписи — зло.

52. Без теней
Оформление никогда не должно
затруднять чтение.

53. Ориентация текста
Поверните надпись, если нужно сделать
её вертикальной.
Надпись Силуэт
1 2 3 4 1 2 3 4 1 2 3 4

54. Точка, многоточие
Точка не ставится в конце заголовков.
Старайтесь не вспоминать, что есть
многоточие.

55. Запятая,
точка с запятой

56. ? и !
. | ! | ? | …
?! | ?!. | !.. | ?..
!? | !?. | !… | ?…
!! | !!! | ?? | ???
Идеально
Можно
Нельзя

58. «Чёрточки»
-
–
—
дефис
короткое тире (минус)
длинное тире
Тире может быть в начале строки
только при оформлении диалогов
или списков.

59. Кавычки
"— это знак дюйма или секунды,
а не то, что вы подумали.
«ёлочки» — основные,
„лапки“— вложенные.
Кавычки не отбиваются пробелами.

60. Скобки
()
[]
<>

61. Таблица
Показывать линии сетки не надо.
Значения выравнивайте
по левому верхнему углу ячейки.
Числа выравнивайте по разрядам.
Упрощайте.

64. Ложные выводы
Числографик

65. Изображение
– сложность создания,
– существенные ограничения
по формату,
– низкий уровень абстракции,
+ масштабируемость,
+ простота донесения информации.

66. Подготавливайте
иллюстрации
Нельзя вставлять картинки
по принципу «как есть».

67. Не показывайте
ненужные пиксели
Обрезайте фотографию, пока она не закричит.
Тим Харровер

73. Главное становится
таким в контексте

74. Иллюстрация должна
быть в контексте

75. Кто из них —педагог Макаренко, а кто — шахтёр Стаханов?
Иллюстрация должна
быть в контексте

76. Делайте подписи
Алексей Стаханов, шахтёр Андрей Чикатило, маньяк

77. Глаз

78. Светлым по тёмному
Тёмным
по светлому

79. Подложите плашку
(можно даже
с прозрачностью)

80. Затонируйте
(осветлите, затемните)
всё изображение

81. Напишите
очень
крупно

82. Висячая пунктуация

83. Инфографика
95 % инфографики — «инфографика»

84. Графики

86. Ложные выводы

87. Никаких
круговых диаграмм

88. Площадь —
плохой индикатор

89. Двух
цветов
Поменьше палитру

90. Спросите робота

91. Анимация — зло
Немного можно. Но чем больше, тем
хуже.
Для некоторых вещей и «немного»
нельзя.

92. Видео и звуки
Давайте без них.

93. Взаимное
расположение
Расстояние между двумя связанными
элементами должно быть меньше, чем
между несвязанными.

94. Тридцать спиц соединены одной осью, но именно пустота между
ними составляет суть колеса.
Горшок лепят из глины, но именно пустота внутри составляет
суть горшка.
Дом строится из стен с окнами и дверьми, но именно пустота
составляет суть дома.
Лао Цзы

95. Поля
Симметрия не всегда полезна.

96. Принцип близости
Расстояние между двумя связанными
элементами должно быть меньше, чем
между несвязанными.

97. Малая механизация
— стили,
— «Реформатор»,
— «Главред»,
— программы.

98. Стили
Создайте разные стили для разного по
качеству текста.
Придерживайтесь созданного
стандарта.

99. Единообразие
Никаких ВНЕЗАПНО!

100. Главред
glvrd.ru

101. Реформатор
artlebedev.ru/tools/reformator

102. apps.pixlr.com

103. Прокруст и Тесей

104. Кейнот

105. Пауэрпойнт

106. Ворд

107. Пейджес

110. Нарисовано в Экселе

111. ?

112. fb.com/groups/webinar4friends/

113. Фёдор-линч

131. ?

132. feodor_sinoptik
+7-904-125-69-65
Фёдор

133. Спасибо