Здравствуйте, друзья! Сегодня я хотел бы обсудить с вами очень важную тему – логотипы сайтов. Логотип - это не просто визитная карточка, это лицо фирмы, компании или даже сайта. Согласитесь, мы доверяем брендовым вещам, даже если не знаем, что это за бренд и откуда он взялся. Красивая картинка говорит о солидности, а значит, ее обладателю можно доверять.
Интернет-ресурсы, если они хотят привлекать внимание и доверие пользователей, должны обладать собственным запоминающимся логотипом. Но как сделать логотип для сайта самому, если под рукой нет хорошо дизайнера или программы, которая способна помочь или даже выполнить эту задачу автоматически? Именно об этом я бы и хотел сегодня поговорить. Мы будем учиться тому, как создать логотип самому в режиме online, используя соответствующие службы и сервисы, коих на просторах интернета уже достаточно много.
Как известно, логотип впервые начали использовать крупные и не очень крупные компании с той единственной целью, чтобы выделить свой продукт из серой массы аналогов конкурентов. Людям нравятся знаки куда больше, чем слова, именно поэтому хорошая добротная картинка может привлечь внимания больше, чем качественный слоган. Это использовалось 100 лет назад и используется сейчас. В том числе и на интернет-просторах.
Каким должен быть именной знак ресурса? Есть несколько советов о том, как создать логотип таким образом, чтобы он работал. Прежде, чем обсудить их, давайте обсудим виды logo, встречающиеся на виртуальных просторах.
Самый, пожалуй, простой вариант. Чаще всего, такой знак представляет собой название блога или ресурса. Сделать логотип самому в этом случае не так уж сложно. Надо лишь немного дизайнерского таланта, ведь основа – надпись – уже имеется.
Полная противоположность первому. В этом случае никакой информации, только красивое и запоминающееся изображение. Для фантазии любого здесь просто бесконечный полигон. Но надо сказать, что картинка не обязательно должна быть статичной. Некоторые логотипы могут даже двигаться.
Это некоторая смесь первого и второго вариантов. Здесь очень важно не перемудрить и соблюсти паритет между графикой и текстом. Баланс является важнейшим фактором. Именно поэтому создать комбинированный логотип самому будет сложной задачей. Но при наличии небольшого количества знаний и хорошего сервиса это не так уж сложно.
Сразу может возникнуть вопрос, а какой вариант выбрать? Сразу и скажу, что разницы нет. Из тех логотипов, что вы здесь видите, известны и запоминаются все. Поэтому не столь важен тип logo, сколь качество его изготовления. И вот тут стоит учесть следующие советы:
Теперь мы полны теоретических знаний об этих таинственных значках. Самое время попробовать создать один из них. Начнем, пожалуй, с создания текстового.
Как я уже говорил, использовать мы будем те сервисы, которые есть в интернете. Говорить обо всех глупо, поэтому вот вам несколько самых любопытных на мой взгляд.
Ресурс англоязычен, но его интерфейс достаточно прост.
Итак, для нашего удобства я разбил рабочую область на несколько зон. В первой мы выбираем общий стиль будущего логотипа.
Зона №2 отвечает за саму надпись. Хочу предупредить, данный ресурс с кириллицей дружит не очень.
В третьем кусочке страницы мы выбираем технические характеристики главной надписи. В данном случае это два цвета символов и общий вид.
Четвертая область отвечает за небольшой значок, следующий после надписи. В нем также можно разместить текст, выбрав его цвет. Здесь же задается геометрическая форма значка.
Пятый блок, думаю, понятен каждому. Здесь речь идет о заднем фоне. Помимо цвета есть возможность поэкспериментировать с прозрачностью.
В шестом блоке у нас находятся кнопки настройки различных визуальных эффектов. Если они не нужны, то их можно и отключить без особых сложностей.
С первого взгляда сервис кажется достаточно сложным, но на самом деле сделать логотип самому с его помощью достаточно легко.
Здесь все немного сложнее, но для нас это и плюс, ведь можно создать что-то очень оригинальное. Как только адрес попадает в нужную строку, мы попадаем на страничку, где нужно будет выбрать общую стилистику значка.
Выбрав один, переходим на новую страницу, где уже и создадим нужное нам изображение.
Здесь все очень просто. Строка за строкой пишем нужное сообщение, выбираем его цвет, размер, 3D-эффект и его свойства, если таковой есть, цвет заднего фона и прочие технические параметры. Некоторые из них будут выбираться на отдельной странице, к примеру, вид шрифта. Все очень просто и понятно. Чтобы получить logo в свое владение, его придется скачать. Нажимаем кнопку внизу формы и переходим на страничку, где можно загрузить созданное изображение.
Немного более сложный, но вполне удобоваримый сервис. Здесь сразу необходимо выбрать статичный или «живой» значок мы будем создавать.
Статичные бывают как цветной, так и черно-белый. Выбираем, к примеру, цветной и начинаем создавать свой логотип.
Рекомендую сразу начать со второй области, где можно напечатать нужный текст и придать ему нужный эффект. Оставшиеся две области ниже отвечают за выбор нужного шрифта и придания надписи нужного эффекта. Последний блок дает возможность выбрать формат значка и его качество.
Вернемся же к первому блоку.
Здесь у нас располагается регулировка цвета и условий градиентной заливки. Говорить о том, чем отличается вертикальный градиент от горизонтального не буду. Все достаточно просто, чтобы разобраться самостоятельно.
Надо сказать, что этот сервис я считаю одним из самых сложных, хотя для кого-то он может оказаться самым удобным. Создать логотип самому с его помощью также можно.
Ну и последнее, что мы рассмотрим, говоря о текстовых логотипах, это логотипы-кнопки. Очень удобно их делать, а сервисов, предлагающих услуги по их созданию также не счесть. Вот один из них:
Элементарно. Вверху видим строку, указывающую на какой именно стадии создания мы находимся. StepbyStep создаем нужный рисунок, выбрав нужный стиль, шрифт, цвет и прочие эффекты. Пожалуй, самый простой и продуманный сервис.
Простенький сайт-редактор, дающий возможность сделать логотип для сайта очень быстро и не особо напрягаясь. В левой части экрана расположены кнопки изменения текста кнопки-логотипа. Выбираем шрифт, размер, расстояние от текста до его тени, если таковая имеется. Ну и, разумеется, пишем необходимую нам текстовую информацию.
В правой части экрана располагается редактор бекграунда. Выбор формы кнопки здесь не велик и сводится скорее к выбору закруглений у стандартного прямоугольника, но тем не менее. Здесь же выбирается заливка (одно-, двухцветная или градиентная) и ее цвет. Таким образом производятся массовые и практически одинаковые кнопочные логотипы.
Ну и последний способ сделать логотип для сайта самому заключается в использовании всем известной программы Фотошоп. Говорить о том, как именно создается в ней что-либо, в данной теме абсолютно бессмысленно. Если вы можете использовать программу, то создадите logo быстро и без проблем. Если же нет, то обучение фотошопу можно растянуть на 10 или даже 20 полноценных уроков. В ней же, кстати, можно создать и графический или комбинированный логотип.
Подобный процесс можно условно разделить на несколько более простых этапов. Определяем форму нашего логотипа, его цвет, шрифт надписи и прочие мелочи еще до того, как начинаем работать. Поверьте, рисовать лучше именно тогда, когда заранее известно, что вы хотите получить в итоге.
Если говорить о том, где же брать идеи для создания, то я советую вам обратить внимание на уже существующие и популярные логотипы. Те же Кока-кола или Плейбой. Простые, но очень запоминающиеся, они являются идеальным воплощением логотипа, который будут помнить и через 200 лет.
Но это уже вариант скорее для художников, чем веб-мастеров. Нам с вами, простым смертным, лучше воспользоваться каким-нибудь хитрым сервисом, взятым из интернета. Что ж, этим и займемся.
Первая сложность заключается в том, чтобы найти нужную кнопку перехода к самому редактору. У вас получится ее найти, особенно если обратите внимание на красный текст внизу. Жмем ссылку и попадаем на страницу-редактор.
Суть создания картинки сводится к двум простым процедурам. Выбираем рисунок и редактируем его, затем создаем надпись и редактируем ее, если таковая необходима. Инструменты (Tools) можно найти в левой части экрана. По сути, наш логотип готов. Это очень простой и быстрый способ создать какую-то довольно-таки уникальную картинку и использовать ее в своих целях.
Разумеется, фотошоп никто не отменял. Умеете рисовать или редактировать уже кем-то нарисованное изображение? Вам и карты в руки. Но здесь уже будет идти речь о серьезной и даже многочасовой работе. Создать логотип можно воистину уникальный и потрясающий, были бы талант и капля усидчивости.
Здесь я бы выделил один ресурс, — отечественный аналог иностранных генераторов логотипов.
Здесь все довольно просто. Выбираете сферу вашего бизнеса или тематику сайта, вводите название компании и все — система сама сгенерирует несколько десятков готовых логотипов.
После выбора нужного логотипа, вы сможете его отредактировать — изменить цвет, шрифт, позицию элементов, добавить тень и т.д. Если вас все устраивает, то можно сразу перейти к скачиванию логотипа.
Но тут есть два варианта: скачать бесплатно логотип в малом расширении или в большом (но уже за плату, которая установлена на сайте).
В общем, решать вам. Сервис примечателен своей скоростью, поддержкой кириллицы и довольно неплохими логотипами, но за хороший логотип нужно будет заплатить =). Хотя можно и схитрить — скачать малый логотип и перерисовать его в Фотошопе, изменив размеры на нужные. Также в logaster.ru можно создавать визитки и корпоративные бланки. Вот, например, что я сделал для своего сайта:
Если у вас нет никакого желания создавать картинку или вы хотите, чтобы этим занимался хороший специалист, то готовьтесь немного потратиться. Я не буду говорить о всяких дизайн-студиях, где цена создания логотипа граничит со стратосферой. Мы люди попроще, а потому я предлагаю вам обратить свое внимание на фрилансеров. Эти полезные люди скапливаются на всевозможных биржах фриланса. Главное заключается в том, чтобы научиться четко и аккуратно ставить задачу. Достаточно трудно объяснить человеку, каким вы хотите видеть логотип, ведь если вы представляете себе картинку, то и сделаете ее сами. Но общее направление задать придется. Цвет, общий стиль, возможные варианты изображений - все это лучше продумать еще до того, как обратитесь к специалисту. Держу пари, многих интересует цена вопроса. Достаточно сложно определить рамки, но в среднем процедура создания уникального логотипа может обойтись в 500-2000 рублей. Все зависит от сложности и, разумеется, уровня профессионализма специалиста.
(4
оценок, среднее: 5,00
из 5)
Логотип - это отличный способ превратить свой музыкальный коллектив в узнаваемый бренд. Так ваши поклонники смогут мгновенно узнавать группу и получат вполне осязаемый образ. Хороший логотип будет полезен как начинающей, так и уже популярной группе.
Изучите логотипы близких по духу групп. Вдохновляйтесь логотипами других коллективов. Так будет проще сформировать идею в вашей голове. Не пытайтесь выдать чужой логотип за свою работу. Присмотритесь к группам, которые играют в одном стиле с вами. Если вы играете метал, то не следует вдохновляться логотипами групп в стиле кантри.
Изучите коммерчески успешные логотипы. Подобная информация поможет создать набросок для вашей группы. Рассмотрите такие популярные бренды, как Apple, IBM, CBS и схожие компании. Не бойтесь использовать отдельные элементы и черты фирменных логотипов, однако старайтесь заимствовать в допустимых пределах, чтобы вас не обвинили в плагиате и нарушении авторских прав.
Обратитесь к окружающим. Вы удивитесь количеству отзывов, если поинтересуетесь мнением окружающих людей. Представители других групп и просто знакомые могут хорошо разбираться в данном вопросе. Сообщите название группы и опишите особенности вашего звучания. Публикация на странице в Facebook поможет привлечь к обсуждению будущего логотипа группы немало людей.
Выберите подходящие элементы дизайна. Логотипы некоторых групп представляют собой лишь название, написанное необычным шрифтом, а другие используют сокращения или изображения без каких-либо надписей.
Учитывайте текущий статус группы. Хороший логотип группы может стать хорошим средством привлечения новых слушателей для начинающих коллективов. Создайте логотип, который точно понравится вашим потенциальным поклонникам, чтобы привлечь их внимание.
Нарисуйте несколько идей. Обдумывайте идеи с карандашом и бумагой в руках. Представлять образы и слова - это хорошо, но рисунки позволят получить первые результаты. Возьмите альбом или блокнот и приступайте к делу.
Рассмотрите лучшие варианты. Вместе с другими участниками группы выберите несколько самых лучших вариантов. Попробуйте ограничиться пятью-шестью рисунками. Если это поможет, то все листы с набросками можно расположить друг возле друга. Теперь придумайте вариации каждого наброска. Немного измените оригинальный дизайн. Например, попробуйте упростить логотип и убрать лишние элементы. Используйте примерно равное количество графических элементов для логотипа, размер и цвета.
Покажите наброски друзьям и другим участникам. Детально обсудите все идеи и задумки вместе с друзьями. Прислушивайтесь к каждому мнению. Предложите каждому участнику выбрать один из ряда предложенных логотипов. Отложите выбранные варианты.
Продолжайте создавать вариации. Отберите 3–4 наброска и продолжайте вносить изменения. С каждым разом не пытайтесь изменить слишком многое. На данном этапе изменения не должны быть слишком резкими. Например, сделайте контур более узким или широким. Нарисуйте черно-белый вариант цветного логотипа.
Отсканируйте логотип. Воспользуйтесь сканером, чтобы перенести рисунок на компьютер. На ПК удобно использовать такие программы для редактирования изображений, как Photoshop, но это необязательно.
Сохраните отсканированное изображение в редакторе. Существует немало программ для работы с изображениями кроме Photoshop, хотя именно Photoshop считается общепринятым стандартом. Откройте программу и загрузите в логотип, а затем сохраните файл в подходящем формате.
Красивое оформление сообщества «ВКонтакте» – это не прихоть, а важный элемент, формирующий доверие пользователей к вам и вашей компании. Если публичная страница или группа оформлена непрофессионально, ваши потенциальные клиенты вполне логично могут сделать вывод о том, что вы и к своей работе относитесь так же халатно. Чтобы этого не происходило, позаботьтесь о том, чтобы ваша страница «ВКонтакте» была красивой, аккуратной и удобной в использовании. Как это сделать? Читайте ниже.
Некоторое время назад разработчики социальной сети «ВКонтакте» запустили новый дизайн. Это привело к тому, что изменились размеры и принципы отображения изображений. Памятка, которая будет приведена ниже, соответствует всем нововведениям и содержит в себе размеры, актуальные на данный момент времени.
А теперь давайте более подробно по каждому пункту.
Минимальный размер аватара – 200 на 200 пикселей. Если вы постараетесь загрузить изображение менее 200 пикселей в ширину или в длину, вы увидите вот такую ошибку:
Максимальный размер аватара – 200 на 500 пикселей. Но, в принципе, можно загружать изображения и большего размера – до 7000 пикселей с каждой стороны. Главное, чтобы соотношение их сторон не превышало 2 к 5.
Покажу на примере.
У меня есть изображение. Его размер: 200 на 800 пикселей (соотношение 2 к 8). При загрузке не возникает никаких ошибок. Однако использовать это изображение я все равно не могу, т. к. «Контакт» не позволяет мне выделить его полностью.
Размер обложки для полной версии сайта - 1590 на 400 пикселей.
Обратите внимание: в мобильной версии и приложениях отображается не полная версия обложки, а только ее часть размером 1196 на 400 пикселей. Посмотрите, как она обрезается в приложении на мобильном:
Чтобы этого не происходило, располагайте основные элементы вашей обложки в пределах 1196 на 400 пикселей.
В обновленном дизайне «Контакта» ширина ленты новостей стала фиксированной. Это значит, что изображения, прикрепленные к посту, больше не растягиваются, а остаются такими, какие они есть. Поэтому, если вы хотите, чтобы ваше изображение полностью заняло отведенное ему место в ленте новостей, его ширина должна быть не менее 510 пикселей. Лучше всего, чтобы это был квадрат или прямоугольник в альбомной ориентации.
Звучит слегка запутано:) Поэтому покажу на примере.
Допустим, у нас есть изображение квадратной формы со сторонами 510 пикселей. Если мы прикрепим его к нашей записи, оно будет очень хорошо смотреться в ленте новостей на всех устройствах:
А вот так смотрится горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):
Как вы видите, чем уже изображение (по высоте), тем мельче оно смотрится в ленте смартфонов. Чтобы убедиться в этом, посмотрите на картинку ниже:
Понятно, что разница здесь не особо критична, и пользователи смартфонов все равно рассмотрят ваше изображение, просто во втором случае им будет немного комфортней.
Все эти данные берутся из кода разметки Open Graph :
Если Open Graph не прописан, заголовок берется из метатега Title, а изображение – из статьи. При этом, его можно легко изменить – либо выбрать другое изображение из статьи с помощью специальных стрелочек:
Либо загрузить свое:
Минимальный размер изображения, которое вы можете использовать в качестве анонса к вашей статье, – 537 на 240 пикселей. Однако вы можете загружать и более крупные изображения, если будет соблюдена пропорция.
Размер изображения для обложки статьи, созданной в редакторе, - 510 на 286 пикселей. Лучше, если она будет темного цвета и более или менее однотонная, т. к. на светлом фоне теряется название статьи и сообщества.
Хороший пример:
Не очень хороший пример:
Размер для фотографий - 1080 на 1920 пикселей. Размер для видео - 720 на 1280 пикселей.
Технические характеристики для видеозаписей:
В историях необходимо использовать фото и видео вертикального формата.
Обратите внимание: истории от лица сообществ на данный момент могут добавлять только крупные сообщества, для которых разработчики «ВКонтакте» открыли эту функцию. И делается это с помощью официального приложения. С компьютера это сделать нельзя.
1280 на 720 пикселей.
Ширина области контента у вики-страницы составляет 607 пикселей. Если вы будете загружать картинку большего размера, она автоматически загрузится размером 400 пикселей в ширину. Пример: у меня есть изображение размером 1366 на 768. Если я его добавлю на вики-страницу, получится вот что:
Чтобы изменить размеры картинки, по ней нужно кликнуть и установить нужные значения:
О том, как работать с вики-страницами, я подробно расскажу чуть ниже. Поэтому здесь останавливаться на этом моменте не будем.
Если вы когда-нибудь пробовали загружать изображения «ВКонтакте» (неважно, была ли это картинка на аватар или просто фотография с вашего путешествия), то наверняка уже знаете о том, что они имеют свойство ужиматься. Особенно это заметно на темном (и особенно, на красном) фоне и когда у картинки не слишком большой размер. Пример:
Как сделать так, чтобы качество картинок не портилось?
Чтобы изображение не ужималось (точнее, ужималось, но в гораздо меньшей степени), необходимо делать его в 2–3 раза больше нужного размера. Например, если нам нужно сделать аватар размером 200 на 500 пикселей, берем картинку размером 400 на 1000 пикселей. Если нужно сделать меню размером 510 на 400 пикселей, берем – 1020 на 800.
Изображение на темно-синем фоне, которое я привела чуть выше, имеет размер 510 на 350. Я сделала его в два раза больше (1020 на 700) и сохранила. Вот, что из этого получилось:
Как это исправить? Ответ очень прост – нужно выбрать другой фон. Дело в том, что на темном фоне пиксели видны лучше, чем на светлом. Поэтому, если вы хотите добиться идеального качества (хотя картинка выше уже выглядит вполне нормально), то нужно слегка изменить цветовую гамму. Например, фон сделать белым, а текст – синим:
Шапка вашей публичной страницы или группы – это первое, что видят пользователи, которые заходят к вам в гости. В большинстве случаев в этом месте размещают навигационное меню по материалам паблика, какие-то интересные посты или важные объявления. Давайте рассмотрим на примерах, как различные компании используют это пространство.
Не так давно «ВКонтакте» ввели обновление – теперь на страницы можно загружать большие и красивые обложки (1590 на 400 пикселей). Чтобы сделать это, перейдите в настройки и нажмите кнопку «Загрузить».
На обложке вы можете разместить все, что угодно: начиная с названия и девиза вашей компании, заканчивая всевозможными акциями, предложениями и даже конкурсами.
Особое внимание рекомендую обратить на возможности динамической обложки. О том, как она работает, в каких целях ее можно использовать и с помощью каких сервисов установить, читайте в нашей статье .
Примеры динамических обложек:
Некоторые компании специально не закрепляют в шапке никаких постов, чтобы у пользователей была возможность прочитать основную информацию о странице и сразу перейти на сайт.
Некоторые компании добавляют в стандартное описание страницы хэштеги , которые ее характеризуют. Делается это для того, чтобы у страницы была более четкая релевантность, и чтобы за счет этого она находилась выше в поиске по соответствующим запросам. Честно говоря, я не знаю, работает этот способ или нет. Кейсов на эту тему я не встречала, поэтому если кто знает, буду благодарна, если поделитесь ссылочкой.
Если вы хотите рассказать о своей странице более подробно (с фотографиями, ссылками и красивой версткой), то вы можете прикрепить к шапке вики-пост или статью, сверстанную в редакторе, с яркой картинкой на анонсе, которая будет призывать пользователей кликнуть по ней. Пример такого поста:
А вот что видит пользователь после того, как он кликнет по ссылке:
Открытым меню я называю такое меню, по которому сразу видно, из каких пунктов оно состоит. То есть картинка-анонс вики-поста полностью дублирует его содержимое. Таким образом, пользователи сразу видят то, что их ожидает внутри. Покажу на примере.
Вот как выглядит закрепленный пост в шапке страницы Flatro:
Закрытое меню – это тот же самый вики-пост, как и в предыдущем пункте, только на анонсе стоит картинка, на которой нет пунктов меню. Обычно на ней пишут: «Меню», «Навигационное меню» или «Навигация по материалам паблика».
А вот что мы видим, когда кликаем по нему:
Кстати, стоит отметить, что это далеко не единственные варианты. По сути, на этой картинке вы можете написать все, что угодно. Главное, чтобы пользователю хотелось по ней кликнуть, и он понимал, что его после этого ждет. Пример:
Слитное меню – это когда картинка на анонсе вашего меню составляет с аватаром одно изображение. Чуть ниже я подробно расскажу, как сделать такое меню, а пока просто посмотрите, как это красиво выглядит.
А вот этот вариант оформления шапки меня действительно сильно восхитил. Автоматически проигрываемая гифка сливается с аватаром в единую композицию и приковывает внимание пользователей, даже несмотря на то, что на ней нет вообще никакой информации.
Кстати, этот пример я подсмотрела в группе SMM-маркетолога Сергея Шмакова. Так что, за находку выражаю ему благодарность:)
Скрытое меню доступно только для групп (у страниц такого функционала нет). Чтобы его увидеть, нужно кликнуть по соответствующей ссылке. Плюс этого способа оформления заключается в том, что пользователям видна основная информация сообщества, а если они захотят воспользоваться меню, им достаточно сделать всего один клик. Однако здесь есть и небольшой минус – не все пользователи знают о существовании данной функции, поэтому ваше меню может получить меньше внимания, чем если бы оно было закреплено в начале страницы.
В конце ноября 2015 года в социальной сети «ВКонтакте» появилось интересное нововведение – как только пользователь заходит на вашу страницу, видео, прикрепленное к шапке, начинает воспроизводиться автоматически. С помощью этого приема вы сможете привлечь еще больше внимания пользователей (особенно тех, кто впервые зашел на вашу страницу), и при этом, не раздражать тех, кто не любит, когда ему навязывают свой контент, ведь видео воспроизводится без звука и практически не мешает.
Для этого нужно выполнить три условия:
Еще один способ продуктивно использовать место в шапке вашей страницы – это закрепить в нее один из своих самых удачных постов – тот, который уже набрал и продолжает набирать большое количество лайков и расшариваний. Зачем это делать, думаю, всем понятно – чем больше репостов, тем больше охват, тем больше подписок получает страница.
Я перечислила далеко не все варианты оформления шапки. По сути, на обложке и в закрепленном посте вы можете размещать любую информацию: вакансии, объявления, ссылки на самые продаваемые товары и т. д. Так что не ограничивайтесь примерами, приведенными выше. Включайте фантазию и используйте оформление вашего сообщества для достижения ваших целей.
Аватар – это не только красивое изображение с логотипом вашей компании, а рабочий инструмент маркетолога, с помощью которого он добивается поставленных целей. Давайте разберем во всех подробностях, каким он должен быть, чтобы привлекать внимание пользователей и побуждать их к выполнению целевого действия. Начнем с миниатюры.
Я не утверждаю, что этот прием будет работать и с вашей страницей. Мысль, которую я хочу донести, заключается в том, что способов выделиться очень и очень много, просто нужно задаться этим вопросом и проявить немного креативности. Вот, например, еще одна интересная идея, до которой я сама вряд ли бы додумалась:
Аватарка представляет из себя черный круг: большой и маленький. Казалось бы, зачем вообще это делать? Но когда листаешь список сообществ, такие аватарки приковывают к себе внимание, потому что они сильно отличаются от всех остальных.
Несмотря на то, что миниатюра аватара имеет очень маленький размер, ее можно (и нужно) использовать для привлечения подписчиков в ваше сообщество. Как это сделать? Давайте рассмотрим несколько вариантов:
Кстати, очень часто информацию о том, что компания предоставляет бесплатную доставку, добавляют и в само название группы, чтобы пользователи точно обратили на него внимание.
Я рассмотрела, какой должна быть миниатюра аватара и какой текст на ней можно разместить. А теперь давайте перейдем к самому аватару. Полная версия аватара будет отображаться только в том сообществе, в котором не установлена обложка. Именно для таких случаев я и написала этот раздел. Итак, каким должен быть аватар вашего сообщества, чтобы пользователи сразу поняли, что ваша компания подошла к созданию страницы ответственно и профессионально.
Еще один вариант – поделить аватар на две части. Одна – для миниатюры, а вторая – для остальной части аватара.
По сути, на аватаре можно разместить все, что угодно. В отличие от миниатюры, здесь действительно есть где разгуляться. Главное, не злоупотребляйте этим:)
Вообще, на аватаре можно размещать абсолютно любую информацию. Я привела лишь некоторые идеи, чтобы вы могли посмотреть, что делают другие, и вдохновиться их примерами. Ну, и держите в голове основные рекомендации: аватар должен быть качественным, шрифт – крупным, а между элементами побольше «воздуха».
Для того чтобы сделать слитные аватар и меню, вам потребуется программа Adobe Photoshop или ее аналог. Я буду объяснять весь процесс на примере «Фотошопа». Итак, поехали.
P.S. Высоту аватара можно менять по вашему усмотрению. Я взяла максимальный размер – 500 пикселей, но у вас это значение может быть и меньше. Например, как на странице «Вики-разметка»:
Виджеты тоже являются частью оформления сообщества ВК. С помощью них пользователь может: оформить заказ, подписаться на вашу рассылку, принять участие в конкурсе, читать и оставлять отзывы, открыть поиск по сообществу, получить подарок, купон на скидку и т. д.
Вот несколько примеров того, как выглядят виджеты на странице «ВКонтакте»:
Если вы занимаетесь веб-дизайном или обладаете художественным вкусом и чувством прекрасного, то вам не составит труда придумать фирменный стиль для своих изображений. Однако, мне кажется, таких людей в этой статье будет меньшинство (я, к слову сказать, тоже к ним не отношусь). Поэтому давайте подробно разберем, как же это делается, основываясь на примерах успешных компаний.
Кстати, обратите внимание, почти все известные компании «ВКонтакте» брендируют свои изображения, т. е. добавляют небольшой логотип, адрес своей страницы или водяной знак. Это повышает узнаваемость бренда и защищает ваши изображения от копирования. Стоит ли это делать, каждый решает сам. Единственное, что хотелось бы посоветовать: если все-таки решите этим заниматься, постарайтесь сделать так, чтобы ваш логотип не был слишком ярким и не занимал слишком много места, иначе весь акцент пойдет на него, и изображение потеряет свою привлекательность.
У нас в блоге есть хорошая статья на эту тему – « ». Они все бесплатные, но какие-то – требуют регистрации. Если не подберете для себя ничего подходящего, попробуйте искать по ключевому слову + обои (или, если на английском, wallpaper). Обычно по такому запросу выходят качественные изображения. Но тут нужно быть внимательным и проверять тип лицензии, иначе, если у вас серьезный бизнес, можно нарваться на неприятности.
Если вы никогда не работали в «Фотошопе» (или любых других графических редакторах) и пока не готовы выделить время на его освоение, вы можете воспользоваться сервисами, в которых уже есть готовые шаблоны картинок для разных социальных сетей:
После этого в левой части экрана выбираем шаблон, который нас интересует. Обратите внимание, бесплатно предоставляются только те шаблоны, на которых нет значка в виде алмазика.
Вставляем ее в шаблон, выделаем левой кнопкой мыши, выбираем команду Layer (иконка бутерброда) и кликаем по Move to bottom. Таким образом наша картинка будет идти фоном, а все надписи наложатся поверх нее.
После этого меняем текст, шрифт, размер шрифта, расположение надписи и т. д.
Затем жмем на иконку в виде дискеты, выбираем название, формат изображения, качество и жмем на кнопку Sign in to download.
Еще один сервис, который поможет красиво оформить свое изображение. Работает он по такому же принципу, как и предыдущий. Регистрируемся в сервисе (можно использовать свой аккаунт Google+ или электронную почту).
Выбираем свою сферу деятельности. Шаг, на котором вас просят пригласить друзей, пропускаем. Попадаем в основное меню, где выбираем запись в Facebook, если нам нужно прямоугольное фото, или запись в Instagram – если квадратное.
Выбираем шаблон (если на шаблоне стоит отметка «БЕСПЛ.», значит, он бесплатный), меняем текст.
Если нужно, загружаем свое изображение, подгоняем размеры, меняем текст, шрифт и расположение надписи. После этого жмем кнопку «Скачать», выбираем формат картинки и сохраняем ее себе на компьютер или любое другое устройство.
С недавнего времени «ВКонтакте» можно верстать статьи в специальном редакторе. Чтобы создать статью, необходимо нажать на букву «Т»:
Ну вот мы и подошли к самому интересному и одновременно сложному разделу. Возможно, среди читателей есть люди, которые не знают, что такое вики-разметка, и вообще впервые слышат этот термин. Поэтому специально для вас я приведу определение, которое дает сам «Контакт».
Вики-разметка - язык разметки, который используется для оформления текста на веб-сайтах (как правило, относящихся к классу wiki-проектов) и позволяет упростить доступ к возможностям языка HTML. На нашем сайте wiki-страницы - хорошая альтернатива обычным записям и текстовой навигации. Если вам необходимо создать большую статью с различным форматированием текста (жирный шрифт, подчёркивание, заголовки и прочее) или добавить к ней графику, либо просто создать красочное навигационное меню по вашему сообществу - wiki незаменима.
Точно также как у Wordpress (или любой другой CMS) есть HTML-редактор, с помощью которого вы создаете статьи, так и у «Контакта» есть свой редактор для создания и редактирования вики-страниц. Выглядит он вот так:
С помощью этого редактора создаются навигационные меню, а также статьи с картинками, видео и аудиозаписями. Чуть ниже я разберу подробно, как работать в данном редакторе, но сначала я прошу вас добавить себе в закладки две ссылки. Они вам очень помогут в изучении вики-разметки.
1 голосДоброго времени суток, уважаемые читатели моего блога. В предыдущей статье мы с вами учились делать очаровательное . Сейчас переходим ко второй части. Будем создавать красивую единую картинку для аватарки и подумаем над эффектным переходом.
Если вы впервые оказались в моем блоге, то вам не обязательно начинать с первого урока. Можете прочитать сначала эту публикацию и приступить к оформлению, начиная с этого шага. Сейчас я расскажу как сделать красивую группу Вконтакте, а использовать ли дополнительные возможности, вы сможете решить потом.
К концу этой статьи у вас получится эффектная и единая картинка.
Чтобы не отвлекать от важный дел тех, кто уже все умеет, торопится или элементарно не хочет заморачиваться, могу предложить видеоурок. Он подскажет как сделать все то же самое, о чем я собираюсь поведать, только без фотошопа через сервис www.vkprofi.ru .
Я им не пользовался и не могу сказать платный он или нет. Буду благодарен тем, кто проверит эту информацию и оставит комментарий к этой статье с ответом на этот животрепещущий вопрос.
Если решитесь остаться и пойти длинным путем, то вас ждет увлекательная работа. Она будет весьма полезна, если вы только начинаете свой путь в интернет-бизнесе.
Вы узнаете множество трюков, на которые , я дам полезные рекомендации по работе с рекламой, а также вы получите полезные навыки и опыт.
Вам понадобится…
Фотография должна быть большой и качественной, если вы ищете в поисковых системах, то обращайте внимание на обои для рабочего стола. Если же работаете для крутого сообщества, в особенности связанного с бизнесом, то рекомендую использовать сервис https://ru.depositphotos.com . Там вы найдете именно рекламные изображения.
Выбрать картинку, которая будет продвигать товар не так-то просто. Если она используется для бизнес-сообщества, то должна соответствовать многим требованиям. Не все это понимают. Если вы продвигаете отель, гостиницу, бар или клуб, то не рекомендуется брать фотки пустых помещений.
В первую очередь мы должны продавать не место, где человек может прибухнуть, а показывать эмоции, которые он получит от посещения заведения. Красотой интерьеров сейчас никого не удивить. Нужно создать неповторимую атмосферу, в которую покупателю захочется окунуться.
Затасканные фотографии никто не любит. Если они используются сплошь и рядом, то шанс получить клиентов уменьшается. Про качество, грамотно выставленный свет и т.д. я даже говорить не буду. Надеюсь, вы это и так понимаете. Такие варианты, как на фото ниже, уже лет 5 не катят.
Из личного опыта… над одним из проектов я работал с очень крутым менеджером по рекламе. Каждую картинку мы разбирали по косточкам. Объект должен находиться на определенном расстоянии от центра, под специфическим углом, желательно еще в правильной оптимистичной гамме.
Нам приходилось менять цвет рамы, в которой висела картина в самом дальнем углу! Первое время я думал, что все это лишние заморочки, а потом мне показали для сравнения конверсию после работы с подобными мелочами.
Итак, когда все готово, нужно определиться с размерами и подготовить шаблон для будущего изображения. Кстати, если научитесь это делать, то потом можете использовать этот прием для множества других задач и создавать прям невероятные картины Вконтакте. Скоро поймете о чем я говорю.
Так-с, открываем контакт. Если вы поищите стандартные размеры постов Вконтакте, то увидите 200х500 и 700х500. Однако, если воспользоваться линейкой, то можно убедиться, что миниатюры не соответствуют этим показателям. Сервис сжимает их при загрузке.
С картинкой на аву все так, она действительно 200х500.
С постом все иначе.
В любом случае вам нужно или скачать подготовленный мною шаблон , или сделать свой скриншот. Советую выбирать второй вариант. Почему? Так вы сможете сами делать шаблоны для разных задач. Например, если у вас на главной отражается галерея товаров или «Свежие новости».
Мой вариант подходит только для закрепленных постов. Самый простой и популярный метод оформления.
Откройте свою или любую другую группу, где сверху закреплен пост с фотографией. Как на моем рисунке. Можете забрать и эту фотографию, нажав на нее правой клавишей мыши и «Сохранить как…». Правда я не уверен что у вас в результате все получится верно. Есть время на эксперимент? Поделитесь результатами в комментариях.
Для других пошаговая инструкция будет отличаться. Прежде всего увеличьте изображение в браузере до 100% (нажимаете кнопку Ctrl и двигаете колесиком мыши). Откровенно говоря, не особенно понимаю зачем это было делать, но при первой моей попытке как раз из-за масштаба у меня ничего не вышло.
Теперь нажимаете кнопку PrtSc. Она находится в самом верхнем ряду на клавиатуре, после бесчисленных «F». После того как вы по ней кликните ничего не произойдет. Все нормально, 100 раз клацать не надо, открывайте фотошоп.
Нажмите на Ctrl+V, тем самым вы вставите свой скрин в рабочее поле программы. Теперь берете инструмент «Прямоугольное выделение» и работаете с левым блоком.
Ведите прямо по краю изображения. У вас не должно получиться на рисунке внизу. Это неправильно.
Двигайтесь строго по краю.
Схватитесь курсором за левый верхний угол прямоугольника и ведите в правый нижний. Чтобы не морочить голову с лупой используйте увеличение при помощи кнопки Alt и колесика мыши.
Теперь нажмите на Ctrl+J. Тем самым вы перенесете выделенный фрагмент на новый слой, он появится над фоном.
То же самое нужно проделать и с аватаркой. Выделяем и переносим на новый слой (Ctrl+J)
Когда будете переносить на новый слой, активным должен быть фон, а не тот, который вы только что создали. Следите, чтобы он подсвечивался.
Затем от фона можно будет избавиться. Нажмите на замок рядом с этим слоем, это позволит производить над ним манипуляции.
Перетаскиваем слой в корзину, как обычный файл с рабочего стола.
С этим закончили. Шаблон создан.
Недавно я писал статью о том, . Неправильное открытие и дальнейшая работа с размером может в разы ухудшить качество самой крутой картинки, если интересно, можете прочитать статью об этом в моем блоге.
Перетаскиваем фото, которое будем использовать в качестве основного.
Он отражается неправильно.
Если у вас произошла такая же ерунда, просто сделайте его самым верхним. Затем при нажатой кнопке Alt кликните по слою 1 и слою 2. Чтобы оба они подсветились.
Их нужно объединить при помощи правой клавиши мыши и соответствующей опции. В этом случае работать нам дальше будет удобнее. Не придется накладывать и вырезать фото сначала для аватара, а потом еще и поста.
Если вы нажмете на Ctrl, а затем на эскиз только что созданного слоя. По краям объектов с нового слоя забегают муравьи, которые подскажут как выставлять нижнюю картинку. Убрать их можно нажав Ctrl+D. То, что сейчас находится во внутренней части, впоследствии будет вставлено в вк.
Если вы начнете перемещать фотографию, то вместе с ней «поедут» и бегающие муравьи. Могу посоветовать вам выставить направляющие. Не умеете работать с ними? Посмотрите вот это видео.
После того как выставите все как надо, можно переходить к следующему шагу. Покажу два варианта добиться одного и того же эффекта. Первый простой. На верхнем слое нажимаете правую кнопку мыши и выбираете «Создать обтравочную маску».
Но я люблю второй. Он быстрее. Нажмите на Alt и наведите курсор между двумя слоями, он визуально изменится. Затем кликните левой мышкой.
В результате получилось вот такое фото.
Каждую часть можно вырезать при помощи инструмента «Рамка», а затем сохранить в jpeg. Правое фото добавляем как аватар. Левое вы можете просто добавить как обычную запись, а затем закрепить ее.
Это не сложно, но если у вас возникают проблемы, могу порекомендовать вам прочитать третью публикацию из этой серии, в которой я подробно рассказываю как сделать так, чтобы читатель, кликнув на ваше фото отправлялся на сайт.
Понравилась статья? Поделись с друзьями:После того, как Вы создали и наполнили информацией свою группу Вконтакте, Вам необходимо должным образом оформить ее. Под оформлением подразумевается создание логотипа(аватара), и при необходимости, создание меню.
В первую очередь на аватаре нужно отобразить логотип Вашей компании. Также желательно кратко описать сферу деятельности Вашего бизнеса и услуги, которые Вы предоставляете, поскольку место, выделенное под логотип, очень ограничено. Кстати, максимальные размеры аватара группы Вконтакте сейчас составляют — 200 px по ширине и до 500 px по высоте. Ранее была возможность загрузить аватар до 700 пикселей по высоте.
Если Вы хотите, чтобы сообщество Вконтакте приводило Вам клиентов, в аватаре группы необходимо обязательно прописать основной способ связи с Вашей компанией, как правило, это – телефон.
Все эти элементы должны быть аккуратно размещены в определенной композиции, в центре которой должна находиться привлекательная картинка или коллаж. Картинка должна прямо или косвенно отражать суть Вашего бизнеса.
Вот, к примеру, какой логотип я создал для сообщества, которое торгует обогревателями Термия.
Позаботьтесь также о том, чтобы из Вашего логотипа можно было создать привлекательную и читабельную миниатюру, которая будет отображаться возле записей, оставленных от имени группы. Очень часто на аватаре размещают также и призывы к действию. Еще чаще аватар делают частью общей картинки вместе с меню группы, однако этому я посвящу отдельный пост.
Если у Вас есть минимальные навыки владения Photoshop, Вы можете попробовать создать логотип для своего сообщества Вконтакте самостоятельно, т.е. бесплатно. Можете, кстати, попробовать поискать в этом сообществе аватары для группы Вконтакте в psd формате.
Если же Вы чувствуете, что по той или иной причине, не можете заняться логотипом сообщества самостоятельно, Вы можете обратиться за помощью к дизайнеру, которого можно попробовать найти с помощью знакомых или на любой бирже фрилансеров. Думаю, что при желании можно найти дизайнера, который согласится создать аватар группы Вконтакте по цене 1000-1500 рублей.
После того, как Вы создадите аватар, Вам останется лишь разместить его в своем сообществе.
На всякий случай, я решил коротко рассказать Вам о том, как загрузить логотип в группу Вконтакте.
Если Вы еще не загружали аватар в свою группу, то у Вас справа на странице сообщества будет иконка фотоаппарата со ссылкой «Загрузить фотографию». Если же у Вас уже была загружена какая-то аватарка, то Вам нужно навести на нее мышкой, после чего появится ссылка «Загрузить новую фотографию».
Далее Вам будет предложено загрузить логотип с компьютера. После загрузки у Вас появится окно с Вашим логотипом для группы и выделенной областью. Заметьте, что выделенная область не всегда может правильно располагаться, поэтому Вам, возможно, нужно будет немножко потянуть за уголки или же переместить саму область так, чтобы Ваш логотип выглядел нужным образом.
То же самое касается и миниатюры, отредактировать которую Вам будет предложено на следующем шаге. Как я уже писал ранее, при создании логотипа желательно заранее позаботиться о том, чтобы миниатюра получилась привлекательной и читабельной.
Что ж, теперь я надеюсь, что у Вас не возникнет проблем с созданием логотипа для Вашей бизнес-странички Вконтакте. В одной из следующих статей я расскажу о том, как правильно создать меню для группы Вконтакте. Если Вам интересна тема использования социальной сети Вконтакте для бизнеса, подписывайтесь на обновления блога в форме ниже.