¿Se recomienda poner la imagen principal debajo de la información bio en tu perfil?

No soy un experto en diseño de interfaces ( solo si crees que mi pregunta es mala ). Estoy diseñando mi propio sitio web donde comparto mi trabajo y agrego información sobre mí.

En la página principal: ¿es recomendable poner la imagen debajo del texto principal? ¿Dónde debo poner la imagen?

Me gustaría crear un diseño elegante y profesional, pero no soy un experto en diseño de interfaces.

¿Estoy tratando de molestar al usuario abruptamente con el ícono principal?

Respuestas (1)

Al ver una forma en un plano, el ojo humano tiende a buscar un soporte, un elemento donde se apoye esa figura. Si analizamos esas cifras con respecto a ese soporte virtual, cada una de ellas tiene una estabilidad diferente.

Un rectángulo horizontal es una figura muy estable porque uno de sus lados representa que el apoyo es mayor que su propia altura.

El triángulo tiene dos paredes que caen lateralmente reafirmando ese soporte virtual

A diferencia del rombo y el triángulo invertido cuyo apoyo es un punto sobre el que recae todo el peso de la figura y la hace oscilar de un lado a otro.

El círculo es la única forma que se mueve infinitamente, hacia los lados o girando sobre sí misma. Este movimiento le da su propia inestabilidad, y lo convierte en una de sus principales características.

Estabilidad

A partir de ahí, el diseñador puede crear a partir de estas pautas de estabilidad. No quiere decir que este bien o mal, son solo decisiones de diseño.

Diseño

Decisiones que pueden modificar el peso de la forma. Por ejemplo, siendo el triángulo invertido la figura más inestable, al tener un elemento superior que se apoya en uno de sus lados, le quita fuerza a su soporte y su presencia en el espacio cobra mucha más importancia. La forma de la flecha y su direccionalidad se vuelven más relevantes que el propio triángulo.

flecha

El círculo está siempre en movimiento y el ojo tiende a crear un apoyo. Salvo por su tamaño, cuanto más pequeño es el círculo, mayor es la importancia del espacio y menor la sensación de buscar un apoyo.

Teniendo esto como información, el diseñador puede generar sus propias pautas perceptivas.

Un cuadro de texto encima de un círculo crea mayor inestabilidad, el círculo es el eje sobre el que se equilibra el texto de un lado al otro:

círculo inestable

Un cuadro de texto debajo de un círculo puede tener más o menos inestabilidad, dependiendo de su ancho el círculo tendrá más o menos espacio para moverse.

parte superior del círculo

Aunque también es posible detener al menos algunos de los movimientos del círculo:

Estabilidad II

¿Cuál de todas las opciones es la que mejor encaja con tu diseño?

  • ¿Mas estable?
  • ¿Más estática?
  • ¿Más equilibrado en el espacio?
  • ¿Más inestable para llamar más la atención?
¿estabilidad? ¿No entiendo? ¿Qué quieres decir con stabilly? lo siento no soy un experto en este tema, me podrías explicar? Solo quiero un sitio web elegante y fácil para mis clientes.
Ver la última edición en la respuesta.
Aparentemente entiendes la pregunta, porque tu respuesta ha sido marcada como la correcta. ¿Podrías editar la pregunta? Me resulta extremadamente difícil averiguar qué quiere el autor de la pregunta y por qué su respuesta es relevante. Entiendo que aquí hay una barrera del idioma. ¡Gracias!
@ Vincent ¿Qué piensas ahora?
Y +1 para 'Gestalt 101' :)
@ Vincent, el idioma no es un problema para mí, simplemente no entendí su respuesta
@simon Desafortunadamente, su idioma fue un problema para mí; apenas entendí su pregunta :)
@Vincent, lo siento, intentaré crear una pregunta para todos aquí.
@simon No es necesario disculpas. Todos estamos aquí para ayudar y la mayoría de nosotros aquí tampoco somos hablantes nativos de inglés.
@simon Vincent no está hablando de tus habilidades lingüísticas, sino de tus habilidades de escritura en inglés que se pueden mejorar.
@Danielillo lo siento, lo siento, no uso el inglés formal. Siempre uso el inglés informal. Intentaré no usar el inglés informal aquí.