Почему фотографии профиля круглые? Перевод

German German 9 Мая 2022

Instagram избавился от квадратных изображений в 2015 году. Теперь его аватарки обведены. Facebook, Snapchat и LinkedIn последовали той же тенденции и отказались от фотографий квадратной формы.

Вы когда-нибудь задумывались, почему эти технологические гиганты сделали это? И в чем причина использования закругленных изображений?

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

Почему изображения профиля округлены?

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

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

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

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

Несколько лет назад я сделал фотографию, показанную выше. Оригинал имеет квадратную форму. Даже если вы не знаете город, вы можете угадать его со 100% уверенностью.

Красный автобус с конечной остановкой «Ковент-Гарден», левостороннее движение, виднеющаяся где-то издалека часть знаменитого Тауэрского моста заставляют сразу угадывать город. Ты прав! Это Лондон.

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

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

Квадратные и круглые фотографии улицы
Квадратные и круглые фотографии улицы.

Увеличение использования мобильных устройств

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

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

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

Как мы уже видели, социальные сети — это настоящая индустрия подражателей, где одна платформа следует тенденциям и стратегиям остальных.

Новую тенденцию быстро переняли другие социальные сети, такие как Instagram, Snapchat и LinkedIn.

Удивительно, но много разговоров о закругленных углах началось с барабанной дроби Стива Джобса! Он был ярым сторонником округлых изображений, заставляя сотрудников Apple перепроектировать и перекодировать интерфейсы нескольких устройств.

Уолтер Айзексон, известный американский писатель и профессор Исторического университета Тулейна, опубликовал подробную библиографию о Стиве Джобсе, где изложил захватывающую историю.

Стив Джобс критиковал своих инженеров macOS за создание элементов квадратной формы. В частности, инженер хотел разработать кнопки квадратной формы, поскольку их было намного проще визуализировать. Стив Джобс был категорически против этой идеи. Он вывел инженера на прогулку и показал на все, что имело округлую форму, на знак «уступи дорогу», на знак «парковка», на все. Джобс пытался сообщить следующее:

«Очень редко можно найти острый угол в мире природы. Это очень редкая форма».

«Мир состоит из закругленных углов. Острые углы причиняют вам боль. Следует избегать острых углов».

Apple до сих пор помнит этот урок Стива Джобса. Угадай, что? Все значки приложений для iPhone и по сей день имеют закругленные значки.

Ист: bettermarketing.pub

3 Ответа

  1. Evg Evg 9 Мая 2022

    Спасибо за размещение! На этот вопрос нельзя дать решительный ответ изолированно. Необходимо рассмотреть более крупную структуру дизайна. Тем не менее, некоторые подсказки:

    История Стива Джобса, вот оригинал этой истории, где Стив говорит (настаивает) про то, что углы должны быть закруглены. Он говорит:

    Посмотрите, в природе нет острых углов, все тяготеет к закруглению. Посмотрите вокруг.

    Но он не говорит про круги! Мне не особо понятно подмещивать это в статью, где есть четкий разговор про круглые и квадратные. Раз.

    Два. Круги имеют место быть и полностью согласен про фокус, если там реальное ваше фото. Возможно и для мобильного дизайна это имеет место быть.

    В любом случае, данная ситуация подлежит осмыслению, если мы готовы выбирать опираясь на знания, а не на следование: «что делают другие, то и я».

    Что касается этого сайта LibArea.

    На данный момент мы имеем наборы для квадратов и кругов (группы, темы и аватарки): ava-base, ava-sm и т.д. — 4 варианта и есть img-base, img-sm — еще 4. Кроме этого тут есть и девятый вариант img-sm-min — это много.

    Хорошо. Мы договорились, что аватарки должны быть круглыми. Надо делать всё однообразно, то почему они в блогах и профиле квадратные? Опс.

    В общем, иногда полезно сделать шаг назад, всё осмыслить и далее двигаться дальше. Но «осмыслить» и смотреть желательно (лучше) на простом варианте. Упростим! Я оставлю всего 4 варианта вместо 9, а далее будем глядеть.

    Квадратные аватарки
    Это добавлено в админку, как набор размеров. И перенесу на сайте в ближайшее время, чтобы визуально видеть. Если что, вернем назад.

  1. Yori Yori 10 Мая 2022 (ред.)

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

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

  1. OleStep OleStep 10 Мая 2022 (ред.)

    Возможно, если дизайнер хочет уважать каждую деталь и разнообразие стилей, он будет использовать:

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

    Это только мысли.