Эффективное стола Twitter: Примеры и текущей практики

Smashing Magazine была на Twitter около года, сейчас (

@ smashingmag), и она оказалась большая среда для общения с нашей аудиторией, устанавливать связи, обсудить дизайн-темы, связанные и отдать некоторые приятные призы.Однако, даже год спустя, мы все еще don’ T есть страница Twitter фоне и сейчас хорошее время, чтобы изменить это.Так что мы решили создать нашу собственную страницу Twitter, мы хотели прежде всего выяснить, как другие дизайнеры это сделать, и какие советы и приемы, которые они используют, чтобы создать действительно выдающийся, красивые Twitter page.

Ваша страница профиля является единственным местом на Twitter, где вы получите возможность продемонстрировать свои визуального бренда и, возможно, передавать дополнительную информацию, которая может длиться дольше, чем птичий щебет.Вы можете настроить свой профиль странице, изменив фон, текст и ссылку цвета.It’ же просто, как изменение кожи, но возможность изменять фоновое изображение позволили дизайнерам создать действительно уникальный профиль pages.

Основное внимание в этой статье является исследовать различные методы, чтобы создать уникальные, запоминающиеся и эффективные Twitter Профиль pages.Однако, прежде чем перейти к списку, важно кратко рассмотреть строение профиля Twitter page.

Twitter Профиль Page

Самое главное, следует отметить, что основным блоком контента в макет страницы профиля Twitter имеет фиксированную ширину в 765 пикселей, и она всегда по центру.Это хорошо, потому что это делает возможным для вас, чтобы показать фоновое изображение использовании дополнительного пространства, созданного по обе стороны блока при отображении на более высоком resolutions.

1280 Wide Screen Resolution

1024 Wide Screen Resolution

Другие вещи, которые вы должны иметь в виду:

  • Сроки фоне всегда white
  • Меню фон всегда white
  • Колонтитул фоне баре всегда white
  • Логотип всегда Twitter logo
  • Картина может быть changed
  • Вы можете изменить цвет текста, цвет ссылок, цвет фона боковой панели и боковой границе color
  • Вы можете изменить фоновое изображение и фоновый color
  • Вы также можете плитки фона image
  • Начало фоновое изображение позиция всегда верхнем левом corner

Обратите внимание, что если вы заинтересованы только в разработке хорошей странице профиля, вы можете легко сделать это путем включения потрясающие фоновые изображения и настройки текста, ссылки и боковую панель цвета соответственно.Но если ваши намерения должны быть уникальными, включают бренда и общаться дополнительной информацией, то вам нужно быть немного более творческим с вашимфон image.

Советы & Techniques

Ниже приведен список страниц профиля, иллюстрирующие различные советы & методы, которые вы можете включить в ваши собственные фоны.Пожалуйста, обратите внимание, что большинство этих страниц профиля включает более одной технике, и Вы должны также рассмотреть вопрос о смешивании нескольких методов в соответствии с вашими requirements.

Слияние фон с Timeline / Sidebar

Это, вероятно, наименее используемый метод среди всех советов и приемов обсуждается здесь.Путем слияния графический фон с временной шкалы и / или боковой панели, можно создать уникальное расположение с очень характерного вида и form.

@ adamplitt

@adamplitt

@adamplitt

@ gaksdesigns

@gaksdesigns

@gaksdesigns

Mix Плиточный узор с других Graphics

Twitter позволяет интегрировать одно фоновое изображение, которое может быть либо кафельные или нет.Но вы можете создать уникальный внешний вид для вашей страницы профиля путем создания фонового изображения, который имеет both.

@ spurrachel

@spurrachel

@spurrachel

Reveal больше с вашей Pictures

Ваше изображение профиля (это может быть аватара, логотип или фотографию) является вашим основным идентичности на Twitter, он будет отображаться рядом с каждым чириканье, что вы послали, чтобы ваши последователи.Например, вы можете использовать фоновое изображение, так или иначе связанные с фотографией профиля и таким образом передать больше информации о себе или вашей торговой марки.Другими словами, вы можете использовать этот классический подход создания дизайна вокруг вашего логотипа или фирменного стиля для передачи информации более эффективным way.

@ Doubleolee

@Doubleolee

@Doubleolee

@ mailchimp

@mailchimp

@mailchimp

Показать больше с Page Peel Effect

Если у вас установлена ​​визуальная идентичность, вы можете использовать страницу корки, чтобы показать пользователям, которые есть actualy за профиле Twitter.Этот метод дает вам свободу для разработки остального фона, как вы хотите, потому что вы можете больше не нужно беспокоиться об интеграции бренда и его визуальных colors.

@ sitepointdotcom

@sitepointdotcom

@sitepointdotcom

@ benek

@benek

@benek

Добавить персонализированный боковой панели вашего Profile

Следующие профили иллюстрируют конкретные использовании первого метода, добавив боковые панели в макет.Вы можете добавить такие панели эффективно выделить дополнительную информацию, которую вы хотите communicate.

@ aaronmillerillz

@aaronmillerillz

@aaronmillerillz

@ robingood

@robingood

@robingood

@ sickbrain

@sickbrain

@sickbrain

Показать Yourself

В мире социальных медиа, вы брендов.С Twitter, будучи одним из основных игроков в социальных медиа, показать себя на странице профиля может быть очень эффективным способом укрепления вашего бренда и сообщества вокруг вашей website.

@ problogger

@problogger

@problogger

@ unmarketing

@unmarketing

@unmarketing

Использование иконки и Logos

Следующие профили иллюстрируют простую, но очень эффективную технику для общения причастность или участие в определенном сообществе, обслуживания, мастерство и т.д., продемонстрировав соответствующие значки или logos.

@ lanesa

@lanesa

@lanesa

@ rjacquez

@rjacquez

@rjacquez

Добавить заголовок Bar

Добавление заголовка могут быть использованы для создания уникального взгляда на вашей странице, но он также может быть использован для разделения Twitter логотипа и верхнего меню (которые содержат ссылки на user’ профиль ы) от остальной части вашего page.

@ thegraphicmac

@thegraphicmac

@thegraphicmac

@ elitistsnob

@elitistsnob

@elitistsnob

Меньше More

Андре Жид однажды сказал, что “ искусство является результатом сотрудничества между Богом и художника, и чем меньше участие художника, тем better”.Вот несколько примеров того, как минимализм может быть использована для полного эффекта:

@ line25blog

@line25blog

@line25blog

@ idesignstudios

@idesignstudios

@idesignstudios

Разместить 1024px Width

Если вам не все равно, как ваша страница профиля появится на широких экранах 1024px, вы должны будете работать вблизи верхней и левой границ фонового изображения.Вот пример того, как хороший визуальный дизайн может быть использован должным образом для различных разрешений экрана:

@ SohTanaka

@SohTanaka

@SohTanaka

Вот еще один интересный прием, чтобы убедиться, что ваша страница профиля имеет очень похожий взгляд на обоих 1024 и 1280px широкий резолюций:

@ adamplitt

@adamplitt

@adamplitt

Использование Typography

Использования типографики в Twitter фон не очень распространено, однако, если творчески использовать, можно создать уникальный, очень эффективный страницы профиля общаться дополнительных information.

@ dickieadams

@dickieadamsЕсли вы хотите прочитать полностью статью, посетите сайт наших спонсоров

Comments are closed.