Контент

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

Фёдорfeodor_sinoptik

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

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

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

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

Реформатор

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

Подготавливайте иллюстрации

Нельзя вставлять картинки по принципу «как есть».

Не показывайте ненужные пиксели

Обрезайте фотографию, пока она не закричит.

Тим Харровер

Повинуйся

apps.pixlr.com

Тридцать спиц соединены одной осью, но именно пустота между ними составляет суть колеса.

Горшок лепят из глины, но именно пустота внутри составляет суть горшка.

Дом строится из стен с окнами и дверьми, но именно пустота составляет суть дома.

Лао Цзы

Культ карго

?

Анимация — зло

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

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

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

В вебе забудьте о красной строке.

Длина строки

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

Интерлиньяж

1. Чем длиннее строка, тем больше интерлиньяж.

2. Чем больше размер шрифта, тем меньше интерлиньяж.

(расстояние между строками)

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

«Чёрточки»

- – —

дефис короткое тире длинное тире

Тире может быть в начале строки только при оформлении диалогов или списков. Используйте неразрывные пробелы.

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

Кавычки

«ёлочки и „лапки“» — вот это настоящие кавычки (основные и вложенные).

" — это знак дюйма или секунды, а не то, что вы подумали.

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

Начертание

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

Менеежелательныйвариант

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

Заглавные и строчные

ХУЖЕ Лучше

Текст должен быть контрастен

Светлое по светлому и тёмное по тёмному видно плохо.

Тени? Не в шрифтах!

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

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

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

Не надо подчёркивать

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

Разные стили для разного текста

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

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

Единообразие

Никаких ВНЕЗАПНО!

Спасибо