—»     —»   Разрабатываем хронику из фотографий в Facebook: лучшие примеры реализации
  Раздел: Социальные сети   Нет комментариев  

Разрабатываем хронику из фотографий в Facebook: лучшие примеры реализации



24 января разработчики социальной сети Facebook объявили, что вскоре профайл каждого пользователя сети будет отображен в виде хроники. Если это неизбежные изменения, то почему сейчас самостоятельно не изменить свой профайл – многие пользователи уже сделали это, так как формат был запущен еще в сентябре. Timeline – это новый формат стены в Facebook, который позволяет освещать информацию о вас по мере того, как всё происходило.

Разрабатываем хронику из фотографий в Facebook: лучшие примеры реализации

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

Выберите изображение для обложки вашей страницы

Технические характеристики

Разрабатываем хронику из фотографий в Facebook: лучшие примеры реализации

Фото-обложка покрывает всю ширину хроники, но не изменяется в размере относительно ширины окна браузера. Она всегда остается шириной в 720 пикселей. По высоте фотография займет 265 пикселей, но высота немного увеличивается за счет области с аватарой. Ввиду необходимых размеров, Facebook рекомендует вам в качестве обложки загружать высококачественные фотографии, потому что маленькие изображения, следовательно, могут быть использованы в качестве аватары.

С такими цифрами достаточно сложно работать. Размеры стандартной печатной фотографии составляют 6 дюймов в ширину и 4 в высоту. Для сравнения, фотография для обложки в сети Facebook имеет соотношение сторон 4 к 1.5. То есть, вам придется срезать почти половину фотографии, чтобы использовать ее в качестве обложки.

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

Кадрирование снимка

Разрабатываем хронику из фотографий в Facebook: лучшие примеры реализации

Пройдитесь по всем вашим снимкам, чтобы выбрать что-то действительно привлекательное. Это может быть огромный снимок, на котором будет только ваше лицо, вы с друзьями, либо просто снимок вас на фоне города, виднеющегося с вершины горы. При просмотре фотографий, всегда учитывайте горизонтальную ориентацию снимка, и помните о том, что нижняя часть фотографии должна быть «отсеяна».

Разрабатываем хронику из фотографий в Facebook: лучшие примеры реализации

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

Разрабатываем хронику из фотографий в Facebook: лучшие примеры реализации

Сохраните фото и загрузите его на Facebook. Не нужно уменьшать изображение до 720 пикселей перед тем, как загрузить его. Загружайте его в высоком разрешении. Для того чтобы впервые добавить обложку, вам нужно кликнуть по ссылке «Добавить обложку» на хронике. Для того чтобы изменить существующую обложку, перейдите по ссылке «Изменить обложку» в нижнем правом углу фото-обложки.

Создаем изображение

Разрабатываем хронику из фотографий в Facebook: лучшие примеры реализации

Вы также можете создать изображение для вашей обложки по тому же принципу, по которому вы кадрировали снимок. Начните с чистого холста шириной в 4 дюйма и высотой 1.5 в высоком разрешении (300 dip или выше).

Не забудьте оставить место для аватары. Она встроена в обложку и расположена в её левом нижнем углу.

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

Скачиваем изображение

Многие веб-сайты уже начали выкладывать подборки готовых изображений для обложки хроники.

Разрабатываем хронику из фотографий в Facebook: лучшие примеры реализации

Недавно The Detroit Free Press опубликовали одну из картинок у себя на странице в Facebook специально для любителей Lions. Дизайнеры газеты создали изображение для хроники, руководствуясь существующими фанатами. Используя аватарку, можно практически слиться с обложкой. Они также не упустили возможности продвинуть бренд, так как в изображение был встроен логотип.

Несколько других веб-сайтов, типа WhataTimeline.com и fbProfileCovers.com предлагают нам различные подготовленные обложки, которые можно скачать абсолютно бесплатно.

Что работает лучше всего

Разрабатываем хронику из фотографий в Facebook: лучшие примеры реализации
Разрабатываем хронику из фотографий в Facebook: лучшие примеры реализации

При выборе фото-обложки, старайтесь выбирать резкие и четкие изображения. Помните, что это изображение будет отображено в большом расширении и будут видны мелкие детали. Основатель Facebook Марк Цукерберг использует изображение собачки; куортербек Denver Broncos Тим Тибоу использует фотографию, сделанную во время игры.

Разрабатываем хронику из фотографий в Facebook: лучшие примеры реализации

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

Разрабатываем хронику из фотографий в Facebook: лучшие примеры реализации

Запомните расположение вашей аватарки. Выберите изображение-обложку, которое полноценно задействует пространство, и при этом ориентируйтесь на то, что все самое важное должно быть расположено в правом верхнем углу снимка, чтобы аватарка не закрывали ничего. Тайра Бэнкс, например, использует собственную фотографию, которая отлично сочетается с аватаркой.

Разрабатываем хронику из фотографий в Facebook: лучшие примеры реализации
Разрабатываем хронику из фотографий в Facebook: лучшие примеры реализации

Кроме того, можно проявить креативность и интересным образом соединить аватарку вместе с изображением-обложкой. Пользователь сети Facebook Энри Педернера создал изображение, в котором использовал часть знаменитой сегодня игры Angry Birds, а Мухаммед Аззам создал другое забавное изображение, которое соединяет его аватарку с обложкой.

Чего следует избегать

Разрабатываем хронику из фотографий в Facebook: лучшие примеры реализации

Старайтесь избегать пиксельных изображений, как например используется на странице бывшего игрока NFL и текущего аналитика Fox Майкла Страэна. Расположение обложки также отвлекает, а аватарка и вовсе в конец портит всю композицию. Фотография Страэна в верхнем левом углу прямо над аватаркой, а также часть изображения с размытым фоном не несут никакой полезной информации, которая бы предполагала принадлежность фотографии хозяину профайла.

Старайтесь не использовать изображения, которые вы выставляли вас или вашу деятельность не в лучшем свете. Также избегайте изображений, которыми заполнены все социальные сети. По правилам Facebook страница профайла видна всем, а также видны фотографии старого профайла и старые обложки.

Заключение

Обновление интерфейса Facebook представляет собой нечто большее, чем просто фотографии, и несмотря на различные противоречащие мнения, вы теперь действительно имеете возможность удивить своим профайлом. А займет это всего пару минут.

Помните, что выбранное вами изображение – это представление вашего цифрового «Я», и поэтому выбирать следует очень осторожно. Возможно, большинство профайлов доступно только списку друзей, но изображение-обложка будет видна всем. Так что, выберите время, и займитесь организацией своего профайла. Найдите что-то, что подходит вам больше всего.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: Facebook
Опубликовал Design FactoRy   Прочитано (раз): 14962   |   Нет комментариев
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Национальная денежная единица России
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Сентябрь 2017    »
ПнВтСрЧтПтСбВс
 123
45678910
11121314151617
18192021222324
252627282930