Почему фотографии профиля округляются в наши дни?

Почему многие веб-сайты и приложения используют круглые фотографии профиля? Даже лучшие игроки, такие как Google и Apple, используют круговые профили для обычных прямоугольных рам. Почему?

86 голосов | спросил Kay Gee 4 Maypm14 2014, 14:28:48

13 ответов


67

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

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

ответил Franchesca 4 Maypm14 2014, 23:04:29
44

Вот что я думаю.

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

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

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

Что касается того, почему все используют закругленные аватары, а не квадратные, это похоже на то, чтобы спросить, почему все двигаются в Flat Design.

Надеюсь, что это помогло.

ответил raz0r 4 Maypm14 2014, 15:25:35
8

введите описание изображения здесь>> </p>

<p> Это мой расчет на снимках с округленным профилем. </p>

<ol>
<li>
<p> Почему был квадратный профиль pic раньше? </p>

<p> Идея была получена из фоторамки, которые были квадратными и соответствовали реальному миру, что pic профиля был квадратным. </p>
</li>
<li>
<p> Теперь зачем кругом? </p>

<p> Думаю, теперь мы постепенно переходим от skeuomorphic дизайна к проектам, которые более эффективны в цифровом слове. Также это новая вещь, которая выделяется из традиционного квадратного профиля pic. </p>
</li>
<li>
<p> Почему он преуспевает? </p>

<p> Над рисунком вы увидите, что для квадратного профиля pic сосредоточено 5 очков (четыре на углу и один в центре). <strong> В большинстве случаев лицо визуально находится в центре. </strong>. Так что другой
угловые точки на краю отбирают концентрацию от объекта к фокусу, тогда как если вы видите круговой профиль pic, вы видите <strong> только одну точку концентрации в центре </strong> и <strong> нет четкой точки, чтобы сосредоточиться на краю . </strong> </p>

<p> <strong> Короче в круглом профиле pic мы можем легко сфокусироваться на объекте, который находится в центре, где это сложно в случае квадрата из-за четырех угловых точек, которые принимают участие в вашей концентрации. </strong> </p>
</li>
</ol></body></html>

ответил sandeep_jagtap 5 Maypm14 2014, 13:28:43
5

Потому что каждый использует «Twitter Bootstrap», чтобы сделать чистый, отзывчивый веб-сайт.

Часть инструментария - класс img-circle, который вы просто добавляете, и вуаля, круглое изображение, диаметр 140px. Это не может быть проще.

http://getbootstrap.com/css/#images

Могут быть более научные причины того, почему круглая форма в моде, однако массовое усыновление связано с тем, что Twitter Bootstrap делает это очень легко.

ответил Theodores 5 Maypm14 2014, 17:57:29
4

Почему сейчас? Возможно, потому, что CSS3, который был принят в 1999 году, но был реализован всего несколько лет назад, позволяет использовать border-radius , поэтому округленные границы могут быть легко реализованы динамически в браузере. Раньше приходилось запускать Photoshop или создавать код манипуляции изображениями с помощью GD Graphics Library или ImageMagick на стороне сервера для достижения такого же эффекта.

Но в истории компьютеров и пользовательского опыта вы можете оглянуться на Стив Джессика страсть к их использованию во время разработки Apple Lisa (предшественник Macintosh) в 1981 году:

  

Билл выпустил свою демоверсию, и он быстро заполнил экран Лизы   овалы случайного размера, быстрее, чем вы думали. Но   что-то беспокоило Стива Джобса. «Ну, круги и овалы хороши,   , но как рисовать прямоугольники с закругленными углами? Можем ли мы это сделать    теперь тоже? "

     

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

     Стив внезапно стал сильнее. "Прямоугольники с закругленными углами    везде! Просто осмотрите эту комнату! ». И конечно же, были   многие из них, как и доска, и некоторые столы и столы.   Затем он указал на окно. «И посмотри на улицу, есть еще больше,   практически везде, где вы смотрите! ». Он даже убедил Билла взять   быстро прогуляйтесь по блоку с ним, указывая на каждый прямоугольник   с закругленными углами, которые он мог найти.      

Когда Стив и Билл прошли знак без парковки с закругленными углами, он   сделал трюк. «Хорошо, я сдаюсь», - умолял Билл. «Я посмотрю, если это так   как я думал ». Он вернулся домой, чтобы поработать над этим.

     

