¿Cuál es la diferencia fundamental entre los avatares redondos y los avatares cuadrados en la interacción del producto o el diseño visual?

Enlace:/question/23506420/answer/24955628

Fuente: Zhihu

Copyright. Para reimpresiones comerciales, comuníquese con el autor para obtener autorización. Para reimpresiones no comerciales, indique la fuente.

Conclusión:

En una página con cuadrados como elemento básico, la presencia de un área circular obvia tendrá un muy buen efecto (este es exactamente el énfasis que necesita la imagen del título). efecto), pero si aparece una gran cantidad de áreas circulares, entrarán en conflicto con la gran cantidad de otros contornos cuadrados en la página.

Tome la página del espacio como ejemplo:

Las imágenes de título, los feeds individuales y las imágenes del feed (los elementos de imagen más básicos (sin la imagen del título)) son en su mayoría cuadrados. La razón de esto puede ser que la configuración de una gran cantidad de alimentos de calidad incontrolable puede no funcionar bien. Se dice que también es necesario considerar la presión sobre el rendimiento inicial.

Además, las pantallas de nuestras computadoras o dispositivos móviles, las ventanas del navegador y diversas áreas delineadas en las páginas a menudo tienen bordes cuadrados distintos.

Imagen abajo. (Editar: no sé por qué al equipo de diseño de Weibo le gusta especialmente usar líneas principales)

De un vistazo, si aparece un grupo de cuadrados y el cuadrado al lado Solo como un área circular, puede atraer instantáneamente el foco visual y destacarse por encima de la multitud.

En el escenario de la página espacial, si vale o debe hacerse, el avatar del propietario cuenta como uno. Como se muestra a continuación.

Sin embargo, si hay un cuadrado y un círculo, aparecerá una gran ola de pequeñas cabezas redondas y surgirán problemas:

La imagen de arriba es una imagen ráster + isométrica estrictamente alineada, ¡es muy aburrido trabajar con ella! La página todavía está abarrotada.

Si fuera una cascada, ¿Virgo seguiría vivo?

La pantalla del teléfono móvil es muy pequeña.

Al mostrar usuarios en lotes, si usa avatares redondos, considere debilitar el contorno cuadrado para evitar conflictos visuales:

Ejemplos de uso inadecuado de avatares redondos:

1. Hay formas cuadradas obvias en la silueta de la página. también un esquema circular claro, y esta situación no es el elemento central que debe destacarse.

2. Hay otros problemas con esta página: hay múltiples fuentes, tamaños de fuente, colores de fuente, diferentes estilos de ICONOS y la fuente del ICONO debajo de la imagen es diferente de la fuente del ICONO en la navegación inferior. .

Editado el 24-12-2014

15 comentarios

Gracias

Compartir

Colección

No es útil

Informe

El autor se reserva los derechos

Retirar

25

De acuerdo

Oponerse, tu nombre no será mostrado

Ataraxia

, diseñadora de interacción, recontratada, solicita recomendación

25 personas de acuerdo

Respecto a la diferencia entre avatares redondos y avatares cuadrados, lo pienso de esta manera: ¿Cuál tiene mayor eficiencia de reconocimiento, los avatares cuadrados o los avatares redondos? 1¿Cuál es el propósito del avatar? ¿Para qué se utiliza? Tengo entendido que el avatar se utiliza para identificar al usuario. Hay muchas formas de identificar a los diferentes usuarios: nombre de usuario, ID de usuario, avatar, correo electrónico, teléfono móvil, etc. Porque el cerebro humano tiene una mayor capacidad para recibir y procesar imágenes que para procesar texto...

Mostrar todo

En cuanto a la diferencia entre avatares redondos y avatares cuadrados, mi La idea es: ¿Cuál es más eficaz para identificar avatares cuadrados o redondos?

1. ¿Cuál es el propósito del avatar?

