Banner de estilo de ilustración: ¿Cuáles son los estilos artísticos de ilustración?

¿Cuáles son los tipos populares de procesamiento de banners?

Segmentación de bloques de color

El banner anterior utiliza bloques de color de diferentes proporciones para formar el fondo del banner. Además de caracteres y redacción publicitaria, esta forma de expresión es adecuada para resaltar productos, como muebles para el hogar, ropa, productos electrónicos, etc. La interfaz parece simple pero no blanca, y se puede extraer rápidamente información valiosa. Al seleccionar colores, preste atención a la sensación general del color.

Bordes geométricos

Sencillos, que a menudo dan a las personas una sensación fresca, limpia y moderna. Las formas y elementos utilizados en el diseño son concisos; la combinación de colores utilizada es unificada y holística, y el uso de colores es restringido. La textura es más delicada; la estructura a menudo utiliza espacios en blanco, valores cortos/precisos/centrales y espacios en blanco "temperamentales". El marco es el foco y las figuras geométricas son decoraciones eternas ~.~

2.5. D

Este estilo de geometría espacial utiliza la geometría para crear una atmósfera mediante la construcción de un cuerpo espacial y tiene un fuerte sentido de sustitución espacial. Este tipo de diseño aún se puede realizar con un poco de investigación. La clave es la expresión de ideas creativas, lo que requiere más esfuerzo.

El estilo 2.5D es muy popular en el diseño de comercio electrónico. práctico y puede colocar una gran cantidad de contenido, tanto dinámico como estático, puede estar bien conectado con la segunda y tercera pantalla. Se ve favorecido por algunas actividades promocionales a gran escala. A menudo se puede ver este estilo de carteles de primera pantalla.

Ilustraciones planas

Concisas pero no simples, eliminando tediosos efectos decorativos y mostrando la expresión central del tema. Utilice gráficos o caracteres distintos del texto para ayudar al banner a generar una sensación más intuitiva. Procesar y deformar ligeramente el texto y agregar gráficos o caracteres puede hacer que el banner sea más dinámico y significativo. Este tipo de banner se usa principalmente en finanzas, educación y turismo. Por supuesto, si tus habilidades de ilustración son buenas, no será un problema usarlo en diversas industrias.

Superposición de colores

Es más popular y cambiante, la visión general será relativamente joven y los elementos utilizados tendrán una estructura relativamente más directa, clara y sencilla, y el conjunto dará a las personas una sensación de limpieza, claridad y armonía; Resalte el texto y utilice una decoración gráfica sencilla para realzar la atmósfera. Puede utilizar colores sólidos o colores degradados para el procesamiento de superposición de colores de fondo. Preste atención al elegir una imagen grande. La concepción artística general depende del tono, la luz y la sombra. Por supuesto, la forma más sencilla es elegir una imagen base limpia y ordenada. .

Los colores son emocionales y diferentes combinaciones de colores darán a las personas sentimientos internos completamente diferentes. Por lo tanto, cuando hacemos imágenes, debemos colorearlas de acuerdo con el tema, lo cual es razonable y cómodo, para que la imagen general del banner sea armoniosa. Por lo tanto, debemos considerar qué tipo de emoción queremos expresar, qué tipo de sentimiento queremos que tengan los usuarios al verlo y si la emoción expresada es consistente con el tema. En base a estos puntos, la combinación de colores será mayor. útil.

Texturas degradadas

Los degradados sutiles han regresado como tendencia de diseño. Los fondos degradados e incluso las superposiciones de degradados pueden estilizar el diseño de su banner. Con imágenes, texturas y texto, los degradados pueden brindar a las personas una variedad de experiencias. Su característica son los colores intensos

A diferencia del diseño de UI, en el diseño de banners publicitarios y de comercio electrónico, las texturas siempre han existido, e incluso son elementos muy utilizados. La textura puede mejorar muy bien el contenido de la información y la textura general de todo el banner

. Por supuesto, cuando uses texturas, no dejes que se apoderen de ti. Inventario de los elementos/tipos/estilos/pasos de diseño del diseño de banners

Para un diseñador, banner definitivamente no es una palabra desconocida. Podemos ver que la demanda de banner está involucrada básicamente en varios campos de la industria actual. La sombra de los banners en todas partes, ya sea en la web o en dispositivos móviles, ¡por lo que dominar el diseño de los banners es una habilidad esencial para todo diseñador!

