it-swarm-es.com

¿Por qué las imágenes de perfil se redondean hoy en día?

¿Por qué muchos sitios web y aplicaciones utilizan imágenes redondas de perfil? Incluso los mejores jugadores como Google y Apple usan fotos redondas de perfil sobre marcos rectangulares convencionales. ¿Por qué?

90
Kay Gee

Las esquinas en la imagen de una cara (que la mayoría de las personas elegirán como avatar) no son solo ruido visual innecesario, sino que pueden hacer que la imagen sea más difícil de procesar. Las cosas con bordes redondeados se consideran más fácil a la vista que las cosas con bordes afilados. Los círculos son más fáciles de procesar para el sistema visual, por lo que generan menos carga cognitiva.

Sin embargo, muchos de nosotros que crecimos con avatares rectangulares todavía los diseñamos para aprovechar al máximo un espacio rectangular. Quizás deberíamos obtener los tiempos y dejar de ser tan cuadrado .

70
Franchesca

Esto es lo que creo.

Si observa una imagen, todo lo que necesita es el área más central para comprender de qué se trata. Si se elimina el centro de la imagen, nos resulta muy difícil entender de qué se trata la imagen, mientras que si se eliminan las esquinas y se conserva el centro, aún podemos descubrir de qué se trataba la imagen.

Examples of rounded avatars, square avatars, and avatars with a hole in them

Lo anterior es cierto para la mayoría de los casos. Sé que puede haber excepciones donde el sujeto no está en el centro de la fotografía.

En cuanto a por qué todos usan avatares redondeados en lugar de cuadrados, es como preguntar por qué todos se están moviendo al diseño plano.

Espero que esto haya ayudado.

44
raz0r

enter image description here

Este es mi cálculo sobre las fotos de perfil redondeadas.

  1. ¿Por qué había una foto de perfil cuadrado antes?

    La idea se derivó del marco de fotos que eran cuadradas y para coincidir con el mundo real, la foto de perfil era cuadrada.

  2. ¿Ahora por qué ronda?

    Supongo que ahora estamos cambiando gradualmente del diseño skeuomorphic a diseños que son más eficientes en la palabra digital. También es algo nuevo que se destaca de la tradicional foto de perfil cuadrado.

  3. ¿Por qué está teniendo éxito?

    Arriba de la imagen, verá que para la imagen de perfil cuadrado, hay 5 puntos para concentrarse (cuatro en la esquina y uno en el centro). La mayoría de las veces el visual de la cara está en el centro. Entonces, los otros puntos de esquina en el Borde alejan su concentración del objeto para enfocar, mientras que si ve la foto de perfil redonda, verá solo un punto de concentración en el centro y no hay un punto distinto para concentrarse en Edge

    En resumen, en una foto de perfil redonda, podemos centrarnos fácilmente en el objeto que está en el centro, ya que es difícil en el caso del cuadrado debido a los 4 puntos de esquina que forman parte de su concentración.

9
sandeep_jagtap

Porque todos están usando 'Twitter Bootstrap' para crear un sitio web limpio y receptivo.

Parte del kit de herramientas es la clase img-circle que acaba de agregar y listo, imagen redonda, 140px de diámetro. No podría ser más fácil.

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

Puede haber más razones científicas de por qué la forma redonda está de moda, sin embargo, la adopción masiva se debe a que Twitter Bootstrap hace que sea muy fácil de hacer.

6
Theodores

¿Por qué hoy en día? Quizás porque CSS3, que se adoptó en 1999 pero solo se implementó comúnmente hace unos años, permite border-radius propiedad para que los bordes redondeados se puedan implementar fácilmente dinámicamente en un navegador. Anteriormente, uno tendría que iniciar Photoshop o crear un código de manipulación de imágenes utilizando la Biblioteca de gráficos Gd o ImageMagick en el lado del servidor para lograr el mismo efecto.

Pero dentro de la historia de las computadoras y la experiencia del usuario, puedes mira la pasión de Steve Jobs por su uso durante el desarrollo de Apple Lisa (precursora de Macintosh) en 1981:

Bill encendió su demo y rápidamente llenó la pantalla de Lisa con óvalos de tamaño aleatorio, más rápido de lo que creías posible. Pero algo estaba molestando a Steve Jobs. "Bueno, los círculos y los óvalos son buenos, pero ¿qué tal dibujar rectángulos con esquinas redondeadas? ¿Podemos hacer eso ahora, también? "