Билл вернулся в Техасо Башни следующим днем, с большим   улыбка на его лице. Его демо теперь рисовало прямоугольники с   красиво закругленные углы быстро растут, почти со скоростью   простые прямоугольники. Когда он добавил код к LisaGraf, он назвал новый    примитивный «RoundRects». В течение следующих нескольких месяцев roundrects работали    их путь в различные части пользовательского интерфейса и вскоре стал    незаменим.

Все, что сказало, что я нахожу несколько веселым, теперь Apple движется в направлении чистого круга для пользовательского интерфейса в iOS 7. В то время как в Windows 8 есть что? Тонны некруглых квадратов для интерфейса. Apple получает круглый и amp; Microsoft getâ € ™ s squarer!

ответил JakeGould 7 Mayam14 2014, 08:29:38
3

Лица круглые (ish). Обрезая углы изображения, вы увеличиваете его концентричность, так как кривые границы приближаются к кривым головы. Это привлекает ваш глаз непосредственно к предмету и, в частности, обрамляет лицо.

ответил ahmacleod 5 Mayam14 2014, 09:07:49
2

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

ответил riotgear 11 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowFri, 11 Sep 2015 17:57:35 +0300 2015, 17:57:35
1

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

Обрезание на меньший прямоугольник (третий столбец слева) заставляет вас сфокусироваться на лице, так как это все, что осталось.

Если прямоугольник кажется вам скучным, тогда вы можете экспериментировать с другими формами, например. трапеции. В последнем примере (нижняя строка) быстрая трапеция, которую я предварительно сформировал, на самом деле соответствует лицу и делает парня более интересным, чем круги, которые кажутся кадром в конце XIX века. Это даже заставляет скучного выглядящего парня казаться менее скучным, чем альтернативы.

введите описание изображения здесь>> </p></body></html>

ответил Danny Varod 5 Mayam14 2014, 00:43:08
0

Теперь они круты, потому что это модно. Никакой другой причины. Ни один человек никогда не сталкивался с трудностями при распознавании лица из-за углов. Огромные части человеческого мозга предназначены для распознавания лица, поэтому вы можете иметь лицо в форме звезды, и это не повлияет на признание.

ответил Randy 25 AM00000010000004131 2016, 01:35:41
0

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

  

«Прямоугольник с острыми краями действительно имеет немного более познавательное видимое усилие, чем, например, эллипс того же размера. Наши« фовеа-глаза »еще быстрее записывают круг. Края включают в себя дополнительные инструменты изображения нейронов. поэтому процесс замедляется ». - Профессор Jürg Nänni

Реализации округлых прямоугольники.

ответил Rob E 12 MarpmMon, 12 Mar 2018 12:08:11 +03002018-03-12T12:08:11+03:0012 2018, 12:08:11
-2

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

Dan

ответил Daniel A. Gauthier 5 Mayam14 2014, 06:13:21
-3

Изображение круглой формы Выходит для поиска человека в Интернете по сравнению с изображениями Google Square плюс. Это будет больше Eye Catchy, и, возможно, он приведет к более высокой скорости клика (CTR)

Ссылка: http: //webmaster-land .com /how-to-make-a-round-google-profile-image / & http://louisem.com/2956/google-cover-photo-size

ответил Andy 5 Mayam14 2014, 00:22:09
-5

Хорошо,

Только мужчины, задающие этот вопрос, и большинство из них не являются дизайнерами или АРХИТЕКТАМИ. На самом деле рост женщин-дизайнеров сделал это более распространенным, а nueroscientists изучают перекрытие.

  

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

Более мягкие цвета и округлые фигуры более приятны для менее агрессивной женской психики.

  

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

http://www.fastcodesign.com/3020075/почему-наши-мозги-любовь-соблазнительная-архитектура

http://www.smithsonianmag.com/science-nature/do-our-brains-find-certain-shapes-more-attractive-than-others-180947692/?no-ist

Многие популярные сообщества сообществ жалуются на то, что не имеют достаточного интереса к женщинам. Они должны попробовать еще несколько кривых радиуса и градиентов (дает иллюзию кривизны), чтобы увидеть, смогут ли они получить доверие от другой половины сети.

  

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

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

ответил Carl McDade 5 Mayam14 2014, 00:58:54

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132