Los banners (y los anuncios publicitarios) son la parte más importante de Internet. Esta forma de publicidad es también la forma más común en la actualidad. Los anuncios de banner, también conocidos como anuncios de banner, son tableros de anuncios rectangulares que abarcan una página web. Cuando los usuarios hacen clic en estos banners, generalmente se vinculan a la página web del anunciante.

Es una imagen que expresa el contenido del anuncio de un comerciante y se coloca en la página del anunciante. ¡Es la forma más básica de publicidad en Internet!

A continuación explicaremos los banners desde estos aspectos:

Uno: Componentes del banner

Dos: Tipos de banner

Tres: Selección del estilo del banner

Cuatro: Pasos para el diseño del banner

1: Los componentes del banner

He resumido brevemente los componentes principales del banner:

Y los elementos principales del banner son: copia + elementos + fondo

Los elementos se pueden subdividir en: elementos = productos + modelos + logotipos + adornos (los elementos aquí deben seleccionarse de acuerdo con la situación real del banner y son opcionales)

Como se muestra en la figura:

(De pétalos)

Dos: Tipos de banners

Los tipos de banners que resumo aquí se dividen principalmente en:

01: Banners de promoción de productos (nuevos productos, productos de gran venta)

02: Banners de eventos (promociones de eventos de festivales, promociones de productos)

Los banners simplemente se dividen en dos tipos.Debido a que diferentes banners tienen diferentes efectos y propósitos, necesitamos diseñar banners de diferentes estilos

Para los banners de promoción de productos, lo más importante es resaltar las características del producto, por lo que los elementos más importantes. Lo que necesitamos para el diseño del banner debe ser el producto y una breve introducción de redacción. En cuanto a los elementos de adorno, también podemos elegir los elementos apropiados de acuerdo con las características del producto real, o no podemos usar elementos de adorno, el fondo ¡Definitivamente es esencial!

01: Banner de promoción de producto:

Producto + texto + fondo

Por ejemplo:

