Привет, друзья, с вами Людмила Пученкова, веб-дизайнер. Сегодня поговорим об основных проблемных моментах, возникающих у тех, кто выходит в сеть Инстаграм и самостоятельно занимается оформлением своего профиля. Проведем анализ профиля в Инстаграм, выявим ошибки и исправим их! Статья также будет полезна тем, кто собирается обратиться к дизайнеру и не знает, с чего начать.
Пошаговый анализ профиля в Инстаграм: задачи вашей страницы и формирование персонального стиля
А начать надо с начала. Понять, зачем вам страница и что вы хотите в итоге получить? И в этом кроется самая главная ошибка всех начинающих и некоторых продолжающих специалистов в Инстаграм. Выходя в онлайне в публичную среду, помните, что вас лично знают единицы. Рассказывая о своих ценностях, вы сами постепенно формируете ваш образ в глазах своих читателей. Вы знаете, что вам сказать.
А что по поводу визуала? Ведь на одном тексте образ не строится. Тут важно обозначить цели, ведь именно они – основа вашего позиционирования и того, каким вас будут воспринимать читатели. На первом шаге нужно обязательно прописать идеи для достижения, зашифровать их в символы и тем самым создать свой персональный стиль. Сложно, говорите? Давайте разберем мою мысль на примерах.
Рис. 1
Итак, предположим, вы копирайтер. Какие цели вы преследуете? Глядя на ваш профиль, потенциальный заказчик должен понять, что:
- вы творческая личность, любите и развиваетесь в профессии,
- вы можете писать на разные темы и достаточно длительное время,
- человек, с которым можно работать, не пропадаете и так далее.
В этом, безусловно, вам помогут ваши тексты. Но чтобы до их прочтения дошло дело, ваш профиль должен выглядеть как профиль творческого и делового человека. Образ профиля копирайтера можно «прочитать» по символам: росчерки пера, черная тушь, отпечатки от чашечки кофе, небольшие кляксы, рукописный шрифт, декоративная типографика, списки, записки на полях и так далее. Могут присутствовать иллюстрации, с которыми вы ассоциируете себя, возможно выполненные специально для вас художником.
Соответствие визуальным ожиданиям будущего клиента часто равно продаже вас как специалиста, при наличии компетенций, разумеется.
Цвет пока не трогаем, о нем скажу чуть ниже.
Рис.2
Второй пример. Предположим, вы мастер бьюти-сферы. По вашему профилю должно быть понятно, что вы:
- профессионал, а не новичок в поиске на ком поучиться, уже зарабатываете,
- работаете качественно, чистоплотны, у вас есть отзывы довольных клиентов,
- лицо своей компании, а «не сапожник без сапог» и так далее.
Такой образ профиля можно «прочитать» по символам: стиль премиум косметики, минимализм, чистота, много пространства, свежесть, стильный шрифт, металл, изящные декоративных элементы.
Рис.3
То есть визуал – это то, что помогает понять, «про что» страница и человек на уровне образов, не читая текста. Как видно на примерах, стилистика достаточно сильно отличается. Именно поэтому просто взять понравившиеся вам шаблоны из бесплатных ресурсов, и начинать их использовать – ошибка. Ведь то же самое может быть у кого угодно, в какой угодно нише, в том числе и у ваших конкурентов. Да вас могут запросто перепутать! И в чем тогда ваша уникальность?
Визуальный анализ профиля в Инстаграм дает мгновенный ответ – кто вы и почему именно вы?
Итак, пункт первый: понимаем, что вам близко, находим нечто похожее в поисковиках и ресурсах для вдохновения (Яндекс, Google, Pinterest, Creative Market, Dribbble, Behance и другие). Складываем все это в папку или делаем стилистическую доску как показано в примерах выше. Смотрим, все ли сочетается так, как вам хочется. Тем, кто решил пойти к дизайнеру, на этом можно останавливаться читать статью. Всем остальным велком в мир поиска того самого решения.
Следующая сложность кроется в подборе фото. Если вы специалист, как сейчас принято говорить «человек-бренд», то сделайте фотосессию в том образе, который привлечет вашу целевую аудиторию. Не лишними будут фото каких-то аксессуаров, инструментов по ассоциациям с вашей работой, детали интерьера. Эти фото будут идеально подходить друг другу (одна цветокоррекция) и их вам хватит на длительное время.
Если же фото разноплановые: берете с фотосессии, делаете их сами, а что-то берете с общедоступных ресурсов, то перед публикацией с ними надо в обязательном порядке поработать. Это надо для того, чтобы:
- подогнать их под общий стиль аккаунта,
- сделать непохожими на исходники (касается стоковых фото).
Рис. 4
Разберем на примере. Фото 01, 02, 04, 06, 07 с одной фотосессии. Фото 08 идеально подобрано по теплому тону фото к присутствующим цветам, подходит и по тематике. Фото 05 тоже может подойти для публикации, если убрать с него холодный фильтр, заменив на теплый, и кадрировать так, чтобы было не понятно, что девушка на фото – не автор блога. Фото 03 выбивается из общей «ламповой» атмосферы фото профиля, оно холодное и технологичное, его не берем.
Это касается фото, сделанных на профессиональную камеру. А что по поводу сделанных на камеру смартфона? Очень часто мы получаем темные, или наоборот засвеченные, размытые или просто неконтрастные фото с бледными цветами. Данный пример разберем в приложении Snapseed. Загружаем приложение. Переходим по знаку «+» и загружаем нужное фото. Жмем внизу «инструменты» и выбираем «Коррекция».
Рис. 5
Фото на примере достаточно яркое, но тени не позволяют передать красоту куклы с шоколадной кожей: ее кожа и волосы сливаются. Повышаем «яркость» и «контраст» – добавляем фото света и усиливаем разницу цветов. Насыщенность в данном случае не трогаем, чтобы не сделать цвета сложными для восприятия глаза.
При помощи «светового баланса» и «теней» делаем тени на фото менее темными, «вытаскиваем» их из теневого диапазона. Добавляем еще чуточку «тепла».
Как видите, даже с практически идеальным фото можно еще дополнительно поработать.
Для каждого фото фактически нужна своя обработка, особенно если они все из разных источников. Еще несколько рекомендаций:
- если фото получилось засвеченным, уведите в минус параметр «яркость» и «светлые участки», а «насыщенность» поднимите,
- для фото с желтым оттенком (не намеренный эффект) уведите «тепло» в минус,
- для увеличения четкости фото повысьте «резкость».
Потом с этими фото можно пойти в приложение VSCO и наложить свой фильтр для поддержания общей стилистики аккаунта. Но это не обязательно. Ведь и в самом Instagram есть фильтры, можно обойтись и ими.
Также помните, что фото можно обесцвечивать, оставлять какую-то цветную часть, делать выборочное изменение одного цвета, делать коллажи. Все вышеперечисленное касается и иллюстраций.
И вот только сейчас мы начинаем говорить о цвете. Это сделано сознательно. Цвет – очень сильный инструмент воздействия на читателя, поэтому его надо использовать осторожно. Посмотрите, какую основу стиля аккаунта мы накопили к данному моменту. Фото, декор, символы-все это уже имеет свою цветовую гамму. Основой для дизайна может послужить пастельная гамма на основе одного из фото. Тут в общем-то можно остановиться.
Рис. 6
Извлечь цвета из фото https://color.adobe.com/ru/create#
Или пойти чуть глубже и добавить немного цветовых акцентов. Именно немного. Потому как цветовое многообразие-еще один из камней преткновения многих профилей. Сделать это можно на основе одной из схем по цветовому кругу Иттена, предложенных на просторах интернета.
Рис. 7
Ищите, пробуйте свои сочетания. В зависимости от первого или второго варианта, оформление может выглядеть немного по-разному.
Рис. 8
Еще один из пунктов, в котором у большинства возникают сложности – это текстовые блоки. Текста много, его нет, его не видно, он расположен хаотично. Вообще это может загубить даже самую классную композицию.
Сначала про шрифт. Помните стилистическую доску? Ищем что-то похожее на найденные нами примеры. Допустим, активный псевдорукописный шрифт из примера №1. Сразу напишу название и размеры шрифтов для canva: BrusherCyrillic размер 90, интервалы «письмо» 58, высота 1. Им можно написать небольшие заголовки. С учетом того, что не будет снижено узнавание слова.
К нему в пару подбираем современный шрифт без засечек (Roboto, OpenSans, Verdana, BloggerSans и другие). В нашем случае это OpenSans размер 40, высота 1,1. Им пишем пояснения, дополнительный текст, более объемные заголовки.
Рубрикацию так же пишем этим же шрифтом, снижаю его размер, в нашем случае до 32px. По итогу нужно взять 1-2 шрифта и работать с ними. Если они вам надоели – также повсеместно меняете. Текстовые посты с минимумом графики облегчают вашу ленту в Инстаграм, разбавляя посты с фото.
Рис. 9
Иерархия. Управляем вниманием наших читателей. Главная мысль должна быть крупной и читаться в первую очередь. Дополнительная мысль-мельче, менее контрастнее по отношению к фону.
Выравнивание. Идеально работает выравнивание по левому краю: оно нам привычнее всего. Если текста мало-хорошо сработает и выравнивание по центру шаблона.
По поводу «бесконечной ленты». Не разбрасывайте по шаблонам текстовые блоки в хаотичном порядке. Попытайтесь привязать их к какому-то объекту в горизонтальном или вертикальном ряду ваших постов. Этим вы создадите ритм.
Рис. 10
Цвет. Вы заметили, что читать текст на данных шаблонах ничто не мешает? Потому что есть высокий контраст между цветом текста и фона. Если вы собираетесь написать что-то просто на фото, обязательно потрудитесь сделать контрастную подложку под текст. Не берите в качестве цвета текста и цвета фона соседние насыщенные цвета.Это просто больно видеть, а читать невозможно.
Количество текста. Все на обложку поста выносить не стоит, только если это не чек-лист и вы не рассчитываете, что именно это будут сохранять себе и делиться им. Так же в коммерческих аккаунтах не стоит часто выпускать пост-картинку вообще без текста. Хотя бы рубрика там должна быть. Дайте повод вашим читателям заинтересоваться, а не просто пройти мимо, вы же старались и писали этот пост.
Навигация. Надписи помогают вашим читателям отлично ориентироваться на вашей площадке: где какой пост, рубрика. Для удобства и навигации не забывайте и про Highlights, т.н. «вечные сториз». Иконка на ее обложке привлечет внимание и даст подсказку, про что тут рассказывается.
И в конце статьи поделюсь с вами шаблоном «бесконечной ленты», он по ссылке https://yadi.sk/d/X77IbfkkNrPj5g
Исходя из всего вышесказанного про создание персонального стиля, данный шаблон будет без декора. Папку с декором приложу дополнительно, она тоже по есть готовая, по ссылке https://yadi.sk/d/X77IbfkkNrPj5g . Или декор можно подобрать самостоятельно, например из canva.
Небольшой гайд, как сделать подобное в canva:
- Авторизируйтесь в canva.com, нажмите на кнопку «создать дизайн», выберите «настраиваемые размеры». Нам нужен документ размером 3240 на 4320 пикселей.
- Залейте белый фон любым цветом, кликнув по вкладке фон-цветовой фон.
- Через вкладку «загрузки» добавьте шаблон. Кликнув по нему, переместите его на наш цветной фон. Растягиваем на весь наш документ.
Рис. 12
- Далее «элементы» – рамка – все, выбираем обычный квадрат, кликаем по нему тем самым переносим на наш фон. Подгоняем под размер наших квадратных цветных окошек. Дублируем эту квадратную рамку нужное количество раз и распределяем по шаблону.
- Далее идем «элементы» – фигуры, выбираем редактируемый квадрат и превращаем в прямоугольник, совмещая его с нашими прямоугольниками на шаблоне. На данный момент должно получиться так:
Рис. 13
- Далее небольшой лайфхак, как добавить то, чего нет во вкладке «элементы». Переходим в шаблоны, выбираем из представленных обложек тот, что нам наиболее подходит. Жмем внизу «добавить страницу» и вставляем эту обложку на новую страницу.
Рис. 14
- Перемещаем понравившиеся графические элементы к себе на «бесконечную ленту», меняем размер, цвет по необходимости.
- Добавляем фото (через загрузки) и текст. Удаляем вторую страницу. Жмем «поделиться»-скачать. Фото в наших загрузках. Отправляем его себе на смартфон любым известным вам способом.
- Загружаем приложение «Giant square for instagram» (iOS\Android). Жмем «Grid», выбираем наше изображение, выбираем 3х4, нажимаем на галочку. Все, готов фото-контент для 12 постов. Приложение подсказывает вам, что публиковать надо с нижнего правого, то есть от 12 идти к 1 кусочку пазла.
Рис. 15
Друзья, на этом все. А если вам очень хочется узнать о том как же создать мини-сайт в Инстаграм, читайте статью Сайт на Taplink для Инстаграм: возможности, преимущества и функции
Людмила Пученкова, веб-дизайнер, автор и руководитель проекта Продающий дизайн для бизнеса во ВКонтакте
По вопросам сотрудничества пишите Людмиле