Аватарка

Давайте разбираться по порядку. Итак, аватарка. Аватарка – это главная картинка сообщества, по которой запоминают и узнают вас пользователи.

Все дальнейшие анонсы, сообщения и комментарии от имени сообщества будут сопровождаться этой картинкой. 

Главные требования к аватарке:

Поскольку площадь для ее размещения небольшая, то все элементы, изображенные на ней должны хорошо читаться и быть видны. Часто в аватарке размещают логотип. Но, если у вас сложный логотип с длинным названием, то лучше разместить один из его элементов. Например, как мы это сделали для сообщества Орион, когда взяли из логотипа одну букву «О».

Аватарку необходимо готовить строго по заданным сообществом размерам, иначе при отображении на странице может пострадать ее качество. Если трудно разобраться с размерами, то подберите его вручную. Ставим аватарку, смотрим, как отображается, если нужно увеличиваем или уменьшаем исходную картинку.

Продолжим разбирать вопрос оформление сообщества на примере нашей разработки «Хеппи в кепи» с помощью сервиса Canva.
В нашем случае название вместе со знаком в виде смайлика на таком маленьком размере будут читаться плохо. Соответственно, аватарка в таком виде не сработает в пользу узнаваемости и запоминаемости. Поэтому мы возьмем для нее только наш знак в виде смайлика в кепке. Как раз нам очень повезло, что он круглый и отлично впишется в круглую аватарку.

Сохраняем его и пробуем поместить на свое место в сообществе:

Получается очень симпатично. А вот уже в оформлении «шапки» сообщества и других макетах лучше использовать логотип полностью. Потому что именно с названием он должен запоминаться всем пользователям.

Шапка профиля

Разработать шапку профиля будет немного труднее. Так как здесь нам пригодятся все элементы фирменного стиля, которые мы с вами разработали во второй части ИНСТРУКТУСа: цвета и графические элементы. Шапка профиля в каждой соцсети имеет определенный заданный размер.
Заходим в раздел «Управление» и выбираем «Добавить обложку»:

Определяем размер:

Это 1590х400 мм. Теперь переходим в Канву для ее разработки. Чтобы определить, что должно размещаться на обложке давайте посмотрим, как это делают другие, например:

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

Но всегда в запасе у вас должен быть базовый универсальный вариант. Его разработкой мы с вами сейчас и займемся. Переходим на главную страницу сервиса Канва и выбираем нужный раздел для создания дизайна.

Для этого просто листаете вниз, там указаны размеры и виды дизайна, подбираете необходимы для нас. Шапки для соцсети Вконтакте здесь нет, потому что это отечественный сайт, а программа нет. Поэтому берем максимально похожий раздел «Фоны для Facebook»:

К сожалению, задавать определенный размер в Канве – функция платная. Здесь мы можем пользоваться лишь имеющимися шаблонами. Но нам вполне будет достаточно и этого. Размер обложки для Фейсбука 820х312 мм. К сожалению, это больше, чем шапка ВК. Поэтому будем подгонять дизайн вручную. Для этого всю самую важную информацию стараемся поместить в центр.

Для начала просмотрим все шаблоны, возможно, наиболее подходящий для вас уже есть. Все шаблоны редактируемые, то есть вы в нем можете менять размеры, цвета, шрифты, текст и т.д. Шаблоны помогают создать начинающим дизайнерам макеты с правильными пропорциями, акцентами, вариантами размещения информации:

Мы выбираем летний шаблон с фруктами, потому что в нашем фирменном стиле тоже есть отдельные элементы, которые мы можем на них заменить. А в центре поместить логотип:

Чтобы загрузить ваш логотип, фотографии и другие элементы с компьютера, нажмите в левом нижнем углу «Загрузки», которые в последствие вы сможете использовать в своей работе.

Мы загружаем наш логотип и продолжаем работать. Поскольку сам макет горизонтальный, то и логотип лучше использовать в горизонтальном варианте. Убираем розовый фон, нам он ни к чему:

Теперь пробуем заменить элементы шаблона на наши фирменные. Нажимаем на раздел слева Элементы. Программа запомнила нашу предыдущую работу над фирменным стилем и верхней строке сохранила недавно использованные, что очень удобно. И даже, изменяя цвета, мы видим цвета с логотипа, то есть наши фирменные, которые нам необходимо использовать.

Пробуем ставить ее в шапку профиля:

Можно использовать в таком виде. Но, чтобы сразу можно было понять, о чем это сообщество, можно сделать шапку более информативной. Например, так:

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