( (de pétalos)

Los casos anteriores son todos estilos de diseño para banners de promoción de productos. Una de las características más comunes que tienen es que el producto se amplía y se vuelve a ampliar para mostrar completamente las características del producto, de forma concisa. cantidad de espacio en blanco resalta las características del producto, haciendo que los ojos del usuario se sientan atraídos involuntariamente hacia el producto en sí.

Banner de promoción del producto:

Producto + redacción + elementos + fondo

Por ejemplo:

(de pétalos)

La característica de este tipo de banner es que además del producto en sí, se añaden algunos otros elementos como adorno del mismo. banner. ¡El efecto hace que la imagen parezca más saturada o más dinámica!

Entonces la pregunta es

¿En qué circunstancias es bueno agregar elementos al diseño del banner del producto? ¿En qué circunstancias no añadirlos son buenos elementos?

Primero: Cuando es necesario mostrar al máximo las características del producto, lo mejor es que optemos por no añadir elementos que interfieran con el producto. .

Segundo: Para productos simples, lo mejor es no agregar elementos decorativos. Una gran cantidad de espacio en blanco es más adecuado para el estilo de productos simples.

02: Evento. banner

Producto + texto + elemento + fondo

Por ejemplo:

(de pétalos de flores)

Para diseños de banners para eventos, la mayoría Todos elegiremos colores brillantes y coloridos, y las imágenes estarán saturadas e impactantes, creando una especie de Una atmósfera animada también es esencial para agregar elementos, porque para el diseño de pancartas para eventos, cuanto más animada sea la imagen, mayor será la intensidad de la actividad, que será más atractiva para los usuarios. El título del evento también debe ser lo más destacado posible.

Dos: selección de estilo de banner

¡También hay muchos estilos de banners! pero los estilos elegidos para pancartas de diferentes naturalezas son definitivamente diferentes, y diferentes pancartas tienen diferentes combinaciones. Los efectos visuales de diferentes estilos son completamente diferentes. Sólo una combinación adecuada puede hacer que la pancarta exprese mejor sus características y propósito.

Por ejemplo:

01: Banner de inicio de producto simple. El banner promocional es más adecuado para un estilo simple, elegante y limpio.

(de pétalos)

02: Alto. productos de tecnología final ba

nner, elige un estilo con sentido de la tecnología

(reflejado a través de gráficos y colores con sentido de la tecnología)

(de pétalos)

03: Moda Los carteles de ropa son adecuados para elegir el estilo de las imágenes de moda

(reflejados a través de formas y estilos, gráficos y colores únicos)

(a partir de pétalos de flores)

04 : Los carteles de marcas de lujo de alta gama son adecuados para combinar estilos atmosféricos y de alta gama

(Reflejados por colores de alta gama como negro y rojo, negro y dorado, etc.)

(De pétalos)

05: Banner de estilo lindo para niñas\niños, adecuado para combinar con elementos de estilo lindo

(A través de elementos lindos: ilustraciones, líneas, globos, corazones, redondos fuentes, vitalidad (para reflejar los colores, etc.)

(de pétalos)

06: Los carteles de estilo/cultura/festival nacional son más adecuados para elegir elementos con temperamento cultural

(A través de caligrafía de estilo chino y elementos chinos antiguos: sellos, pinturas de paisajes chinos, marcas de tinta, abanicos, recortes de papel, paneles de jardín, patrones antiguos, nubes auspiciosas, ópera de Pekín, pergaminos, etc.)

(de pétalos)

Dos: Pasos del diseño del banner

01: Comprender y determinar los requisitos de diseño del banner

02: Aclarar los propósito del diseño del banner

p>

03: Determinar el estilo de diseño del banner en función de los requisitos de diseño del banner obtenidos

04: Seleccionar la estructura de diseño del banner adecuada

05: Seleccionar elementos coincidentes para decorar el banner Efecto general (agregado según las necesidades reales)

06: Selección de combinación de colores

01: Comprender y determinar el diseño necesidades del banner

Para esta comprensión de las necesidades del diseño se dice que no importa qué diseño estés haciendo, la premisa es un paso indispensable y el paso más crítico si no tienes claro el diseño. requisitos, los resultados del diseño definitivamente no satisfarán las necesidades reales

Entonces, ¿qué requisitos específicos debemos aclarar para el diseño del banner?

El primer punto: determinar el texto del diseño del banner

La redacción publicitaria también es muy importante para los diseñadores. Punto: el diseñador puede encontrar inspiración para el diseño basándose en la información del texto y también puede conocer la dirección general del estilo de diseño.

El primer punto: determinar el Tamaño del diseño del banner y plataforma de entrega

Se determina el texto Finalmente, también necesitamos saber la plataforma y ubicación del banner, su tamaño y si es necesario adaptarlo a la visualización de cada plataforma.

02: Aclarar el propósito del diseño de banner

Para diseñar un banner se debe diseñar un banner para lograr un propósito determinado, por eso antes de diseñar el banner, se debe entender claramente cuál es el propósito del El diseño del banner es, por ejemplo: ¿quieres promocionar productos o promocionar productos? La naturaleza de los dos es completamente diferente.

03: Determine el estilo de diseño del banner en función de los requisitos de diseño del banner obtenidos.

Podemos encontrar el estilo de diseño del banner en los requisitos de redacción del banner. Palabras clave para el posicionamiento, como: soporte para automóvil con operación inteligente de voz completa A5

A partir de esta copia del tema, las palabras clave que que se le ocurren son: lenguaje completo, inteligencia

Para esto, al comprender las palabras clave, definitivamente pensaremos primero en la imagen de la era tecnológica e inteligente, ¡así que tenemos que elegir el estilo aquí!

04: Elija la estructura de diseño de banner adecuada

p>

La estructura de diseño de banner se puede dividir aproximadamente en:

Estructura centrada, izquierda- estructura alineada, estructura alineada a la derecha

La estructura del banner debe basarse en la situación real de acuerdo con las diferentes necesidades. ¡La elección está hecha!

05: Elija elementos coincidentes para decorar. el efecto general del banner (agregar según las necesidades reales)

Para los elementos decorativos del banner, también debemos basarnos en la situación real y las características del banner del producto. Por ejemplo, los banners de productos simples no requieren elementos decorativos, mientras que los banners de eventos son mejores.

Para diseños de pancartas lindos, como niñas o niños, debe elegir elementos decorativos más adecuados, y la selección de elementos decorativos para diferentes formas de pancartas también es diferente (anteriormente se dio una breve introducción, así que no la repetiré aquí)

06: Selección de combinación de colores

La elección del color también es muy crítica. La combinación de colores seleccionada para diferentes pancartas también es diferente. La combinación de colores adecuada hará que el producto sea más prominente. la imagen es más llamativa y la sensación también es diferente.

Por ejemplo:

*El oro negro y el negro y el rojo darán a las personas una sensación de lujo

* Azul, negro, la combinación de colores fríos como el morado, la imagen da a las personas una sensación de dureza, espacio, velocidad y poder, que es más adecuada para el sentido de la tecnología

*La combinación de rojo, El naranja, el amarillo y el morado crearán un ambiente cálido. Más adecuado para la moda y los eventos.

*La combinación de negro, blanco y gris dará a la gente una sensación fría e inaccesible, y es más adecuada para los grandes nombres. opciones de estilo

*Blanco. La combinación de gris dará a las personas una sensación de tranquilidad, literatura, temperamento y elegancia, y es más adecuada para la selección de productos simples.

Ejemplos prácticos :

Requisitos de redacción publicitaria:

Soporte para automóvil A5 con operación inteligente por voz completa

Soporte de voz que saluda y obedece

Uso de iFlytek AIUI solución de interacción persona-computadora, la conducción inteligente se puede lograr tan pronto como abre la boca

Tamaño del diseño: 1920x650px

Propósito del diseño: el propósito del diseño del banner que obtuvimos de acuerdo con la demanda es promocionar el nuevo producto soporte para automóvil A5

Paso 1: Copiaremos la información y proporcionaremos Colocar el producto en el lienzo

Paso 2: Aclarar nuestro título principal "Completo soporte para automóvil con operación inteligente por voz A5"

Así que ampliamos el título principal para resaltar el título principal.

Paso 3: elige el estilo del banner, porque lo que necesitamos reflejar aquí es la inteligencia del producto, por lo que nuestro estilo puede definirse como tecnológico.

Paso 4: Elija la estructura de diseño, ¡elijamos aquí una estructura simple izquierda y derecha!

Paso 5: Elija elementos decorativos Los elementos decorativos también deben seleccionarse en función del efecto de la ciencia y la tecnología, y se pueden extraer de la redacción publicitaria, por ejemplo aquí podemos extraer: líneas y gráficos tecnológicos, gráficos de voz, etc.

Paso 6: Ajuste de la posición general y combinación de colores También procesamos los titulares de texto en diferentes estructuras jerárquicas para hacerlos más prominentes, la redacción de los subtítulos también debe procesarse ligeramente de acuerdo con el estilo general de la imagen, para que la redacción. y la imagen son más armoniosas y unificadas, incluido el efecto de la luz alrededor del producto, que también necesita ser procesado.

Al final, obtendremos el efecto de banner anterior. ¡El diseño de un diseño tecnológico simple! ¡El banner se ha completado!

¡Está bien! ¡El conocimiento de hoy es un poco más completo y espero que les guste!

Artículos recomendados de números anteriores

—

Diseño de formato: 7 métodos sencillos de diseño de imágenes

10 diseños de carteles gráficos de líneas creativas

2 consejos para enseñarte la combinación de colores Consejos para deshacerte de la combinación de colores dificultades!

¿Cuáles son las ideas innovadoras de diseño de carteles y estilos de arte de ilustración?

Ilustración plana

. Las ilustraciones planas son relativamente versátiles porque son simples e intuitivas, debilitan los detalles y la perspectiva, y son relativamente más rápidas de reconocer y usar. Cumplen con los requisitos estéticos de los jóvenes en cuanto a ternura y ternura, y son las técnicas más fáciles de usar. la imagen crea un efecto general; generalmente se utilizan figuras geométricas regulares o

gráficos vectoriales

irregulares para conservar la forma reconocible original del objeto y se combinan con áreas grandes. Se utilizan bloques de colores simples. gráficos para hacer que la forma principal sea más abstracta o simplificada. El alcance de la aplicación es relativamente amplio. Los más comunes incluyen carteles, empaques, pancartas, pantallas de presentación de aplicaciones, interfaces de juegos, etc.

2. Ilustración en degradado.

La característica de las ilustraciones en degradado es el uso extensivo de técnicas de degradado de baja

saturación

, y el uso de colores generalmente adopta colores similares, sus detalles son ricos; y delicada, el estilo de la imagen es más realista y la visión es estable y majestuosa, lo que hace que la imagen tenga un impacto muy visual y tenga muchas capas. Entre ellos, las ilustraciones de degradado se subdividen en degradados de dos colores, degradados translúcidos, degradados de cuadrícula, desenfoque de degradado y otras formas.

3.Ilustraciones MBE

. Las características de este estilo de ilustración son: conciso, redondo y lindo, generalmente con líneas oscuras gruesas, imágenes de dibujos animados en versión Q, líneas redondas, líneas dibujadas vectoriales + estilo de diseño de combinación de superficie, el conjunto es muy fresco, una tonalidad linda, generalmente utilizada en iconos y recordatorios de interfaz en blanco.

4. Ilustración de textura.

Las ilustraciones de texturas generalmente se basan en pinturas planas, y finalmente incorporan efectos de textura, y finalmente presentan una imagen con textura y efectos de luces y sombras, este método de pintura generalmente no tiene trazos, y la mayoría de ellos están hechos; a través de La luz y la sombra de los bloques de color se utilizan para distinguir cada elemento agregando textura, ruido, etc., para aumentar el nivel y la tridimensionalidad de la ilustración, lo que puede representar de manera efectiva los detalles del trabajo; sensación simple, relativamente relajada e informal; las partículas en la textura agregan más detalles a la imagen, la hacen más llamativa y también tienen un estilo más personal.

5. Ilustraciones tridimensionales.

Las ilustraciones tridimensionales pueden expresar cosas tridimensionales en un espacio bidimensional, aportar una sensación de perspectiva y espacio a la imagen y transmitir mejor información.

6. Ilustraciones de trazos

. Las ilustraciones con trazos pueden entenderse simplemente como numerosas

líneas y superficies

combinadas con íconos, que se hacen eco entre sí para formar una imagen grande, a menudo con un mayor uso de líneas y trazos; la imagen general es relativamente limpia y ordenada, y se usa a menudo en H5/App al aplicar, preste atención al contraste de grosor del trazo y mida si se ajusta a la convención.

7. Ilustraciones recortadas en papel.

Las ilustraciones de estilo de corte de papel utilizan el corte de papel para crear ilustraciones. Se crean diferentes contenidos cortando y apilando cortes de papel en capas. En comparación con las ilustraciones planas tradicionales, las ilustraciones cortadas en papel pueden hacer que la imagen tenga más capas y sea más tridimensional, y la forma sea más novedosa e interesante.

8. Ilustraciones de tendencia nacional.

La tendencia nacional ha sido muy elogiada en los últimos años. En resumen, la tendencia nacional se basa en la

cultura y tradición chinas, integrando la moda y la combinación de. El estilo y el acento son la colisión de las tendencias culturales tradicionales y modernas, y también es una vívida muestra de la estética oriental. Por lo tanto, las ilustraciones integran la cultura de tendencias nacionales, aceleran la difusión de las imágenes y las ponen más de moda, al mismo tiempo que le dan a la marca más símbolos y valor cultural; Las marcas pueden utilizar esto para liberar un encanto y un potencial de marketing ilimitados.

9. Ilustraciones de luces y sombras.

Las ilustraciones de luces y sombras pueden utilizar la combinación de luces y sombras para maximizar la atmósfera de la imagen. Es una colisión perfecta entre la imaginación y la realidad. A través de los cambios en los niveles de luz, sombra y sombra, el sentido visual es más tridimensional, formando así una imagen sólida, haciendo la imagen más atractiva y visualmente espacial.

10. Ilustraciones dibujadas a mano.

Las ilustraciones dibujadas a mano son las ilustraciones más primitivas

técnicas de expresión

, que ponen a prueba las habilidades físicas y pictóricas del creador mediante el uso de pintura pintada a mano; Las texturas y los gráficos son un lenguaje de diseño artístico que transmite emociones de manera intuitiva, lo que permite al público aceptar las emociones de manera más directa. La imagen altamente intuitiva, el sentido real de la vida y el rápido atractivo emocional tienen una connotación más humana que otras formas de ilustración. Se utiliza principalmente para actividades artísticas o animación y diseño de carteles. El diseño general es abierto e informal, con mucho sabor a vida y es muy amigable

Afiliación