Давайте разберемся, что влияет на удобство чтения?
- Размер текста
- Шрифты
- Фон
- Цвет
- Количество текста
Как изменить количество текста, если его слишком много, но нужно все уместить?
- Сократить
- Если сократить не удается, то необходимо расставить акценты, как это сделать?
Например, можно разделить текст на абзацы, так читать легче, можно расставить акцент на каких-то словах через подчеркивание, выделение или РАЗМЕР текста
Также можно выделить акцент с помощью цвета (все буквы черные и выделить слова другим цветом
- Также не забывайте, что можно совмещать сразу несколько техник акцента
В объемном тексте очень важно использовать акценты и разделения
- Любой большой текст можно сделать аккуратным и более комфортным для чтения: достаточно выровнять текст по левому краю, научиться сочетать цвета, чтобы не было картинки "вырви глаз"
САМОЕ ПРОСТОЕ взять палитру цветов из Пинтерест и работать с ней (Белый и черный сочетается со всем. Если с фоном они не сливаются и выглядят аккуратно и уместно, то их можно брать за основу)
Где взять фон?
- картинка из Пинтереста
- Фото из интернета
- Ваше фото (самый идеальный вариант)
Что можно сделать с фоном?
- Можно размыть, чтобы сделать акцент на тексте
- Цветокоррекция, чтобы добавить атмосферу или подогнать под единый стиль
- Зернистость (я люблю этот вариант больше всего)
Иногда бывает так, что на готовом фоне текст выглядит плохо или на нем недостаточный акцент - в таком случае используем фон для текста (плашку)
Графические элементы. Какие они бывают?
- стрелочки, линии, завитушки, математические фигуры, цветовые пятна
Для чего они нужны?
- Чтобы разнообразить контент, сделать его более последовательным и поставить акцент в нужном месте
Съемка, монтаж и оформление видео
- Люди зачастую смотрят сторис без звука поэтому важно дублировать основную мысль текстом или добавлять субтитры
КАК РАЗНООБРАЗИТЬ СВОЙ КОНТЕНТ?
- коллажи из фото и видео (сейчас популярны посты карусели, в тг: плюшки для контента много идей и в ВК сообществе также вы найдете идеи для ваших постов)
- личные истории оформленные в посте, которые хочется листать, читать, делиться, комментировать
ЕДИННЫЙ СТИЛЬ ДЛЯ БЛОГЕРА И КОММЕРЦИИ - ЭТО БАЗА
Стиль объединяют - цвета, графические элементы, стиль общения, шрифты, фон и так далее
Зачем это необходимо делать?
- чтобы вас узнавали среди множества блогеров
- чтобы все выглядело гармонично, стильно, а не как сборная солянка
Единый стиль смотрится дорого, а если вы делаете контент для других, то он помогает избежать бесконечных правок и помогает вам как специалисту быстрее работать и делать вашу работу качественно
Шпаргалка, чтобы проверить ваш контент на читабельность
- Мой текст легко и удобно читать
- Короткий или с акцентами по смыслу
- Мой текст не сливается с фоном
- Выровнен по левому краю
- Расположен на аккуратной симметричной плашке или на другом фоне, который не мешает чтению
ТИПОГРАФИКА - это правила оформления текста, с целью донесения информации до аудитории в легчайшей для чтения и восприятия форме
Классификация шрифтов:
- характером
- внешним видом
- стилем
Какие-то шрифты передают строгость, какие-то легкость, какие-то несерьезность, детский настрой и так далее...
Главное визуальное различие шрифтов - засечки на буквах
Этот параметр называется классификацией шрифта и чаще всего встречаются 2 классификации:
- антиква (шрифт с засечками)
- гротеск
Антиква передает ощущение надежности и традиционности. Используется в бумажных книгах, журналах и печатных изданиях. Длинный текст набранный таким шрифтом удобно читать. Шрифт с засечками выглядит строго и классически.
Гротеск - это классификация шрифта без засечек. Ассоциируется с чем-то современным и легким. Его часто используют в интерфейсах программ, на сайтах.
В постах еще используют не стандартные виды шрифтов. Они подходят для заголовков и в качестве дизайнерского акцента, потому что длинные блоки таких шрифтом не удобно читать. А вот с привлечением внимания они справляются на отлично :)
ПРАВИЛА ТИПОГРАФИКИ
- Сочетания шрифтов
Шрифтовая пара это 2 шрифта, которые подходят друг к другу. Их используют для оформления соседствующих надписей:
- один для заголовка
- другой для основного текста
Хорошо сочетаются шрифты с засечками и без засечек. Чем больше стили шрифтов не похожи друг на друга, тем больше вероятность создать идеальную шрифтовую пару.
Сравнивайте начертания шрифтов.
Если один шрифт с жирным начертанием, то сочетайте его с тонким начертанием и наоборот.
2. Иерархия
Зная закон иерархии, вы можете:
- правильно располагать блоки текста, в порядке их важности
- привлекать внимание и акцентировать на основной информации
- сохранять время читателя. текст с правильной иерархией приятнее читать, в нем легче разобраться
Основной подход к иерархии состоит из 3 уровней:
- Заголовок (доминирующий заголовок, цель которого привлечь внимание читателя)
- Подзаголовок (описание, цитата и прочая информация, которая помогает пользователю определиться, интересен ли ему материал и стоит ли его читать вообще)
- Текст (его задача донести информацию в полном объеме. Правильно подобранный шрифт третьего уровня должен быть удобен для чтения и иметь меньшие размеры в сравнении с другими элементами)
Но в сторис часто используется заголовок и основной текст
Очень важно следить за отступами, чтобы они были равными или отличались но с какой-то задумкой
3. Структура (от нее зависит читабельность и легкость усвоения информации)
- делить текст на небольшие блоки, абзацы (4-5), максимальное число строк
- делайте списки, они воспринимаются легче, чем сплошной блок текста
- корректируйте длину строк, чтобы это смотрелось привлекательно
- не мельчите, при этом крупный текст часто смотрится не аккуратно, ищите баланс
4. Выравнивание
Исследования движения взгляда показали, что основная зона активности пользователей интернета приходится на левый верхний угол страницы и вообще на левую сторону с небольшими забегами вправо
- выравнивание по левому краю лучше всего воспринимается людьми
- выравнивание по центру подходит лучше для небольших текстов, не более 3-4 строк
- по правому краю воспринимается сложнее всего и подходит для коротеньких фраз
5. Контраст
Важно, чтобы текст с фоном были контрастными. Иначе людям будет сложно прочесть информацию и многие просто пролистнут вашу сторис или пост
Максимальный контраст достигается за счет однотонного тона в сочетании с текстом контрастного цвета
6. Грамотность
При разделении текста на строки, предлоги, союзы, частицы переносим на следующую строку, то есть не отрываем в, и, до, к, без, но, да, из, не, ни - от следующих слов
Перечитывать текст хотя бы 4 раза в разных темпах
- распространенная ошибка, особенно у владельцев айфона - пробел перед запятой , (вот так)
Никогда перед запятой, точкой, точкой запятой не ставится пробел. А вот перед и после тире он должен быть
ПРИЛОЖЕНИЯ С ДОПОЛНИТЕЛЬНЫМИ ШРИФТАМИ
- Шрифты (Айфон)
- Базарт (Айфон и Андроид)
- INk (Айфон и Андроид)
- Loomy (Айфон)
- Studio (Айфон и Андроид)
Где взять дополнительные шрифты?
1. Сделать запрос в Гугл "скачать шрифт" и будет предложено несколько сервисов (например: ffont.ru, fonts-online.ru)
2. Возьмите шрифты в Тг каналах
Анимированный текст
Движущийся текст - отличный способ привлечь внимание
Приложения:
- Type Loop
- Plays
- Instories
- Mojo
- CapCut
- Videoleap
- Лето.Шрифты
Круглый текст делается в: Type Loop, Mojo, либо в видеоредакторе, в котором есть анимация вращения
Анимация должна быть уместной, а не лишь бы двигалось и прыгало
Если вы делаете анимацию со сменой текста, убедитесь. что зритель успеет прочесть фразы. Помните, что мы, зная суть, читаем быстрее, чем человек, который видит сторис впервые
Приемы с текстом
- Круглый текст
Базарт - плюс начать с нуля - текст изогнуть и изгибаем в нужную сторону
Студио - пустой холст текст вводим стайл курв и делаем изгиб
Канва - плюс и создаём холст в историю плюс текст Эффекты фигура изогнуть
- Размытый текст
Студио - плюс холст текст выбираем шрифт цвет текста и сохраняем картинку на телефон, возвращаемся и удаляем этот текст и через эмэйдж добавляем созраненную картинку текста, блюр нажимаем и сохраняем
Базарт - пустой холст текст вводим выбираем шрифт и цвет сохраняем на телефон и через фото добавить фото на прозрачном фоне внизу находим корректировать и размытие нажимаем в конце размываем и сохраняем
Надписи за объектом
Пиксарт - плюс добавляем фото, делаем в формате сторис, текст вводим, нажимаем на ластик и смываем ненужные участки текста, сохраняем
Базарт - плюс фото, текст, шрифт цвет, ластик и стираем ненужные лишние участки и здесь же можно сделать изогнутый текст и интересно его обыграть
Студио - фото открываем текст шрифты цвет делаем текст прозрачным опасити (opacity), через кнопку маска стираем участки, затем возвращаем былую прозрачность
Мятый текст
Пиксарт плюс и листаем вниз там находится прозрачный лист, внизу находим текст кнопку и вводим текст, выбираем шрифт, и внизу заходим в инструменты затем в пластика и тут разные виды пластики, выбираем нужную и проводим по тексту и меняется, сохраняем
На сегодня все, если вам понравилась статья - дайте знать. Буду рада вашей обратной связи, можете написать, о чем бы хотелось узнать в следующий раз
Я в других соц.сетях:
- Тг: дневник Элеоноры
- ВК: плюшки для контента https://vk.com/plushka_smm
Буду рада дружить