Всем добрый вечер! Нужны psd шаблоны аватарок для группы вк. Помогите, ребятаааа!). Благодаря Авамастер.ру для получения красивой и уникальной аватарки не нужно ничего кроме желания. Все, что требуется — это подобрать подходящую картинку и загрузить ее на сайт. После этого, в твоем распоряжении окажутся сотни шаблонов на самые разные темы. А если шаблонов по каким-то. Скачать бесплатно PSD шаблоны, аватарки, Counter Strike 1.5, Source, Читы, Сервачки, Готовые сервера Cs 1.6, Готовые сервера, плагины для cs 1.6, моды, карты, читы для CS, патчи, обои cs, maps, карты. Скачать бесплатно PSD шаблоны, аватарки, Counter Strike 1.5, Source, Читы, Сервачки, Готовые сервера Cs 1.6. Ищешь psd аватар для своей группы или паблика ВК, то ты по адресу! Заходи и качай. ![]() Countrafiles.ucoz.org 16 PSD шаблонов аватарок 150х150 - Графика для ucoz - Ucoz. 700 × 564 - 357k - gif youtube.com Free Youtube Avatar Template - YouTube 1920 × 1080 - 58k - jpg pictures11.ru Шаблоны для аватарок, бесплатные фото, обои, изображения 604 × 604 - 70k - jpg youtube.com FREE Avatar Pack. Template Layout & Changeble Text| By Marc Dtwo. 1280 × 720 - 68k - jpg ps-bender.ucoz.ru Другие PSD Работы - PSD работы - Каталог файлов - Все о PhotoShop. ![]() 800 × 460 - 467k - png youtube.com Как сделать аватар как у Игромании #2 - YouTube 1920 × 1080 - 205k - jpg youtube.com FREE Youtube Avatar Template (Photoshop Template) - YouTube 1280 × 720 - 72k - jpg youhack.ru Шаблоны для аватарок| Игровой портал - YouHack.ru 762 × 143 - 20k - png you-ps.ru PSD аватар для группы Вконтакте Counter-Strike 1.6 CS » Братство. 3920 × 2205 - 439k - jpg vk.com Создать сайт визитку самому. Шаблоны, готовые группы, оформление. 200 × 700 - 32k - jpg wordpressu.ru WordPress » Как оформить группу вконтакте 588 × 501 - 21k - jpg vk.com Готовые шаблоны шапок, аватарок, интро и т.д.| ВКонтакте 200 × 500 - 24k - jpg vk.com Шаблоны и размеры для оформления групп ВКонтакте| ВКонтакте 604 × 518 - 35k - jpg texterra.ru Оформление группы «Вконтакте»: самое подробное руководство в рунете 688 × 500 - 82k - jpg modgames.net Уголок Аваделов| Форум - Таверна - Прочие форумы - Творчество. 400 × 150 - 8k - png vk.com Milagro - шаблоны аватаров бесплатно!| ВКонтакте 200 × 500 - 39k - jpg 11pikachu.ru Шаблоны Для Аватарок:11Пикачу.ру - фото, обои, картинки бесплатно 454 × 500 - 46k - jpg vk.com Заказ аватарок для ВК, YouTube, Steam]| ВКонтакте 200 × 400 - 28k - jpg youtube.com Free Avatar Template!!! PSD (100 sub subscribers) - YouTube 1280 × 720 - 90k - jpg teplovdom.blogspot.com Тепло домашнего очага: Аватарка для группы Вконтакте 946 × 498 - 337k - jpg. Прикрепленные изображения В обновленном дизайне «Контакта» ширина ленты новостей стала фиксированной. Это значит, что изображения, прикрепленные к посту, больше не растягиваются, а остаются такими, какие они есть. Поэтому, если вы хотите, чтобы ваше изображение полностью заняло отведенное ему место в ленте новостей, его ширина должна быть не менее 510 пикселей. Лучше всего, чтобы это был квадрат или прямоугольник в альбомной ориентации. Звучит слегка запутано:) Поэтому покажу на примере. Допустим, у нас есть изображение квадратной формы со сторонами 510 пикселей. Если мы прикрепим его к нашей записи, оно будет очень хорошо смотреться в ленте новостей на всех устройствах. О том, как работать с вики-страницами, я подробно расскажу чуть ниже. Поэтому здесь останавливаться на этом моменте не будем. Как сделать так, чтобы изображения «Вконтакте» не ужимались Если вы когда-нибудь пробовали загружать изображения «Вконтакте» (неважно, была ли это картинка на аватар или просто фотография с вашего путешествия), то наверняка уже знаете о том, что они имеют свойство ужиматься. Особенно это заметно на темном (и особенно, на красном) фоне и когда у картинки не слишком большой размер. Однако мой опыт (да и опыт всех людей, которые занимаются SMM) говорит о том, что этот метод не дает нужного результата. Единственный способ сделать так, чтобы изображение не ужималось (точнее, ужималось, но в гораздо меньшей степени) – делать его в 2-3 раза больше нужного размера. Например, если нам нужно сделать аватар размером 200 на 500 пикселей, берем картинку размером 400 на 1000 пикселей. Если нужно сделать меню размером 510 на 400 пикселей, берем – 1020 на 800. Изображение на темно-синем фоне, которое я привела чуть выше, имеет размер 510 на 350. Я сделала его в два раза больше (1020 на 700) и сохранила по такому же принципу, как рекомендуют специалисты «Контакта». Вот, что из этого получилось. Как оформить шапку страницы Шапка вашей публичной страницы или группы – это первое, что видят пользователи, которые заходят к вам в гости. В большинстве случаев в этом месте размещают навигационное меню по материалам паблика, какие-то интересные посты или важные объявления. Давайте рассмотрим на примерах, как различные компании используют это пространство. Обложка + закрепленная запись Недавно «Вконтакте» ввели обновление – теперь на страницы можно загружать большие и красивые обложки (1590 на 400 пикселей). Чтобы сделать это, перейдите в настройки и нажмите кнопку «Загрузить». Группа, посвященная Скрытое меню Скрытое меню доступно только для групп (у страниц такого функционала нет). Чтобы его увидеть, нужно кликнуть по соответствующей ссылке. Плюс этого способа оформления заключается в том, что пользователям видна основная информация сообщества, а если они захотят воспользоваться меню, им достаточно сделать всего один клик. Однако здесь есть и небольшой минус – не все пользователи знают о существовании данной функции, поэтому ваше меню может получить меньше внимания, чем если бы оно было размещено в самом верху страницы. Специалисты компании «» создали очень креативную шапку для своей страницы «Вконтакте» Кстати, этот пример я подсмотрела, а ему, в свою очередь скинул его, создатель сервиса Pepper Ninja. Так что, за находку выражаем благодарности им:) Автоматически воспроизводимое видео В конце ноября 2015 года в социальной сети «Вконтакте» появилось интересное нововведение – как только пользователь заходит на вашу страницу, видео, прикрепленное к шапке, начинает воспроизводиться автоматически. С помощью этого приема вы сможете привлечь еще больше внимания пользователей (особенно тех, кто впервые зашел на вашу страницу), и при этом, не раздражать тех, кто не любит, когда ему навязывают свой контент, ведь видео воспроизводится без звука и практически не мешает. Как добавить такое видео в шапку своей страницы? Для этого нужно выполнить три условия: • Прикрепить ролик к записи и закрепить эту запись вверху сообщества. • Кроме ролика, к записи больше ничего не должно быть прикреплено. Только видео и текст по желанию. • Видео должно быть загружено «Вконтакте» – сторонние плееры не поддерживаются. Аватарка представляет из себя черный круг: большой и маленький. Казалось бы, зачем вообще это делать? Но когда листаешь список сообществ, такие аватарки приковывают к себе внимание, потому что они сильно отличаются от всех остальных. Какую информацию можно разместить на миниатюре аватара Несмотря на то, что миниатюра аватара имеет очень маленький размер, ее можно (и нужно) использовать для привлечения подписчиков в ваше сообщество. Как это сделать? Давайте рассмотрим несколько вариантов: Анонс нового продукта/услуги/события. Ну а дальше сами:) Подумайте, какой цели вы хотите добиться с помощью аватара, и действуйте. Вдохновения я вам уже подкинула. Каким должен быть сам аватар? Мы рассмотрели, какой должна быть миниатюра аватара и какой текст на ней можно разместить. А теперь давайте перейдет к самому аватару. Итак, каким должен быть аватар, чтобы пользователи сразу поняли, что ваша компания подошла к созданию страницы ответственно и профессионально. • Аватар должен быть качественным. О том, как этого добиться, я писала чуть выше. Для тех, кто пропустил эту часть, скажу вкратце – размер аватара должен быть в 2-3 раза больше того, что вы запланировали. • Желательно, чтобы аватар сочетался с меню: был такой же цветовой гаммы, имел те же самые шрифты, элементы и т.д. Благодаря этому шапка вашей страницы будет выглядеть более аккуратно и профессионально. Несколько примеров. Вообще, на аватаре можно размещать абсолютно любую информацию. Я привела лишь некоторые идеи, чтобы вы могли посмотреть, что делают другие, и вдохновиться их примерами. Ну, и держите в голове основные рекомендации: аватар должен быть качественным, шрифт – крупным, а между элементами побольше «воздуха». Как создать слитные аватар и меню Для того чтобы сделать слитные аватар и меню, вам потребуется программа Adobe Photoshop или ее аналог. Я буду объяснять весь процесс на примере «Фотошопа». Итак, поехали. • Скачайте шаблон для «Фотошопа», который я специально подготовила для этой статьи. (меню – 510 пикселей в ширину, аватар – 200) или (меню – 1020 пикселей в ширину, аватар – 400). • Откройте изображение, которое вы хотите взять в качестве основы. • Скопируйте его, вставьте в шаблон и расположите его так, как вы бы хотели его разрезать. Высота аватара на странице «» составляет 340 пикселей Как оформить изображения к постам Если вы занимаетесь веб-дизайном или обладаете художественным вкусом и чувством прекрасного, то вам не составит труда придумать фирменный стиль для своих изображений. Однако, мне кажется, таких людей в этой статье будет меньшинство (я, к слову сказать, тоже к ним не отношусь). Поэтому давайте подробно разберем, как же это делается, основываясь на примерах успешных компаний. И вот вам сразу несколько примеров для вдохновения. Изображение взято с сайта Кстати, обратите внимание, почти все известные компании «Вконтакте» брендируют свои изображения, т.е. Добавляют небольшой логотип, адрес своей страницы или водяной знак. Это повышает узнаваемость бренда и защищает ваши изображения от копирования. Стоит ли это делать, каждый решает сам. Единственное, что хотелось бы посоветовать: если все-таки решите этим заниматься, постарайтесь сделать так, чтобы ваш логотип не был слишком ярким и не занимал слишком много места, иначе весь акцент пойдет на него, и изображение потеряет свою привлекательность. Где взять хорошие изображения? У нас в блоге есть хорошая статья на эту тему – «». Они все бесплатные, но какие-то – требуют регистрации. Если не подберете для себя ничего подходящего, попробуйте искать по ключевому слову + обои (или, если на английском, wallpaper). Обычно по такому запросу выходят качественные изображения. Но тут нужно быть внимательным и проверять тип лицензии, иначе, если у вас серьезный бизнес, можно нарваться на неприятности. А что делать тем, кто не умеет работать в «Фотошопе»? Если вы никогда не работали в «Фотошопе» (или любых других графических редакторах) и пока не готовы выделить время на его освоение, вы можете воспользоваться сервисами, в которых уже есть готовые шаблоны картинок для разных социальных сетей: 1. Переходим по ссылке и выбираем раздел Design. Разница между этими двумя изображениями состоит в том, что встроенная картинка меньше по размеру, но кликабельна. А отдельно загружаемая картинка – как правило, больше по размеру (по сути, она может быть любой), но не кликабельна. Поэтому во втором случае приходится добавлять в текст анонса ссылку, чтобы пользователи увидели ее и перешли на сайт. А в первом случае этого делать не надо, т.к., куда бы они ни кликнули, они все равно попадут на ваш сайт. С первого взгляда, кажется, что встроенная картинка лучше – на компьютерах она смотрится хорошо, кликов получает больше, но есть один момент, который портит это впечатление. На мобильных устройствах с маленьким экраном такие картинки будут смотреться очень мелко и некрасиво. Несколько примеров для сравнения. Вот, как смотрится на моем мобильном телефоне с шириной экрана 320 пикселей (ширина пятого «Айфона») отдельно прикрепленное изображение (на примере страницы ). Какой вывод можно из этого сделать? Если у вас преимущественно мобильная аудитория, то лучше отдать предпочтение картинкам, которые прикрепляются к записи вручную. В остальных случаях принимайте решение на свое усмотрение: преимущества и недостатки каждого способа я описала. Это, что касаемо постов со ссылками. В случае, если вы публикуете на своей странице вики-статью, т.е. Статью, которая была оформлена с помощью вики-разметки, и которую пользователи читают прямо «Вконтакте», то здесь картинку нужно загружать отдельно. Во-первых, потому что другого варианта у вас в принципе и нет (если только не оставить анонс вообще без картинки). А во-вторых, потому что картинка, которая сопровождает вики-пост, автоматически становится кликабельной. Посмотрите сами (на примере страницы «»). Вики-разметка — язык разметки, который используется для оформления текста на веб-сайтах (как правило, относящихся к классу wiki-проектов) и позволяет упростить доступ к возможностям языка HTML. На нашем сайте wiki-страницы — хорошая альтернатива обычным записям и текстовой навигации. Если вам необходимо создать большую статью с различным форматированием текста (жирный шрифт, подчёркивание, заголовки и прочее) или добавить к ней графику, либо просто создать красочное навигационное меню по вашему сообществу — wiki незаменима. Точно также как у Wordpress (или любой другой CMS) есть HTML-редактор, с помощью которого вы создаете статьи, так и у «Контакта» есть свой редактор для создания и редактирования вики-страниц. Выглядит он вот так. С помощью этого редактора создаются навигационные меню, а также статьи с картинками, видео и аудиозаписями. Чуть ниже я разберу подробно, как работать в данном редакторе, но сначала я прошу вас добавить себе в закладки две ссылки. Они вам очень помогут в изучении вики-разметки. Официальное сообщество, посвященное использованию вики-разметки. В нем есть все, что нужно для того, чтобы освоить этот язык: полезные руководства, примеры, обсуждения, в которых вы можете задать свой вопрос и посмотреть, с какими проблемами столкнулись другие пользователи. Пока еще немногочисленное, но очень перспективное сообщество, в котором публикуются видео и статьи, дополняющие официальную документацию по вики-разметке. Проект, в основном, рассчитан на опытных пользователей, но, мне кажется, он будет полезен и новичкам. Как создать вики-страницу Для того чтобы создать новую вики-страницу, вам необходимо: • Скопировать в адресную строку своего браузера вот такую ссылку: • Вместо ХХХ вписать ID своей страницы, а вместо фразы «Название_страницы» – заголовок статьи (на русском или на английском, разделяя слова нижним подчеркиванием). В итоге у вас должна получиться вот такая ссылка. Но иногда случаются ошибки: кто-то случайно нажал не ту кнопку, забыл нажать кнопку «Сохранить» и т.д. Таких ошибок желательно избегать. Особенно, если у вас большое сообщество с активными подписчиками, как, например, у компании «МТС». Буквально недавно с этой компанией произошел курьезный случай: каким-то случайным образом у их меню открылись доступы к редактированию для всех пользователей, и те не упустили шанс этим воспользоваться:) Можете почитать об этом поподробней на сайте vc.ru, вот ссылка – «». Доступы быстро закрыли, но некоторые остряки все же успели оставить свой след в истории. Статейка коротенькая. Более подробное руководство по этому разделу смотрите. Если ссылка ведет на внешний сайт, она автоматически открывается в новом окне. Но если она ведет на одну из страниц «Вконтакте» – она будет открываться в том же окне, даже несмотря на то, что зачастую это оказывается очень неудобно. Так как же сделать так, чтобы ссылка открывалась в новом окне? Есть очень простой способ – «». Получите короткий вариант вашей ссылки и вставьте в вики-пост. После этого она будет всегда открываться в новом окне. Готовый шаблон с такой картинкой вы можете скачать Чуть выше мы уже разобрали, как добавить картинку в вики-пост, а теперь давайте рассмотрим, как поставить на нее ссылку. Делается это очень просто. После того как вы перешли в режим кода и загрузили фотографию, вам нужно: • Вставить после второго знака| ссылку на ваше видео: либо на Youtube или другой сторонний видеохостинг, либо на видео из самого «Контакта». Но лучше, конечно, чтобы пользователь не покидал социальной сети. Так ему будет удобней. • Сделать выравнивание (посередине, слева или справа). • Указать реальный размер картинки (помните: ее ширина не должна превышать 610 пикселей). Более подробное руководство по этому разделу смотрите. Как создать навигационное меню Если вы думаете, что создать красивое навигационное меню могут только те люди, которые хорошо разбираются в дизайне и верстке, вы ошибаетесь. На своем опыте я убедилась в том, что для этого не нужно обладать никакими специальными навыками. Достаточно иметь интерес к этой теме, желание разобраться и немного свободного времени. В остальном вам помогут многочисленные руководства, которые можно найти в сети. Как посмотреть вики-код любой страницы Прежде чем перейти к описанию самого процесса создания меню, мне хотелось бы порекомендовать вам приложение, которое сильно поможет вам в изучении вики-разметки. Называется оно «». С помощью него вы можете просматривать код вики-страниц абсолютно любого сообщества (если, конечно, эти данные специально не скрыли от вас, но такое случается крайне редко). Чтобы получить код, нужно выполнить следующие действия: • Открыть приложение • Выбрать тип сообщества, которое вас интересует (страница, группа или встреча) • Вставить ссылку на сообщество и нажать кнопку «Просмотр». Вывод: простое меню в два столбца практически ничем не отличается от меню с одним столбцом. Единственное, на что здесь стоит обратить внимание – это ширина картинок. Нужно выбрать такой размер, чтобы они хорошо смотрелись как на компьютерах, так и на мобильных. Мобильная верстка Варианты меню, которые я привела чуть выше, хорошо отображаются как на десктопах, так и на мобильных устройствах. Объясняется это тем, что они состоят из 1 или 2 столбцов. В первом случае картинка просто уменьшается до ширины экрана смартфона. А во втором происходит перенос картинки на новую строку. А что делать, если вам необходимо сделать больше столбцов? Например, как это сделано в меню страницы «». Все красиво и ровненько, с какого бы устройства вы это меню не открыли. Как этого добиться? Чтобы ваше меню адаптировалось под размеры мобильного устройства, необходимо соблюдать два условия: • Использовать табличную верстку с фиксированной шириной ячеек. • Разрезать меню на одинаковые квадраты или прямоугольники шириной не более 190 пикселей (если 3 столбца), 150 пикселей (если 4 столбца) и 110 пикселей (если 5 столбцов). Больше столбцов, как мне кажется, смысла делать нет, т.к. На мобильных они будут смотреться очень и очень мелко. Что такое табличная верстка Табличная верстка – это когда все элементы меню верстаются как таблица. Очень подробно о том, как создавать таблицы с помощью вики-разметки, написано. Я не буду дублировать эту информацию, только объясню самую суть и сразу перейду к примерам. Итак, чтобы заверстать таблицу, нужно использовать следующие теги. Несколько дополнений к этому разделу Дополнение 1: когда будете продумывать дизайн, убедитесь в том, что ваш текст легко читается на смартфонах, а по кнопкам можно попасть без труда. Проведите несколько тестов. Возможно, четырех ячеек в ряду окажется для вас много. Тогда возьмите три, две, а может быть даже одну. Дополнение 2: несмотря на то, что оба тестовых меню я порезала на квадраты, необязательно использовать именно эту фигуру. Главное, чтобы эти картинки были одинаковыми и не превышали обозначенный мной выше размер. Пример такого меню.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
August 2018
Categories |