Red de conocimiento del abogados - Ley de patentes - ¿Cómo aumentar las capas de diseño?

¿Cómo aumentar las capas de diseño?

¿Qué son las capas?

Combina los distintos elementos de la imagen de forma razonable, clara y rítmica para que toda la imagen parezca más cómoda, agradable y coordinada. ¿No se siente profundo? Bueno, en otras palabras, en palabras simples: ¡ni demasiado, ni muy poco, solo lo suficiente para parecer cómodo!

Este artículo está dividido en 3 capítulos y cada capítulo tiene varios puntos de conocimiento subdivididos. Lectores, ¡léanlo detenidamente!

Para una comprensión preliminar, echemos un vistazo al esquema del artículo:

1. El nivel de la imagen

Utilice puntos, líneas y superficies. para dividir la imagen

Espacio en blanco

Encontrar niveles en fotografía

Niveles de colores

Contraste de colores

La popularidad de los colores degradados

Control de múltiples combinaciones de colores

Nivel de texto

Contraste de fuentes

Contraste de texto

Haga clic para ingresar la descripción de la imagen

1. La jerarquía de la imagen

1 Utilice puntos, líneas y superficies para dividir la imagen. /p>

Los puntos, las líneas y las superficies son el diseño. Los estudiantes que han estudiado composición de planos deben tener cierta comprensión de los elementos de diseño más básicos en diseño gráfico. Los puntos de conexión se convierten en una línea, las líneas de conexión se convierten en una superficie y cuándo. La superficie se reduce hasta cierto punto, se convierte en un punto. El límite de la superficie es una línea. Cuando el ancho de la línea aumenta y los puntos se extienden a un área determinada, se convierte en una superficie.

Las frases anteriores pueden parecer complicadas, pero si lo piensas detenidamente, este es el principio de todos los elementos del mundo e incluso de las estrellas del universo. Pongamos un ejemplo a continuación.

Haga clic para ingresar la descripción de la imagen

La imagen de arriba puede resumir básicamente todos los cambios en puntos, líneas y superficies. Analicémoslo a continuación.

Haga clic para ingresar la descripción de la imagen

El elemento de cruz en el círculo rojo puede verse como un "punto" y aparece como un elemento decorativo en la imagen general. Cabe señalar que los llamados "puntos" no son sólo círculos. Cualquier elemento con el tamaño y área más pequeño de la imagen puede considerarse un "punto". Los pequeños puntos de la imagen pueden considerarse "puntos" o "superficies". Entonces no está mal conectar los puntos a la superficie.

Haz clic para ingresar la descripción de la imagen.

¿Qué crees que es la línea en el círculo amarillo? No creo que sea una línea sino un punto. ¿Por qué? Porque no importa su proporción en la imagen o su papel, pertenece a los atributos de un punto. ¿Y dónde está la línea? En el cruce de los bloques verde y rojo. También hay bordes de bloques de colores. Y esto ilustra un uso importante de la "línea": la segmentación. Las "líneas" de la imagen dividen la imagen completa en cuatro áreas de diferentes tamaños. Esta división hace que la imagen sea más interesante y tenga más capas.

Haga clic para ingresar la descripción de la imagen

Las cuatro áreas separadas por la línea son el elemento "caras".

Esta ilustración no solo ilustra varias características importantes del punto, la línea y el plano, sino que también demuestra que el punto, la línea y el plano no son fijos debido a su forma, sino que seguirán cambiando.

Por último, resumamos algunas características de los puntos, líneas y superficies:

Puntos: son los elementos más decorativos, por lo que en la mayoría de ocasiones juegan un papel decorativo en el cuadro.

Línea: Además de su función decorativa, también juega un papel segmentando el cuadro, entrelazando elementos y proporcionando orientación visual.

Cara: suele desempeñar el papel de estabilizar la imagen y transportar información importante.

Otra cosa a tener en cuenta es que los puntos, las líneas y las superficies se utilizan en combinación. Piénselo, ¿cómo se pueden mostrar las características de los puntos y las líneas sin la lámina de las superficies?

Haga clic para ingresar la descripción de la imagen

Por favor haga clic para ingresar a la descripción de la imagen

A través de estos casos de diseño, podemos analizar y concluir que utilizando efectivamente la combinación de puntos, líneas y superficies se pueden diseñar obras con capas ricas. ¿Y cómo hacemos eso? ——Copia de reemplazo. Extraiga lecciones de los puntos, líneas y elementos planos de buenos trabajos de diseño y luego utilícelos e innove.

Haga clic para ingresar la descripción de la imagen

2. Espacio en blanco

El espacio en blanco es una técnica muy común en el diseño y no solo hace que la imagen sea ordenada. , limpio y transpirable Además, es una comprensión y un uso más profundos de la "superficie", y el diseño minimalista que se usa mucho ahora es un mejor tipo de diseño en el procesamiento de espacios en blanco.

Hablemos del impacto de los espacios en blanco en la jerarquía. Veamos primero algunos casos de diseño.

Haga clic para ingresar una descripción de la imagen

El trabajos de diseño anteriores La característica única es que hay una gran cantidad de espacio en blanco en el diseño, y el nivel de la imagen se procesa dejando el espacio en blanco, como la comparación de tamaño entre el espacio en blanco y la imagen principal, y el comparación directa entre el título y el texto complementario.

Haga clic para ingresar la descripción de la imagen

Procesé la imagen de arriba y la dividí en una capa de fondo, una capa en blanco, una capa de modelo principal, una capa de copia de título y una función. copiar capa. Desde aquí podemos ver cómo están diseñados los niveles de este diseño. También es posible que desees deconstruir tus diseños favoritos en capas para estudiar los niveles de diseño.

3. Encuentre jerarquía en la fotografía

En el diseño actual, las imágenes fotográficas se utilizan cada vez más, especialmente trabajos fotográficos de alta calidad que a menudo pueden maximizar la calidad del diseño. Pero, ¿alguna vez has pensado por qué es así? Una razón es que hay capas en la fotografía.

Haga clic para ingresar la descripción de la imagen

Todos Estoy familiarizado con estos auriculares en forma de B, esto se hace mediante fotografía y hay tres niveles: plano cercano, plano medio y plano lejano. La imagen no sólo parece muy delicada y rica, sino que también tiene una sensación plena de calidad.

Pero ¿y si la imagen tiene pocas capas? Es muy simple, podemos usar texto como elementos de patrón para aumentar el nivel de la imagen.

Haga clic para ingresar la descripción de la imagen

2 Niveles de color

Usar colores contrastantes y colores de alto contraste para el diseño también es un método común para aumentar el sentido de jerarquía. Debido a que hay un contraste de color muy fuerte, el impacto de la imagen será. Muy fuerte y la percepción visual será más emocionante.

El contraste entre negro y amarillo es un esquema de color muy clásico. Aunque solo hay dos colores, se verá muy rico a través de la combinación de redacción e imágenes en la imagen. Es aún más necesario hacer coincidir los puntos. El uso razonable de líneas y superficies parecería un poco monótono.

Haga clic para ingresar la descripción de la imagen

A juzgar por el diseño anterior, el diseñador usó el color contrastante de amarillo-azul cuando usó colores negro y amarillo, que pueden ambos Los colores de La imagen será más rica y no será monótona, y algunos elementos importantes de la imagen se resaltarán y enfatizarán.

Haga clic para ingresar la descripción de la imagen

Por favor haga clic para ingresar la descripción de la imagen

Los colores amarillo y azul y los colores rojo y verde también son colores clásicos de uso común. Como puede ver en los dos casos anteriores, los colores amarillo y azul se usan a menudo. mayor saturación, lo que los hace parecer jóvenes, modernos y tecnológicos. El otro diseño es Los colores rojo, verde y azul tienen menor saturación y parecen más retro y profundos.

2. La popularidad de los colores degradados

Los colores degradados han sido populares durante varios años. Este año, la aplicación móvil de Taobao también está diseñada con colores degradados. El uso de colores degradados también está aumentando. Los colores degradados en sí mismos tienen las características de capas ricas. Por lo tanto, el uso de colores degradados y una combinación razonable de puntos, líneas y elementos de superficie tendrá un impacto y enriquecerá las capas de la imagen al máximo.

El uso de colores degradados en nuestros diseños diarios aún requiere una selección más cuidadosa de los valores de color. En términos generales, se selecciona el mismo degradado de color, el degradado de color adyacente y el degradado de color contrastante. El número de colores degradados no debe exceder de 2. Más de 2 colores degradados requieren una capacidad de control de color muy fuerte.

(Estoy hablando de más de 2 colores en el mismo color degradado)

Haga clic para ingresar la descripción de la imagen