"No, no hay forma de hacerlo. De hecho, sería realmente difícil de hacer, y no creo que realmente lo necesitemos". Creo que Bill estaba un poco molesto porque Steve no estaba entusiasmado con los óvalos rápidos y aún quería más.

Steve de repente se puso más intenso. "¡Los rectángulos con esquinas redondeadas son en todas partes! ¡Solo mira alrededor de esta habitación!" Y efectivamente, había muchos de ellos, como la pizarra y algunos de los escritorios y mesas. Luego señaló por la ventana. "Y mira hacia afuera, ¡hay aún más, prácticamente en todas partes!". Incluso persuadió a Bill para que diera un paseo rápido por la cuadra con él, señalando cada rectángulo con esquinas redondeadas que pudiera encontrar.

Cuando Steve y Bill pasaron una señal de no estacionarse con esquinas redondeadas, funcionó. "Está bien, me rindo", declaró Bill. "Veré si es tan difícil como pensaba". Regresó a casa para trabajar en ello.

Bill regresó a Texaco Towers la tarde siguiente, con una gran sonrisa en su rostro. Su demostración ahora dibujaba rectángulos con esquinas bellamente redondeadas, increíblemente rápidas, casi a la velocidad de rectángulos lisos. Cuando agregó el código a LisaGraf, nombró el nuevo primitivo "RoundRects". Durante los siguientes meses, las reacciones redondas funcionaron en varias partes de la interfaz de usuario, y pronto se convirtieron en indispensable.

Todo lo dicho, lo que sí encuentro algo gracioso es ahora Apple se está moviendo hacia un círculo puro para la interfaz de usuario en iOS 7. Mientras que Windows 8 tiene qué? Toneladas de cuadrados no redondos para una interfaz. = Apple se vuelve más redondo y Microsoft se vuelve más cuadrado!

4
JakeGould

Las caras son redondas (ish). Al recortar las esquinas de la imagen, aumenta su concentricidad, ya que las curvas del borde se ajustan más a las curvas de la cabeza. Esto atrae su atención directamente al sujeto y enmarca específicamente la cara.

3
ahmacleod

Hace mucho tiempo, se necesitaba un complicado enmascaramiento de JavaScript o solo la manipulación de imágenes necesaria para llevar a cabo las imágenes redondeadas. Ahora con border-radius es una tarea fácil crear imágenes redondeadas. Entonces, supongo que la respuesta más simple sería que la gente lo hace porque es fácil de hacer y rompe el molde de la imagen cuadrada normal.

2
riotgear

Usando el mismo ejemplo de la primera respuesta, los círculos pueden ser menos cuadrados (que la columna original - primero desde la izquierda), pero tienen un fondo redundante en el medio (columna más a la izquierda).

Recortar en un rectángulo más pequeño (tercera columna desde la izquierda) hace que te centres en la cara, ya que eso es todo lo que queda.

Si el rectángulo te parece aburrido, entonces podrías experimentar con otras formas, p. trapecios En el último ejemplo (la fila inferior), el cultivo trapezoidal rápido que realicé en realidad coincide con la cara y hace que el hombre parezca más interesante frente a los círculos que parecen cuadros de finales del siglo XIX. Incluso hace que el tipo aburrido parezca menos aburrido que las alternativas.

enter image description here

1
Danny Varod

Los círculos y los bordes redondeados cuestan menos carga cognitiva que los bordes rectos y duros.

"Un rectángulo con bordes afilados requiere de hecho un poco más de esfuerzo cognitivo visible que, por ejemplo, una elipse del mismo tamaño. Nuestro" ojo de fóvea "es aún más rápido al grabar un círculo. Los bordes implican herramientas de imágenes neuronales adicionales. El proceso es, por lo tanto, ralentizado." - Prof. Jürg Nänni

Realizaciones de rectángulos redondeados

0
RobbyReindeer

La cara es la parte más importante de una foto de perfil. Cuanto menos área de fondo haya, más usuarios podrán foco en la cara.

Una imagen de perfil redondeada recorta el área de fondo en las esquinas.

Además, ayuda a los usuarios a diferenciar las imágenes de perfil de una simple foto del contenido.

0
Madalina Taina

Ahora son redondos porque está de moda. No hay otro motivo. Ningún ser humano ha tenido dificultades para reconocer una cara debido a las esquinas. Enormes porciones del cerebro humano están dedicadas al reconocimiento facial, por lo que podría tener la cara en forma de estrella y no tendría ninguna relación con el reconocimiento.

0
Randy