Mi entendimiento es: el avatar se utiliza para identificar al usuario. Hay muchas formas de identificar a los diferentes usuarios: nombre de usuario, ID de usuario, avatar, correo electrónico, teléfono móvil, etc. Dado que el cerebro humano tiene una capacidad mucho mayor para recibir y procesar imágenes que texto, y las características humanas hacen que el reconocimiento facial sea más eficiente que otras partes del cuerpo humano, muchos usuarios de Internet utilizan avatares de usuario para identificarlos.

Los avatares cuadrados y los avatares redondos tienen el mismo propósito en el reconocimiento facial para identificar a los usuarios.

Las características del rostro humano son las siguientes:

2. La diferencia entre cuadrado y círculo

Cuadrado y círculo son las formas de la escena, están en el foco visual. La diferencia es que el foco de un círculo está muy concentrado, en el centro del círculo. El foco del cuadrado está en los cuatro puntos de la cuadrícula de nueve cuadrados.

3. Qué imágenes suelen usar los usuarios como avatares

Lo ideal es que los usuarios utilicen fotos de sus rostros reales como avatares. De hecho, existe una gran variedad de imágenes de avatar utilizadas por los usuarios. Tomar fotografías en una computadora no es fácil, por lo que QQ proporciona muchas imágenes diferentes, como fotografías de paisajes, fotografías de naturalezas muertas, avatares de personajes de dibujos animados y otros avatares predeterminados para que los usuarios elijan. Con el auge de los teléfonos inteligentes, ahora es más fácil para los usuarios tomar fotografías, pero por diversas razones, como la privacidad, muchas personas todavía no utilizan fotografías estándar de rostros reales como avatares.

Además, si el usuario es un usuario de empresa/empresa, se suele utilizar como avatar el logotipo de la empresa/empresa.

4. ¿Cuál es más eficiente para reconocer avatares cuadrados o avatares circulares?

R. Si el usuario utiliza una foto de cara estándar como avatar, el avatar circular le permite ignorar el fondo de la foto (flores, hierba, etc.) y centrarse en la cara más rápido. En este caso prefiero un avatar redondo porque identifica más eficazmente al usuario. Pero este no es del todo el caso para identificar las sutiles diferencias entre los dos cabezales gemelos en una determinada posición, la ventaja de que el cabezal cuadrado tenga más posiciones de enfoque hará que sea más fácil de identificar.

B. Si el usuario no utiliza una foto de rostro estándar como avatar, no habrá mucha diferencia entre los dos, porque el usuario mira la foto general en lugar de centrarse en el departamento de rostro. .

C. Pero si el usuario es una empresa, entonces un avatar cuadrado será más adecuado. Debido a que muchos logotipos de empresas son rectangulares, el uso de un avatar redondo no siempre encaja debajo del logotipo o no encaja bien.

5. Un contorno circular puede recordar mejor a los usuarios que se trata de un avatar.

Las imágenes cuadradas son muy comunes en Internet. Las imágenes de productos son cuadradas y, en varios sitios web de redes sociales, las miniaturas lo son. también cuadrado…. Las imágenes cuadradas no recuerdan inmediatamente a los usuarios un avatar. Las imágenes circulares no son comunes, todas las fotografías tomadas son rectangulares y las imágenes circulares se utilizan principalmente para avatares e íconos en Internet. Una imagen redonda ayuda a los usuarios a comprender mejor que se trata de un avatar.

Además, cuando los usuarios suben fotos personales, si usan un avatar de perfil redondo, los usuarios estarán más inclinados a usar fotos de caras como avatares. Esto se debe a que muchas fotografías de paisajes, que requieren mirar la foto completa, no son adecuadas para mostrarse de manera que se enfoquen en un solo punto.

6. Prueba

Lo anterior son solo pensamientos personales, que pueden no ser exactos y es difícil convencer a todos. Pensé que se podría hacer una prueba sencilla para ver si un avatar cuadrado o uno redondo es más eficaz para identificar a los usuarios.

A. Prepare 500 piezas de información del usuario (avatar, apodo y firma) e intente simular las formas comunes que muestra el avatar.

B. Identificar aleatoriamente a 30 usuarios y pedirles que resuman su información en otra página y la impriman.

