Закрыть ... [X]

Как сделать аватар для группы в контакте

Закрыть ... [X]

Приветствую! На связи Алик Байрамов и сегодня мы продолжаем раскрывать тему интернет-магазина во Вконтакте. Из названия статьи вы уже поняли о чем пойдет речь. Потому предлагаю сразу перейти к делу.

Многие недооценивают эту составляющую сообщества и ставят картинку с первой страницы google поиска. Но я бы не советовал"забивать" , потому что аватарка — лицо вашего бизнеса. Как не крутите, но 70% информации человек получает благодаря зрению. У вас есть всего 3 секунды, чтобы привлечь внимание потенциального клиента.

Какие же задачи выполняет аватар?

— привлекает внимание пользователя (во внутреннем поиске ВК, в разделе своих групп, в интересных страницах);
— заинтересовывает уникальным торговым предложением;
— информирует о ваших контактах;
— призывает подписаться на новости сообщества.

Для наглядности решил отобрать три аватарки интернет-магазинов, которые, на мой взгляд, выглядят как надо.
...Написал я предыдущее сообщение и пошел искать сообщества. В итоге я пролистал более 70 сообществ и не нашел ни одной идеальной аватарки. Потому прикрепляю три аватарки, которые мне показались хорошими.

Другие сообщества интернет-магазинов мне не хочется обижать. Я понимаю, что "на вкус и цвет товарищей нет". Но вот для примера хочу добавить три аватара, которые я не советую использовать для своей группы.

Первая картинка. В целом мне нравится, но не хватает информации о самом интернет-магазине.
Вторая картинка. Слишком много текста.
Третья картинка. Много элементов и текста, которые плохо сочетаются друг с другом.

Повторюсь, что это мое личное мнение, которое может не соответствовать вашему. Ваше сообщество — ваш вкус — ваша аватарка.

Надеюсь, вы поняли всю важность качественно оформленной аватарки, и потому хочу заострить ваше внимание на трех основных принципах в дизайне, которых придерживаюсь сам.

1. Нет композиции — нет дизайна.
Дизайн будет казаться цельным только в том случае, если все его элементы взаимосвязаны, подходят друг к другу и подчинены одной идее.

2. Теория цвета
Восприятие изображения по большей части определяется именно цветом. Он передает настроение, придает значение форме, делает ее выразительной. Главное — не использовать больше трех разных цветов. Ниже добавил картинки с ориентирами по цветам.

сочетаются 3 цвета, лежащих на одинаковом расстоянии друг от друга


По этой шпаргалке получается, что красно-фиолетовый сочетается с желто-оранжевым и сине-зеленым. Если немного подвинуть этот треугольник против часовой стрелки на одну позицию, получится, что красный сочетается с желтым и синим. Надеюсь, вы разобрались :)

3. Шрифты
Так же как и цвет, буквы имеют свою эмоциональную окраску, их графическое оформление может усиливать или ослаблять смысл передаваемого сообщения. К шрифту применимо то же правило — не более трех разных шрифтов.

Мои любимые 3 шрифта это: Century Gothic, Intro и Bebas Neue.

Хорошего специалиста не так и легко найти. Но если приложить немного усилий, можно найти дизайнера, который сделает все качественно. Где их найти?

1. На сайтах фрилансеров, форумах:


2. В сообществах в ВК по оформлению групп, дизайну, smm:
3. У друзей друзей. Вот вам 3 человека, которым лично я доверяю.
Когда будете выбирать дизайнера, я бы рекомендовал ориентироваться на цену в 500-2000 руб. за аватарку. Разумеется, можно найти как дешевле, так и дороже. Вы должны понимать, что многое зависит от личных предпочтений и навыков дизайнера.

Что касается технического задания — самое главное, на мой взгляд:

максимально подробно описать свою ЦА сразу показать несколько примеров аватаров, которые вам нравятся (желательно по своей тематике) назвать свои предпочтения по стилю, цветам, общему настроению оформления.
Обычно у дизайнеров есть свой список вопросов, по которому они собирают нужную информацию. И тем не менее, не надо рассчитывать, что дизайнеры с первого раза сделают то, что вы хотите. Лучше попробовать помочь ему. Тогда вы оба понимаете, что хотите друг от друга. Я обязательно готовлю как минимум 3 примера работ, которые мне нравятся.

Я сделал простую аватарку для выдуманного интернета-магазина обуви буквально за 15 минут. Это намного лучше, чем первая картинка из гугла. Чтобы не переплачивать дизайнерам, можно сделать самому. Вот что получилось у меня без особых усилий и времязатрат.


К сожалению, видео записать не получилось из-за технических проблем, потому постараюсь пошагово описать, как сделать подобную аватарку.

1. Создаем рабочий слой.
Открываем Фотошоп -> нажимаем CTRL+N -> создаем фон с размером 476х1064.


2. Находим картинку.
Находим в google картинках кроссовки по запросу nike -> нажимаем правую кнопку мыши -> копируем картинку
3. Вставляем картинку на рабочий слой.
Заходим в ФШ -> нажимаем CTRL+V (иногда картинка с первого раза не вставляется, потому нужно будет вернуться в поисковик, заново скопировать и вставить)

4. Редактируем размер картинки.
Нажимаем CTRL+T -> зажимаем SHIFT + мышкой подгоняем размер с одного угла под наш слой


5. Подгоняем слой под фон картинки
Выбираем инструмент "прямоугольная область" -> выделяем небольшую область ниже кроссовка -> нажимаем CTRL+T -> зажимаем SHIFT и мышкой тянем вниз
6. Добавляем название магазина
Выбираем инструмент "текст" (может выскочить сообщение "применить изменения", нажимаем применить) -> выделяем область над кроссовком -> вписываем текст.
7. Добавляем УТП, контакты и призыв к действию.
Выбираем инструмент "текст" -> выделяем нужную область -> добавляем текст (не забываем про галочку)
8. Добавляем рамку для контактов
Выбираем инструмент "прямоугольник" -> выбираем область над номером телефона
Выбираем слой телефона и переносим в самый вверх -> нажать мышкой 2 раза на большую букву Т -> заменить цвет на белый.
9. Добавляем стрелку вниз
Выбрать инструмент "прямолинейное лассо" -> выбрать "слой 1" -> соединить три точки в виде треугольника -> нажать правой кнопки мышки -> "выполнить заливку"
10. Сохраняем аватарку
Нажимаем "Файл" -> сохранить для web и устройств
P.S Для тех, кто еще не читал или потерял предыдущие статьи, добавил ниже ссылки на них.
1. В каких случаях создание интернет-магазина оправдано.
2. Важный шаг для будущих продаж интернет-магазина.
3. Пошаговый гайд: как быстро создать интернет-магазин во "Вконтакте"

Вот собственно и все. Спасибо, что не поленились прочесть до конца. Задать вопросы вы можете, как всегда, в комментариях под постом!

До скорой встречи. Для вас старался участник команды targettraining, Алик Байрамов.


Источник: https://vk.com/page-56971380_50622660


Поделись с друзьями



Рекомендуем посмотреть ещё:



Похожие новости


Ремонт samsung самостоятельно
Штукатурка цементным раствором по маякам своими руками
Как сделать пол в доме с нуля
Бортики в кроватку подушками для новорожденных своими руками выкройки
Как из гаража сделать покрасочную


Как сделать аватар для группы в контакте
Как сделать аватар для группы в контакте


Как сделать аватарку для группы ВКонтакте
Как сделать аватарку для группы. Надо сделать хороший аватар для группы



ШОКИРУЮЩИЕ НОВОСТИ