¿No tienes sensación de espacio en tu trabajo de diseño? ¿Sin nivel? ¿Demasiado soso? ¿Algún consejo?

Un problema que los líderes y clientes suelen decir es que este diseño siempre da la sensación de que falta algo, es demasiado plano y carece de jerarquía. Por favor cámbielo de nuevo. Puede que estés confundido en tu mente y la jerarquía lo sabe, pero ¿cómo hacerlo? De hecho, no existe una definición oficial clara de jerarquía visual, pero podemos entenderla como la forma de expresar la composición plana y la composición espacial a través de elementos de modelado como puntos, líneas, superficies, colores y gráficos. Una disposición razonable de puntos, líneas, superficies, colores y gráficos hará que el plano y el espacio sean más razonables, que es la jerarquía visual.

El nivel visual se refleja en muchos aspectos, como el color, el tamaño del elemento, el contraste, etc. A continuación lo podemos explicar en la web del juego, el diseño es el mismo.

Primero, el nivel de los elementos de la pantalla

Al diseñar, si simplemente colocas el material encima, no manejas la relación jerárquica entre los elementos de la pantalla, como la luz y la sombra. perspectiva de los elementos, entonces el producto definitivamente se verá plano. ¡confusión! ¡Flores! Como se muestra en la imagen a continuación

Puede que tengas preguntas, he colocado los elementos que deberían colocarse, pero ¿por qué todavía parece no tener jerarquía? Podemos aprender de una buena fotografía cómo manejan los elementos. En realidad, la jerarquía visual es la misma que la perspectiva en fotografía y te beneficiará mucho.

Lo anterior es mi análisis de la foto de arriba. Se puede ver en la figura que algunas de las técnicas utilizadas por los fotógrafos para lidiar con la jerarquía visual existen en la fotografía general. A través de diferentes técnicas de procesamiento de las tres, se logra la jerarquía visual actual.

Si el primer plano se considera el centro de visión como se muestra en las Figuras 1 y 2, entonces el primer plano debe ser el más alto y claramente visible, y la visión debe ser la más débil entre la visión borrosa. Si se considera la escena intermedia como el centro visual, como se muestra en la Figura 3, entonces el primer plano y la visión son los más débiles. Si se procesa de esta manera, toda la foto se verá muy natural y en capas, porque así es como el ojo humano ve las cosas. En cuanto a cómo fortalecer o debilitar, no es más que tamaño, luces y sombras y claridad.

Dicho todo esto, ¿qué tiene esto que ver con nuestro diseño? ¿Cómo podemos utilizarlos en nuestros diseños? ¡Veamos cómo lo manejan los buenos diseñadores!

La página web anterior es la excelente página de reclutamiento de artistas de béisbol de EA, lo cual es muy bueno. Como puedes ver, este sitio web tiene capas obvias, entonces, ¿cómo lo hacen? ¡Analicemos cómo lo manejan!

Se puede ver claramente en la página web que la página web está dividida en tres escenas: frontal, intermedia y lejana. Con el primer plano como centro visual, a través de diferentes métodos de procesamiento de elementos en diferentes niveles. Como se muestra en la figura, el primer plano está nítido y las escenas media y lejana tienen un desenfoque gaussiano.

En comparación con la imagen de arriba, este método de procesamiento es algo diferente. La escena del medio es el centro visual, por lo que los elementos de la escena del medio son claramente visibles. Debilitar el primer plano y el primer plano al reducirlo y desenfocarlo. esto El manejo tiene más capas.

En segundo lugar, el nivel de color

En cuanto al nivel de color, no basta con que hagas bien el nivel de elementos, el color también es muy importante. Hay muchos tutoriales en línea sobre cómo combinar colores, por lo que no entraré en detalles aquí. Aquí hablamos principalmente de cómo expresar un sentido de jerarquía mediante la combinación de colores.

Todo el mundo sabe que existen colores principales, colores auxiliares y colores de contraste a la hora de decorar y diseñar tiendas online, pero no sé por qué los productos no son monótonos y elegantes, entonces esto puede deberse a que los niveles de color no se manejan bien. La gradación de color significa que después de eliminar el color de la obra, la proporción de blanco y negro no aparece en la obra. Si una obra tiene demasiado negro, el efecto general será pesado. Si hay demasiado blanco el efecto será muy pálido. Más gris, menos blanco y negro.

Como se puede ver en la imagen de arriba, incluso después de eliminar los colores, solo quedan negro, blanco y gris. La imagen no es monótona ni desigual, porque el diseñador ajustó el brillo y la pureza de la imagen. colores, por lo que incluso si después de quitar el color, también se ve con muchas capas.

La proporción entre colores también afecta a los niveles de color, como se muestra a continuación. Los colores principales son el azul y el negro, y los colores secundarios son el blanco y el amarillo. Puedes ver que las proporciones de estos colores no son iguales. Si solo hubiera un color en todas partes, la página definitivamente caería en el pozo de los colores monótonos. Si hay demasiados colores y cada color representa una gran proporción, definitivamente caerá en la trampa de los colores llamativos, por lo que se debe comprender la proporción de colores, que generalmente es el punto clave.

Puedes ver que la información importante destaca a lo largo de la página. A través del contraste de luz y oscuridad y tamaño, se resalta la jerarquía visual, logrando así una jerarquía visual.

La página web creada de esta manera no es monótona ni sofisticada, lo que facilita a los visitantes encontrar información importante.

Resumen:

Vale la pena aprender el aspecto visual de los amigos. Una única jerarquía visual es sólo una parte del diseño. Además, también es necesario estudiar el diseño de la fuente y la selección del material. No es muy detallado, pero espero que todos sepan que este artículo habla sobre cosas a las que se debe prestar atención y en las que se debe pensar en el diseño.