Cómo diseñar una villa de dos niveles
¿Qué son las capas? Combine los elementos de la imagen de manera razonable, clara y rítmica para que toda la imagen parezca más cómoda, agradable y armoniosa. ¿Se siente muy profundo? Bueno, en otras palabras, ni más ni menos, ¡se ve perfecto!
Este artículo está dividido en tres capítulos, cada capítulo tiene varios puntos de conocimiento subdivididos. ¡Lea atentamente!
Para tener una comprensión preliminar, primero echemos un vistazo al esquema del artículo:
Primero, el nivel de la imagen.
Usa puntos, líneas y superficies para dividir la pantalla.
Noticias
Buscando resultados de fotografía
En segundo lugar, el nivel de color.
Contraste de color
La popularidad de los colores degradados
Control de combinación de colores
En tercer lugar, nivel de escritura.
Contraste de fuente
Comparación de palabras
Haga clic para ingresar la descripción de la imagen.
Primero, el nivel de la imagen.
1. Utiliza puntos, líneas y superficies para dividir la imagen.
Los puntos, líneas y superficies son los elementos de diseño más básicos en diseño. Los estudiantes que hayan estudiado composición de planos deberían saber algo al respecto. Los puntos se conectan para formar una línea, las líneas se conectan para formar una superficie y, cuando la superficie se reduce hasta cierto punto, se convierte en un punto. El límite del plano es una línea. Cuando el ancho de la línea aumenta y los puntos se extienden a un área determinada, se convierte en un plano.
La afirmación anterior parece muy complicada. De hecho, si lo piensas detenidamente, este es el principio de todo en el mundo, incluso las estrellas del universo. Pongamos un ejemplo.
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.
Los elementos cruzados en el círculo rojo pueden considerarse como "puntos" y sirven como elementos decorativos en toda la imagen. Tenga en cuenta que los llamados "puntos" no son sólo círculos. Cualquier elemento del diagrama con el tamaño y área más pequeños puede considerarse un "punto". Un punto en un gráfico puede considerarse como un "punto" o una "superficie". Así que incluso punto por punto es correcto.
Haga 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 ni su función, pertenece a los atributos de un punto. ¿Dónde están los límites? En el cruce de los bloques verde y rojo. y bordes de escala de colores. Y esto sólo 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, lo que hace que la imagen sea más interesante y en capas.
Haga clic para ingresar la descripción de la imagen.
Las cuatro áreas divididas por líneas son "caras" del elemento.
Esta ilustración no solo ilustra varias características importantes de puntos, líneas y superficies, sino que también demuestra que los puntos, líneas y superficies no son fijos debido a sus formas, sino que cambian constantemente.
Finalmente, se resumen algunas características de los puntos, líneas y superficies:
Los puntos son los elementos más decorativos, por lo que en la mayoría de los casos juegan un papel decorativo en el cuadro.
Línea: Además de decorativa, también cumple la función de dividir el cuadro, intercalar elementos y guiar la visión.
Cara: suele desempeñar un papel en la estabilización de la imagen y en la transmisión de información importante.
Otra cosa a tener en cuenta es que los puntos, líneas y superficies se utilizan en combinación. Piénselo. Sin superficies, ¿cómo podemos expresar las características de puntos y líneas?
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
A través de estos casos de diseño, podemos analizar y concluir que la combinación de puntos, líneas y superficies se puede utilizar eficazmente para diseñar obras con capas ricas. ¿Qué vamos a hacer? - Copia de reposición. Aprenda de los puntos, líneas, superficies y otros elementos de un buen trabajo de diseño, para luego reutilizarlo e innovar.
Haga clic para ingresar la descripción de la imagen.
Dejar espacio en blanco
El blanco es un método comúnmente utilizado en diseño. Blanking no es sólo una imagen ordenada, limpia y respirable, sino también una comprensión y aplicación más profundas de la "cara". El diseño minimalista que se usa ampliamente ahora es un mejor tipo de diseño para lidiar con los espacios en blanco.
Aquí, hablemos del impacto de los espacios en blanco en la jerarquía. Veamos primero algunos casos de diseño.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
La característica común de los trabajos de diseño anteriores es que hay una gran cantidad de espacios en blanco de diseño y el nivel de la imagen se procesa al mismo tiempo, como la comparación de tamaños entre el espacio en blanco y el principal. imagen y la 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 capa de fondo, capa en blanco, capa de modelo principal, capa de copia de título y capa de copia de función. Desde aquí puedes ver cómo está diseñado el nivel de diseño. También puedes deconstruir tus diseños favoritos de esta manera para estudiar los aspectos del diseño.
3. Encuentra el gusto por la fotografía
La fotografía se utiliza cada vez más en el diseño, especialmente la fotografía de alta calidad, que puede maximizar la calidad del diseño. ¿Pero por qué? ¿Alguna vez has pensado en ello? Una razón es que la fotografía tiene capas.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
Todo el mundo conoce estos auriculares B-seat. Esto se hace a través de la fotografía, que tiene tres niveles: primer plano, plano medio y plano general. La imagen no sólo parece muy detallada y rica, sino que también está llena de textura.
Pero ¿qué debo hacer si faltan los niveles de la imagen? Es muy sencillo, podemos utilizar texto como elementos gráficos para aumentar el nivel de la imagen.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
En segundo lugar, el nivel de color.
1. Contraste de color
Usar colores contrastantes y colores contrastantes para el diseño también es un método común para aumentar el sentido de jerarquía porque hay un contraste de color muy fuerte, el impacto de. la imagen será muy fuerte y la experiencia visual de las personas también será más emocionante.
El contraste del negro es una combinación de colores muy clásica. Aunque solo hay dos colores, quedará muy rico gracias a la combinación de redacción publicitaria e imágenes. En esta combinación de colores minimalista, el uso razonable de puntos, líneas y superficies es aún más esencial, de lo contrario parecerá un poco monótono.
Haga clic para ingresar la descripción de la imagen.
A juzgar por el diseño anterior, el diseñador utilizó colores contrastantes de amarillo y azul al combinar negro y amarillo, lo que no solo hace que el color de la imagen sea más rico y menos monótono, sino que también hace que algunos elementos importantes en el La imagen se destacó y jugó un papel importante.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
La combinación de colores amarillo y la combinación de colores rojo y verde también son colores clásicos de uso común. Como se puede ver en los dos casos anteriores, los colores amarillo y azul tienen una saturación relativamente alta, lo que los hace parecer jóvenes, modernos y tecnológicos, mientras que el otro diseño utiliza rojo, verde y azul con una saturación baja, lo que los hace lucir jóvenes, modernos y tecnológicos. Luce retro y profundo.
2. La popularidad de los degradados.
Los colores ombré son populares desde hace varios años. Este año la aplicación móvil de Taobao también tiene un diseño degradado. Se puede ver que la gama de aplicaciones de colores degradados también está aumentando. El degradado en sí tiene las características de capas ricas. Por lo tanto, la aplicación de gradientes y la combinación razonable de elementos puntuales, lineales y de superficie enriquecerán al máximo el nivel de la imagen y tendrán un impacto al mismo tiempo.
En nuestro diseño diario, el uso de degradados aún requiere una selección más cuidadosa de los valores de color. En términos generales, elegiremos el mismo degradado de color, un degradado de color adyacente y un degradado de color contrastante. El número de colores degradados no debe exceder de 2. Más de dos colores degradados requieren capacidades de control de color muy sólidas para controlarlos. Me refiero a dos o más colores en un mismo degradado. )
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
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, existen muchos métodos de diseño y métodos de combinación de colores para el diseño web, ya sean páginas web o comercio electrónico.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
El degradado se puede utilizar en combinación. Por ejemplo, en la imagen de arriba, todos pertenecen al mismo degradado de color. Pero hay una regla, es decir, la saturación de varios colores degradados que coinciden entre sí debe ser básicamente la misma, de lo contrario aparecerán "flores" de colores.
3. Control de combinación de colores
Para un diseño multicolor, lo que debemos hacer es controlar la saturación y el brillo, e intentar mantener la saturación y el brillo de cada uno. color consistente. Ya sea un estilo chino ligero o un estilo fuerte europeo y americano, la imagen será rica y en capas, sin ser "caótica" o "florida".
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
Podemos ver que hay muchos colores en la leyenda anterior, pero ¿por qué nos sentimos tan ricos y en capas? Sí, la saturación y el brillo están bien controlados.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
En tercer lugar, el nivel de escritura.
1. Comparación de fuentes
Las fuentes son un vínculo necesario y difícil en nuestro diseño, pero el vínculo de forma que preocupa a todos hará que la imagen sea extremadamente rica. Incluso si solo hay texto y ningún patrón, siempre que el diseño sea razonable, aún puede obtener resultados sorprendentes.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
Las diferentes fuentes expresan diferentes concepciones y significados artísticos, especialmente las fuentes chinas se han transmitido durante miles de años y cada palabra tiene un significado específico. El español está decorado principalmente con fuentes serif y sans-serif. A veces áspero, a veces delicado.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
2. Comparación de palabras
La comparación aquí incluye fuente, tamaño, grosor, color, etc. ¿Por qué elegir comparar por separado? 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.
Llegué a esta obra para analizar y deconstruir.
El 30% es el área más grande entre el texto y la mayor proporción entre los elementos de imagen. La descripción del cupón de descuento indica que se trata de información de descuento y esta descripción también ocupa la segunda proporción más grande de texto en la imagen. Luego está la siguiente información, como hora, dirección, número de teléfono, etc. y utilice el número mínimo de palabras. Con estos tres tamaños de texto, activa la jerarquía y obtén tres niveles a la vez. Junto con el fondo del patrón final, un lazo dorado sobre blanco, tiene seis niveles. Además, para unificar la imagen, la tipografía del texto es serif.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
Lo mismo ocurre con los dos carteles anteriores. Puedes leerlos.
Color de fuente, los dos carteles de aranya de arriba son una serie. Los colores del texto del tema aranya se cambian a verde y azul respectivamente. Por un lado, puede aumentar las capas de la redacción. por otro lado, se puede combinar con el tema visual de colores uniformes. A continuación se muestran algunos ejemplos de diseño que puede intentar analizar.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
Haga clic para ingresar la descripción de la imagen.
Finalmente, la alineación es hacer que la imagen sea más ordenada, razonable y cómoda. Usemos el cartel de arriba para analizarlo.
Haga clic para ingresar la descripción de la imagen.
Mira estas líneas azules, que son las direcciones de este cartel.
Resumen
De hecho, el sentido de jerarquía se forma mediante el uso integral de la división de puntos, líneas y superficies, la combinación de colores y la disposición del texto. términos de tamaño, proporción, selección de color, alineación, etc. Esfuércese por alcanzar la perfección en los detalles, para que las capas aparezcan de forma natural.
¿Cómo diseñar un tema?
A la hora de plantear un tema se debe captar su parte central y resumir todo lo que se va a diseñar, por eso diseñar el tema es lo más importante. El contenido principal de ideas y perspectivas a todos los niveles se resume en los temas.