Макарий, эта статья посвящена тебе, чтобы ты не тупил при редактировании статей с визуалом, и мог проще разобраться с картинками.
Правила оформления визуальной части статьи:
- Используй заданные стили для рубрики, в идеале в одной рубрике должно быть не больше 5 цветов
- Составляй свой визуал как презентацию, картинки должны быть уместны и дополнять основные мысли которыми ты делишься
- Расставляй цветовые акценты на своих слайдах, чтобы общая картина смотрелась гармонично
- Если не можешь подобрать картинку для слайда подумай как обыграть все с помощью текста, может быть картинка там вообще не нужна?
- Соблюдай базовые принципы дизайна
- Используй структуры
Стили
Мы используем для оформления сервис Canva, и в ней можно добавить постоянные стили которые легко использовать в дальнейших работах.
Правилам подбора стилей я уделять внимания не буду, главное что тебе нужно понять - у тебя должен быть основной цвет, цвет текста, и несколько дополнительных которые используются как акценты твоей рубрики.
Если у тебя возникают проблемы с цветами - начни с базовой палитры в три цвета, и после того, как наберешься насмотренности добавляй в палитру еще цвета. Я рекомендую начинать с трех цветов, с ними почти не бывает проблем.
Визуал = презентация
Когда происходит затупок "а как мне расположить элементы?" используй шаблоны для презентаций которые есть в Canva, в них все элементы расположены за тебя, останется только поработать над контентом и стилями.
Вот пример презентации из Canva. Как правило шаблоны презентаций состоят из 10-ти и более слайдов, чего более чем достаточно для визуального дополнения твоей статьи
Какие недостатки у этого метода?
Во-первых шаблоны презентации однотипные, и в них мало элементов на которые можно расставить акценты.
Во-вторых, визуал должен составляться по принципу презентации, но не быть ей в классическом варианте. Например в презентации часто добавляют много текста, или вообще разделяют слайд на две части и дублируют содержимое статьи - так делать не надо. Визуал дополняет, помогает понять общую мысль и не заблудиться в текстовых дебрях.
Цветовые акценты
Например ты оформляешь статью про маркетинг, в твоей палитре три цвета:
Они разделятся по своему назначению, и будут использованы в тех местах, где они нужны. Фон = все фоны твоих элементов. Акцент = места которые ты хочешь выделить. Текст = цвет текста в твоих статьях.
Помни, тебе не обязательно вставлять в визуал картинку, он может быть выполнен в виде таблички, графика, наглядной демонстрации "как правильно и как не правильно". Используй принцип объяснения ребенку, то есть твоя картинка должна донести ребенку смысл написанного над ней текста.
Соблюдай базовые принципы дизайна
Базовых принципов 4:
1. Принцип приближенности
2. Принцип выравнивания
3. Принцип контраста
4. Принцип повтора
Все эти принципы должны применяться вместе, только так формируется общая картина чистого и практичного дизайна. Кстати при оформлении текстовой части статьи они тоже используются, поэтому я выделяю некоторые места жирным, ставлю заголовки и сноски.
Принцип приближенности
Близость формирует отношения между блоками, так ты показываешь, кто скем дружит, к кому относится. Следуя этому принципу название блока должно находиться над блоком где отображается смысл.
Принцип выравнивания
Хороший тон в дизайне - использовать одну ось для выравнивания. Если ты равняешь свои элементы по правому краю - равняй все элементы так, не делай исключений, если на это нет веской причины.
Принцип контраста
Чтобы элементы были легко различимы друг от друга используется принцип контраста. Всегда есть похожие цвета, если нужно обеспечить читаемость и видимость элементов, то супер похожие цвета не стоит использовать.
Принцип повтора
Если весь твой дизайн состоит из повторящихся блоков, и белых ворон среди черной стаи нет - формируется общая картина восприятия твоего визуального ряда. Используя структуры в них всегда должно быть что то общее. Это касается и шрифтов - заголовки должны быть одним шрифтом, одним размером, в одном стиле. Текст, подзаголовки, сноски - эти элементы тоже должны использовать один стиль во всем дизайне
Используй структуры
При создании дизайна, особенно не имея в этом опыта, полезно использовать структуры отображения информации. Они помогают выбрать расположение для тех или иных элементов. Я очень люблю блочные структуры, так как их проще располагать и производить с ними манипуляции.
Тренируй насмотренность - смотри в Pinterest, или просто в интернете, как другие люди делают графику, какие приемы они используют, может есть какие то особые, которые тебе больше всего понравятся. Не забывай про принципы дизайна, почитай о них в интернете подробнее. И главное - делай)
