Если вы хотите принять участие в текущем конкурсе SitePoint Twitter Background или в одном из других конкурсов Twitter на тему 99designs, то этот пост — отличное место для начала!
Вы можете добавить свой брендинг или свой стиль в Twitter, создав собственный фон.
Ваш собственный фон может помочь вам выделиться из колоды, и это шанс сиять в море синих фонов по умолчанию! Думайте об этом как о расширении вашей визитной карточки, которое вы вручаете каждому посетителю, который заходит на вашу домашнюю страницу в Twitter.
В Twitter нет конкретных указаний относительно размеров и настройки фона, поэтому давайте кратко рассмотрим, что вы можете сделать, чтобы создать свой собственный фон.
Дилемма измерения
Основная проблема, с которой вы столкнетесь при разработке фона для Twitter, заключается в том, что ваша домашняя страница в Twitter будет выглядеть по-разному на разных мониторах с различным разрешением.
Разрешение 800 × 600
Разрешение 1024 × 768
Разрешение 1280 × 800
Как видно из изображений выше, чем выше разрешение экрана, тем больше видимого фона. Поэтому вам нужно решить, в какой момент вы хотите пойти на компромисс. Согласно статистике W3Schools , большинство пользователей имеют разрешение экрана 1024 × 768 или выше, поэтому я позволю себе создать фон для этого разрешения и полностью игнорировать 800 x 600. Эй! Это тяжелая любовь для тех, кто старше пользователей монитора.
Я использовал Photoshop для настройки документа размером 1024 пикселя на 768 пикселей и создал простой цветной фон — градиент от светло-красного до темно-красного, смешанный с шероховатой текстурой.
Основная область Twitter составляет приблизительно 763 пикселя, а логотип и меню Twitter занимают 71 пиксель. Вам нужно будет оставить место в вашем дизайне для этих частей страницы Twitter.
Как упоминалось ранее, это хорошая возможность поделиться некоторыми деталями на своем фоне, поэтому я добавил текст в левую часть изображения, учитывая 760 пикселей, необходимых в центре для основного пространства Twitter. Как только ваш фон применяется в Twitter, он привязывается к верхнему левому углу экрана, так что имейте это в виду для вашего дизайна.
Закончив дизайн фона и сохранив его для Интернета, перейдите на домашнюю страницу Twitter и выберите «Настройки», затем перейдите на вкладку «Дизайн». Нажмите на ссылку «Изменить фоновое изображение» и найдите новое изображение. НЕ нажимайте на флажок «Tile Image».
Чтобы весь ваш дизайн объединился, вы должны настроить цвета для ссылок и текста. Сделайте это, нажав на ссылку «Изменить цвета дизайна». Установив параметры дизайна в Twitter так, чтобы цвет фона совпадал с правой стороной фонового изображения, вы можете гарантировать, что ваш дизайн будет выглядеть плавно.
Разрешение 1024 × 768 пикселей.
Разрешение 1280 × 800 пикселей
Чтобы найти больше вдохновения в Twitter, воспользуйтесь следующими ссылками: