Як зробити гарну шапку для Твіттера? Нове оформлення у twitter. Чи всі зміни на краще

Нещодавно у Твіттері з'явилася цікава функція – можна додати до свого облікового запису «шапку» з цікавим дизайном. Особливо оригінально виглядатиме, якщо вона гармоніюватиме з фотографією у профілі. За рахунок такого об'єднання у вас може бути абсолютно унікальна сторінка, яка буде не тільки гарною, але ще й несхожою на жодні інші.

Як це робиться?

Спочатку вам слід вибрати цікаву картинку, після чого створити в будь-якому графічному редакторі(Для цих цілей підійде навіть стандартний Paint) новий документта виставити основні напрямні. Наступний крок – зробити та зберегти окремо картинки для аватара та шапки, після чого завантажити кожен окремий елемент у Твіттер та створити унікальний дизайн власного профілю. Стандартний розміршапки для Twitter має становити не менше 1252х626. Якщо ж зображення більше, то співвідношення сторін має бути приблизно таким самим. Тому що саме цей розмір шапки в Твіттері дозволяє отримати інформативну і водночас повноцінну картинку.

Спочатку шукаємо в інтернеті або на своєму комп'ютері відповідне зображення шапки для Твіттера, після чого відкриваємо його, наприклад, Paint. Бажано відразу знайти таку картинку, яка дорівнюватиме тому стандарту, який припускають розміри шапки для Twitter, або мати таке ж співвідношення. Щоб реалізувати унікальний варіант картинки, бажано зробити так, щоб якась окрема невелика частина майбутньої шапки могла послужити вам аватаром для профілю. Відкривши вибране зображення в Paint, натискаємо кнопку «Виділити» та обводимо ту ділянку, яка буде служити нам аватаром, після чого натискаємо правою кнопкою миші та вибираємо «Обрізати».

Тепер у вас є дві картинки - одна більша і прямокутна, інша менша і квадратна. Заходимо на наш профіль у Твіттері, натискаємо на зображення яйця у правому верхньому куткута натискаємо «Показати мій профіль». Далі натискаємо «Змінити профіль» і у вікні натискаємо на «Додайте шапку».

Після того, як все буде додано, натискаємо "Зберегти зміни". Все готово! Таким чином, ви можете створювати найрізноманітніші шапки для Твіттера.

Це лише перший крок до створення оригінального дизайну блогу у Твіттері. Далі ми розповімо вам ще про безліч інших дій, які можна зробити, щоб покращити свій обліковий запис.

Передісторія дизайну профілів у Twitter. Безкоштовний шаблонз розміткою та готовим дизайном зображення шапки профілю від Полін Кабрера

Передісторія

У лютому 2014 року на twitter.comстали тестувати новий дизайнпрофілів. Він дуже нагадував дизайн Facebook чи навіть Google+. Основною фішкою стала його адаптивність під різні розміриекраном.

У квітні 2015 Твіттер офіційно представив новий дизайн на суд громадськості. Тепер нам знову доведеться попрацювати над своїм профілем.

Шаблон зображення шапки для Twitter

Я не вмію творити, але вмію використовувати те, що творять інші. У цій статті я пропоную вам познайомитися з шаблоном зображення шапки для Twitter, запропонований Полін Кабрера(Pauline Cabrera) та трохи доопрацьований мною до стандарту.

Особливістю зображення шапки Твіттер є адаптивністю її розмірів і пропорцій під використовувані користувачем пристрою. Нам важливо знати, що побачить, а що не побачить користувач.

Методом спроб і помилок був визначений нижче наступний шапки шаблон для Твіттер.

Це теж досить умовний, але наближений до реальності варіант розмітки. Можливо, вам доведеться підігнати свій варіант або скористатися готовим дизайном, який я додав до шаблону.

У пропонованому ZIP-архімі (1,4 Мб) знаходиться PSD (Photoshop) файл. Шар із розміткою поміщені в папку Templates. Приклади в папку Example. Мій варіант зображення шапки для Твіттер в папку Design. Папка Design містить кілька підпапок:

При цьому потрібно дати доступ до налаштувань вашого Твіттера облікового запису. Решта відбудеться автоматично.

Розглянемо різні варіанти оформлення найпопулярніших соцмереж.

Оформляємо Facebook

Розмір аватара для Facebook: 160px × 160px, проте Facebook вимагає вихідник мінімум 180×180.

Розмір обкладинки сторінки: 851px × 315px – але можна завантажувати і більше висока якість(Наприклад, 1702×628). Варто враховувати, що на мобільних телефонах шапка обрізається праворуч, тобто всю важливу інформаціюкраще поміщати по лівому краю.

Оформляємо Twitter

Створення шапки для Twittera виявилося нетривіальним завданням. Рекомендовані розміри, знайдені в Мережі, були 1500x 500px, а також 1252x 626px, але соціальна мережамає гумовий дизайн, тобто розтягується по ширині екрану, і на великих екранах така маленька розтягнута шапка буде виглядати неякісною. Досвідченим шляхом було знайдено максимальний розмір шапки – 1900x 500px, – а далі найцікавіше: при завантаженні такої шапки, вона все одно обрізається! Вихід був знайдений: до картинки 1900×500 додаються білі поля зверху і знизу до розміру 1900×633px, тоді все встає, як треба.

Оформлюємо Google Plus

Розмір шапки: 1080px × 680px, максимальний розмір – 2120px × 1192px, мінімальний – 480px × 270px.

Розмір аватара: від 250px × 250px можна завантажувати великі дозволи. Необхідно також враховувати, що аватар круглий (тобто не потрібно робити текст близько до країв – обріжеться).

Оформляємо Youtube

Підсумковий розмір зображення шапки під усі носії – 2560px × 1440px, розмір «безпечної» зони, де можна розташовувати логотипи і т.д., – 1546px x 423px.

Оформляємо VK

Розмір аватара праворуч – ширина 200px, висота до 500px.

Розмір області з графічним меню: ширина одного зображення без рамки (не таблиці) – 388px; максимальна ширина одного ряду двох і більше зображень, що поміщається на головне меню не в таблицю (з увімк. опцією nopadding), - 376px; максимальна ширина для одного зображення, що міститься без рамки в таблиці, становить 376px; максимальна ширина для двох і більше зображень, що поміщається на головне меню в таблицю в один ряд (з увімк. опцією nopadding), – 370px (у тому випадку, якщо в таблиці не є «розширювальна» картинка 376×1px).

сайт