El uso de colores degradados aparece principalmente en el diseño de la interfaz de usuario y, con el desarrollo del diseño de la interfaz de usuario, Diseño lateral, ya sean páginas web o comercio electrónico, existen muchos métodos de diseño y métodos de combinación de colores que se basan en el diseño de la interfaz de usuario.

Haga clic para ingresar la descripción de la imagen

Por favor haga clic para ingresar la descripción de la imagen

Haga clic para ingresar la descripción de la imagen

Los colores degradados se pueden usar en combinación. Por ejemplo, la imagen de arriba es un degradado del mismo color. , pero existe una regla para tal uso, que es hacer coincidir varios degradados entre sí. La saturación del color debe ser básicamente la misma, de lo contrario habrá un problema de "floración" del color.

3. Control de múltiples combinaciones de colores

Para diseños multicolor lo que tenemos que hacer es controlar la saturación y el brillo, e intentar mantener la saturación y el brillo de cada uno. color coordinado. Ya sea un estilo chino ligero o un estilo fuerte europeo y americano, la imagen será rica y tendrá muchas capas sin estar "desperdiciada" ni "desperdiciada".

Haga clic para ingresar la descripción de la imagen

Podemos ver que hay muchos colores en las leyendas anteriores, pero ¿por qué? ¿Nos parecerá muy rico y en capas? Así es, la saturación y el brillo están bien controlados.

Haga clic para ingresar la descripción de la imagen

3. Nivel de texto

1. fuentes

Las fuentes son una parte difícil y de uso obligatorio de nuestro diseño. Sin embargo, esta parte que preocupa a todos hará que los niveles de la imagen sean extremadamente ricos, incluso cuando solo las haya. palabras y sin patrones, siempre que el diseño sea razonable, los resultados pueden ser sorprendentes.

Haga clic para ingresar la descripción de la imagen

Diferentes fuentes expresan diferentes concepciones y significados artísticos, especialmente las fuentes chinas que han sido transmitida durante miles de años. Cada palabra tiene un significado específico. Las escrituras occidentales están decoradas principalmente con fuentes serif y no serif. A veces áspero, a veces delicado.

Haga clic para ingresar la descripción de la imagen

2 Comparación de texto

La comparación aquí incluye la fuente, tamaño, grosor, color, etc. ¿Por qué deberíamos centrarnos únicamente en la comparación? Debido a que el contraste es la mejor manera de abrir y reflejar capas, hablemos de ellas una por una.

Haga clic para ingresar la descripción de la imagen

Permítame analizar y deconstruir este trabajo. 30 es el área más grande del texto y también es la proporción más grande de los elementos de la imagen. A través de DESCUENTO La explicación de VOUCHER indica que se trata de información de descuento, y esta explicación también es la segunda proporción más grande de texto en la pantalla. Luego está la hora, la dirección, el número de teléfono y otra información a continuación, utilizando el tamaño de texto más pequeño. Utilice estos tres tamaños de texto para distribuir las capas y obtenga 3 niveles a la vez. Agregando el fondo del patrón, el fondo blanco y el lazo dorado al final, hay 6 niveles en total. Además, para unificar la imagen, las fuentes del texto son todas serif.

Haga clic para ingresar la descripción de la imagen

Los dos carteles anteriores son iguales, puede interpretarlos.

En cuanto al color de la fuente, los dos carteles de aranya de arriba son una serie. Cambie el color del texto del tema aranya a verde y azul respectivamente. redacción publicitaria, y por otro lado, se puede combinar con el tema visual. Los colores están unificados. A continuación se muestran algunos casos de diseño que puede intentar analizar.

Haga clic para ingresar la descripción de la imagen

Finalmente , hablemos de alineación, alineación Hace que la imagen esté más ordenada, parezca más razonable y cómoda. Usemos el cartel de arriba para analizarlo.

Haga clic para ingresar la descripción de la imagen

Mire estas líneas azules, que son la alineación de este póster.

Resumen

De hecho, la jerarquía está formada por el uso integral de segmentación de puntos, líneas y superficies, coincidencia de colores y diseño de texto, y también incluye relación de tamaño, selección de color y alineación. , etc. Nos esforzamos por alcanzar la excelencia en estos detalles, y las capas aparecen de forma natural.

上篇: Resumen del contenido de My Chitose Han 下篇: ¿Cuáles son los siete significados de Ksitigarbha?