C. Invita a 20 personas más, muéstrales la información impresa de 30 personas y pídeles que encuentren a estas 30 personas entre los 500 usuarios, calculen el tiempo y vean cuál es más eficiente.

Publicado el 02-11-2014

3 comentarios

Gracias

Compartir

Recopilar

No me ha resultado útil

Reportar

El autor se reserva los derechos

Recopilar

Para siempre

Piénsalo y hazlo

2 personas estuvieron de acuerdo

Estudié las ideas analíticas de los encuestados anteriores desde varios ángulos. Ahora proporcionamos una respuesta corta más perceptiva: la cabeza humana está más cerca de un círculo, y el uso de un avatar redondo es más propicio para resaltar las características de la cabeza del "personaje" después de todo, la imagen de una persona no es un cuadrado; un círculo es en realidad un Los puntos tienen más probabilidades de convertirse en el punto focal de atención visual que los cuadrados. Los avatares cuadrados suelen ser una persona (o protagonista) y un anillo; ...

Mostrar todos

Estudiar las ideas de los anteriores entrevistados desde varios ángulos. La siguiente es una respuesta corta relativamente emotiva:

La cabeza humana está más cerca de un círculo. Usar un avatar redondo es más propicio para resaltar las características de la cabeza del "personaje". no cuadrado;

El círculo es en realidad un punto, que es más fácil convertirse en el punto focal del foco visual que el cuadrado

La combinación del personaje (o protagonista) y generalmente se considerará el entorno en el avatar cuadrado La relación entre el personaje y el entorno;

Resumen: aunque un avatar redondo hará que el avatar se destaque más, no es el único factor a considerar al elegir una forma de avatar.

Otros factores a considerar incluyen:

Armonía con otros elementos de la página (como se mencionó anteriormente, el conflicto entre cuadrados y círculos, la esencia es que demasiado enfoque en la página puede parecer desordenado)

p>

El costo de procesar y mostrar imágenes circulares en la parte frontal de una página web: después de todo, las imágenes que se pueden obtener tomando fotografías y varias imágenes de páginas web son cuadradas;

. ... ..

Las dos formas de avatares tienen sus propias características. Cuál elegir depende de la combinación de los factores anteriores y del significado que el avatar debe transmitir.

Pero dicho esto, ¿alguien ha prestado atención a la experiencia interactiva al configurar un avatar circular en un cliente móvil? Los detalles de la interacción me parecieron muy antinaturales, al menos a mí.

¿Cómo hacer un avatar redondo?

Seleccione una imagen: seleccione del álbum/tome una foto en su teléfono

Capture la imagen seleccionada a un tamaño admitido por el sistema: generalmente arrastre un marco de captura rectangular y seleccione la imagen seleccionada En el área que necesita ser capturada como avatar, las aplicaciones bien pensadas admitirán el escalado de imágenes para que el marco de captura rectangular pueda contener más imágenes, pero las aplicaciones generales no son tan pensadas;

Determinar el tamaño de el marco de captura rectangular Después de seleccionar la ubicación, haga clic en Aceptar y el sistema procesará automáticamente el área rectangular seleccionada en un avatar circular;

¿Encontró un problema? Durante el proceso de interceptar el avatar, siempre ves una imagen rectangular, pero el avatar final debe procesarse en un círculo desconocido dentro de un marco negro, por lo que es imposible lograr que lo que ves sea lo que obtienes. Por lo general, la cabeza redonda hecha así estará un poco descentrada, lo cual no es amigable para las personas con trastorno obsesivo-compulsivo y Virgo, ¿de acuerdo? Desde la perspectiva del usuario, los avatares cuadrados son más fáciles de crear; después de todo, todas las fotos que tomamos son cuadradas y lo que ves es lo que obtienes.

Por lo tanto, no siga ciegamente la tendencia de utilizar avatares redondos "de moda". Los diseñadores o gerentes de producto deben considerar la armonía de la visualización de la página y, lo que es más importante, considerar la producción y vista previa de avatares relacionados con el redondo. experiencia de avatares.