Данная серия статей выходит при поддержке проекта Webdesigner Depot, популярного дизайнерского блога, в котором регулярно публикуются уроки, описание новых трендов, интересные статьи и вдохновительные записи. Адрес блога – webdesignerdepot.com, аккаунт в Twitter – @designerdepot.
Если вы активно используете социальные медиа для продвижения вашего личного бренда или бизнеса, вам просто необходимо использовать оригинальные макеты и темы оформления. Уникальный дизайн позволит вашей странице выделиться из тысяч других и подчеркнуть вашу оригинальность.
Некоторые популярные социальные сети позволяют пользователям изменять внешний вид профильной страницы. Ниже представлено несколько советов, которые помогут вам с легкостью преобразить интерфейс ваших любимых сервисов.
Выбор редактора изображений
Для начала, вам необходимо выбрать подходящий редактор изображений. Photoshop является идеальным вариантом, однако существует множество бесплатных альтернатив данному приложению.
Gimp представляет собой бесплатный (open source) инструмент для редактирования и создания уникальных изображений. Есть возможность работать со слоями и фильтрами.
Aviary’s Phoenix – это веб-приложение, предоставляющее все основные функции для работы с картинками и фотографиями. Вы можете изменять изображение прямо в окне вашего браузера, после чего просто сохранить его на жесткий диск вашего компьютера.
Photoshop.com – это бесплатная и легкая веб-версия популярного пакета для работы с изображениями.
Как только вы выбрали подходящий инструмент, самое время приступить к работе.
Уникальный фон в Twitter окажет большое впечатление на ваших потенциальных фолловеров. Он должен ярко отражать вашу личность и информацию, которую вы распространяете с помощью данного сервиса. Посмотрите на примеры отличных фонов в Twitter:
Подготовка: Поле, в котором размещены ваши твиты и информация о профиле, имеет размер в 760 пикселей. Каждый пользователь будет видеть ваш профиль по-разному, зависимости от разрешения экрана. Лучше всего будет использовать изображение, подходящее почти под все типы мониторов, размером в 1680 x 1200 пикселей. Резкость картинки должна подходить под веб-стандарты, то есть составлять 72 dpi.
Максимальный размер изображения: 800 KB
Создание макета: Пространство сверху, отведенное для логотипа Twitter, составляет около 65 пикселей. Для важной информации, которую вы хотите разместить на вашей странице лучше всего оставить 200 пикселей от левого края изображения. Это позволит комфортно просматривать ваш профиль практически при любом разрешении.
Twitter выравнивает загруженное изображение по левому краю. Чем ближе к левому краю будет размещена информация, тем больше шансов, что она будет доступна пользователям с любым разрешением экрана.
Существует несколько инструментов, которые помогут вам посмотреть ваш профиль со стороны и подобрать картинку, подходящую под все типы разрешений.
Чтобы определить разрешение вашего экрана, посетите сайт whatismyscreenresolution.com.
Пользователям браузера Firefox стоит установить плагин Web Developer, который позволит задать определенное разрешение и просмотреть, как видят ваш профиль другие пользователи.
Screen-resolution.com – также отличный сервис, позволяющий просматривать веб-страницы при различном разрешении экрана.
Важный совет: Не перезагружайте фоновую картинку огромным количеством информации. В связи с тем, что ссылки на веб-адреса не являются интерактивными, будет более разумным поместить на фоновое изображение вашу фотографию, логотип или другой графический элемент.
Также, не забудьте подобрать цветовую гамму для текста и ссылок в сочетании с вашим фоновым изображением.
Установка:
YouTube
Уникальное оформление вашего канала на YouTube сделает вас узнаваемым среди пользователей данного сервиса. Ниже представлены примеры оригинального дизайна страниц каналов YouTube:
Подготовка: Фон для вашего канала на YouTube должен отвечать тем же требованиям, что и в Twitter: вы должны учитывать фиксированную ширину поля с контентом. Пространство, где размещаются ваши видеоролики и текст имеют размер в 960 пикселей в ширину. Учтите, что область, где отображается ваш логотип, не учитывается. Фоновое изображение размещается под белым полем с надписью YouTube, поэтому ваш контент будет отображен на верхней части фонового изображения.
Как и в Twitter, вы должны учитывать разрешения экрана. Наиболее подходящим будет картинка размером 2000 x 2200 пикселей.
Максимальный размер изображения: 256 KB
Макет: Важно сразу понять, что YouTube поместит ваше фоновое изображение по центру, позади контента. Это означает, что картинка должна быть размещена лишь по бокам основного поля с контентом. Кроме того, юзеры, использующие широкоформатный тип мониторов смогут увидеть большую область изображения. Именно поэтому, лучше всего использовать более широкое изображение (2000 пикселей).
В то время, как изображение на страницах в Twitter желательно поместить слева, фоновую картинку на канале YouTube стоит разместить как можно ближе к центральному полю с контентом (960 пикселей). Просмотрите ваш профиль при различном разрешении экрана, чтобы убедиться в том, что картинка смотрится приемлемо на всех типах мониторов.
Важный совет: В связи с тем, что пользователи с широкоформатными мониторами увидят большую часть вашего изображения слева и справа, будет разумно добавить затемнения по краям фона, а также задать цвет фона страницы, как и на изображении. Таким образом, вам удастся избежать нестыковки цвета.
Установка:
MySpace
Несмотря на то, что MySpace теряет популярность, данная социальная сеть до сих пор остается отличной платформой для начинающих музыкальных коллективов и любителей музыки.
Если вы хотите заявить о себе, то оригинальное оформление профиля MySpace будет только это способствовать.
Несколько замечательных примеров:
Подготовка: Профиль в MySpace достаточно гибок и удобен в настройке. Вы можете задать размер главного поля – 960 пикселей, 750 пикселей или 100% (в данном случае, фон не будет виден). Выберите, какой вариант лучше всего подойдет под вашу фоновую картинку. Полный размер изображения должен подходить под большое расширение, поэтому фоновая картинка размером 2000 x 2200 пикселей будет смотреться великолепно.
Максимальный размер изображения: Неограничен, однако, для быстрой загрузки страницы рекомендуется использовать изображения размером до 500К.
Размещение файлов: В отличие от Twitter и YouTube, сервис MySpace не позволяет размещать на своем сервере файлы, используемые в качестве фона. Поэтому вам придется обратиться к одному из бесплатных сервисов размещения изображений, например PhotoBucket или ImageShack. Загрузите файл, скопируйте адрес странице и вставьте URL в поле управления шаблоном MySpace.
Макет: Опять-таки, благодаря удобным настройкам, вы можете разместить фоновое изображение где угодно: определенный участок страницы или по центру. Однако, лучше всего установить картинку “под” полем с контентом.
Установка:
Другие
Facebook и LinkedIn – это два крупных игрока в сфере социальных медиа, которые не позволяют пользователям изменять фон страницы. Возможно, кто-то выразит недовольство по этому поводу, однако многие юзеры уверены, что именно простой и чистый вид этих сервисов способствует достижению успеху.
Если вы хотите поделиться советами, уловками или ссылками на используемые ресурсы, мы ждем ваших комментариев к данной статье.
Серия выходит при поддержке проекта Web Designer Depot
Webdesigner Depot – один из самых популярных блогов, посвященных дизайну. Здесь вы всегда можете найти уроки, актуальные дизайнерские тренды, интересные статьи и посты для вдохновения. Блог ведет Волтер Апай, веб-дизайнер из Ванкувера, Канада. Ресурс будет интересен, как новичкам, так и продвинутым дизайнерам, которые хотят повысить уровень своих навыков и знаний. Сайт пользуется популярностью среди работников многих организаций, а также используется как справочный материал в школах дизайна. Ежемесячно данный блог просматривают более 2 миллионов пользователей, благодаря чему можно с уверенностью сказать, что WDD является одним из лучших ресурсов для графических и веб-дизайнеров. Посещайте блог – webdesignerdepot.com, подписывайтесь на аккаунт в Twitter – @designerdepot, RSS-подписка – webdesignerdepot.com/rss.htm.
Другие статьи:
- 85+ лучших дизайнеров в Twitter
- 100 сайтов для вдохновения
- 5 подтверждений тому, что социальные медиа изменили моду в 2009 году
- 5 советов по построению дружеских отношений в сети
- 5 книг о социальных медиа, которые вам стоит прочитать
- Социальные медиа могут изменить мир
Изображения заимствованы с сайта iStockphoto, skodonnell
Источник: http://mashable.com/2010/01/14/custom-twitter-youtube-myspace-backgrounds
