Федор Ъ, арт-директор «Медведев Маркетинг» Как заставить новости на сайте продавать? Для чего сайту нужен блог? Почему так важно заморочиться и оформить контент на сайте?

1. Контент

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

3. Фёдор
feodor_sinoptik

4. Текст или фото?

12. Текст должен быть
как фотография

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

15. Главред (glvrd.ru)

16. Реформатор

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

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

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

23. Повинуйся

24. apps.pixlr.com

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

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

50. ?

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

53. Структура
Поля, межколоночные просветы,
сами колонки образуют сетку,
структурируют информацию.
Случайное пустое пространство так
же плохо, как его полное отсутствие.

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

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

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

57. Переносы
Забудьте о переносах в вебе. Пока.

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

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

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

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

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

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

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

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

66. Тени? Не в шрифтах!
Оформление никогда не должно
затруднять чтение.

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

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

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

70. Разные стили для
разного текста
Чем больше типов данных, тем
больше стилей потребуется (врезки,
цитаты, комментарии, списки и пр.).

71. Держитесь
созданного стандарта
Чтение не должно превращаться
в шараду.

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

73. Спасибо