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 colores 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
Simples, 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
La geometría espacial es un estilo que construye un cuerpo espacial y utiliza la geometría para crear una atmósfera, dando una fuerte sensación de espacio. 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. Su estilo es novedoso y. 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. Al elegir una imagen grande, preste atención a la concepción artística general que depende del tono, la luz y la sombra. imagen base ordenada.
El color tiene emociones 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, ser razonables y cómodos y hacer 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. forma de publicidad y 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: Los 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
Resumo brevemente los componentes principales del banner:
Y los elementos principales del banner son: elemento de redacción, fondo
Los elementos se pueden subdividir en: elementos = adorno del logotipo del modelo de producto (los elementos aquí deben seleccionarse de acuerdo con la situación real del banner, opcional)
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 más vendidos)
02: Banners de eventos (promociones de eventos de festivales, promociones de productos)
Aquí simplemente dividimos los banners en dos tipos, porque para diferentes efectos y propósitos. Lo que los banners deben lograr son diferentes, por eso necesitamos diseñar banners con diferentes estilos.
Para los banners de promoción de productos, lo más importante es resaltar las características del producto, por lo que para el diseño de banners, lo más Los elementos importantes necesarios deben ser el producto y una breve introducción a la 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. ¡Definitivamente son pocos!
01: Banner de promoción de producto:
Antecedentes en redacción de textos publicitarios del producto
Por ejemplo:
(de pétalos)
p>Los casos anteriores tienen que ver con el estilo de diseño de los banners para la promoción de productos. Una de sus características comunes es que el producto se amplía y se vuelve a ampliar para mostrar completamente las características del producto, con una introducción de redacción concisa y una gran extensión. número de comentarios. El blanco resalta las características del producto, haciendo que los ojos del usuario se sientan atraídos involuntariamente por el producto en sí.
Banner de promoción del producto:
Fondo del elemento de redacción del producto
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 efecto de adorno del banner. , hacer que la imagen parezca más saturada o hacer que la imagen tenga un efecto dinámico.
Entonces la pregunta es
¿En qué circunstancias es bueno agregar elementos al diseño del banner del producto? ¿En qué circunstancias es bueno no agregar elementos?
Primero: cuando necesitamos mostrar al máximo las características del producto, será mejor que optemos por no agregar elementos que interfieran con el producto.
Segundo: Para productos simples, es mejor no agregar elementos decorativos. Muchos de ellos el espacio en blanco es más adecuado para el estilo de productos simples.
02: Banner de actividad
.Fondo del elemento de copia del producto
Por ejemplo:
(Fuente (Yu Petals)
Para diseños de banners para eventos, la mayoría de nosotros elegiremos colores brillantes y coloridos. Colores con imágenes saturadas e impactantes para crear una atmósfera animada. La adición de elementos también es fundamental para el diseño de banners de eventos, cuanto más animada sea la imagen, mayor será la intensidad de la actividad, lo que resultará más atractivo para los usuarios. ¡El título de la actividad también debe ser lo más destacado posible!
Dos: Elección del estilo del banner
También hay varios estilos de banners, pero los estilos elegidos para banners son de diferente naturaleza. son definitivamente diferentes. Diferentes pancartas con diferentes estilos brindan a las personas efectos visuales completamente diferentes, la combinación correcta puede crear la pancarta.
r expresa mejor sus características y propósito
Por ejemplo:
01: El banner de promoción del banner de inicio de producto simple es más adecuado para un estilo simple, elegante y limpio.
(de pétalos)
02: Para banners de productos de alta tecnología, elija un estilo con sentido de tecnología
(Reflejado a través de gráficos y colores con sentido de tecnología)
(de pétalos)
03: Los carteles de ropa de moda 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, etc. )
(de pétalos)
04: Los carteles de marcas de lujo de alta gama son adecuados para combinar estilos atmosféricos y de alta gama
(A través de la alta -color final negro y rojo, combinación de oro negro, etc. para reflejar)
(de pétalos)
05: Banner de estilo lindo para niñas/niños, adecuado para combinar con un estilo lindo elementos
(Reflejados a través de elementos lindos: ilustraciones, líneas, globos, corazones, fuentes redondas, colores vibrantes, etc.)
(De pétalos)
06 : Estilo/cultura/festival nacional Para las pancartas, es más adecuado elegir elementos con temperamento cultural
(A través de la caligrafía de estilo chino, elementos chinos antiguos: sellos, pinturas de paisajes chinos, tinta, abanicos, recortes de papel , cristales de ventanas de jardín, patrones antiguos, nubes auspiciosas, ópera de Pekín, pergaminos, etc.)
(de pétalos de flores)
Dos: pasos del diseño del banner
01: Comprender y determinar los requisitos de diseño del banner
02: Aclarar el propósito del diseño del banner
03: Determinar el estilo de diseño del banner en función de los requisitos de diseño del banner obtenidos
04: Elija la estructura adecuada del diseño del banner
05: Elija elementos coincidentes para decorar el efecto general del banner (agregue según las necesidades reales)
06: Selección de combinación de colores
01: Comprender y determinar las necesidades de diseño del banner
Para esta comprensión de las necesidades de diseño, no importa qué diseño esté haciendo, la premisa es un paso indispensable y el paso más crítico. Si ni siquiera conoce las necesidades del diseño, entonces los resultados del diseño definitivamente no satisfarán las necesidades reales.
Entonces, ¿qué requisitos de diseño específicos debemos aclarar para el banner?
El primer punto: determinar el texto del diseño del banner.
La redacción publicitaria también es un punto muy importante para los diseñadores. Los diseñadores pueden encontrar inspiración para el diseño basándose en la información de redacción y también pueden conocer la dirección general del estilo del diseño. /p>
El primer punto: determinar el tamaño del diseño del banner y la plataforma de entrega
Después de determinar la redacción, también necesitamos conocer la plataforma de entrega del banner, su ubicación, tamaño y si es necesario. adaptarse a la visualización de cada plataforma,
02: Aclarar el propósito del diseño del banner
Al diseñar un banner, debes querer lograr un cierto propósito antes de diseñar este banner, por lo que debe comprender claramente el diseño del banner antes de diseñarlo. ¿Cuál es el propósito? Por ejemplo: ¿quiere promocionar un producto o desea promocionar un producto? 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
p>
Para el estilo de diseño del banner, podemos encontrar palabras clave de los requisitos de redacción del banner para el posicionamiento, como : soporte para automóvil con operación inteligente de voz completa A5
De esta oración de redacción temática, podemos presentar las palabras clave Las palabras son: lenguaje completo, inteligencia
Al comprender dichas palabras clave, Definitivamente pensaré primero en la imagen de la era tecnológica e inteligente, ¡así que hemos elegido el estilo aquí!
04: Elija la estructura de diseño de banner adecuada
bann
Podemos dividir aproximadamente la estructura de diseño de er en:
Estructura centrada, estructura alineada a la izquierda, estructura alineada a la derecha
Es necesario seleccionar la estructura del banner para diferentes necesidades. ¡según la situación real!
p>05: Elija elementos coincidentes para decorar el efecto general del banner (agregue según las necesidades reales)
Para los elementos decorativos del banner, También debemos tomar decisiones adecuadas en función de la situación real y las características del banner del producto. Por ejemplo, los banners de productos simples no requieren elementos decorativos, sin embargo, los banners de actividades o los diseños lindos de banners para niñas y niños requieren elementos decorativos. La selección de elementos decorativos para diferentes formas de pancartas también es diferente (los simples se hicieron antes. La introducción no se repetirá aquí)
06: Selección de combinación de colores
La selección de El color también es muy importante. La combinación de colores elegida para pancartas de diferentes naturalezas también es diferente. Una combinación de colores adecuada hará que el producto sea más prominente o la imagen más llamativa y dará a las personas una sensación diferente.
Por ejemplo. :
*La combinación de negro y dorado y la combinación de negro y rojo darán a las personas una sensación de alta gama.
*El azul, el negro, el morado y otros colores fríos le dan a la imagen un aspecto resistente y atractivo. sensación espacial, de velocidad y potencia, que es más adecuada para el sentido de la tecnología
*Rojo, la combinación de naranja, amarillo y morado creará una atmósfera cálida, que es más adecuada para la moda y las actividades.
*La combinación de negro, blanco y gris dará a la gente una sensación fría e inaccesible, más adecuada para la elección de estilo de las grandes marcas
*La combinación de blanco y gris dará. la gente tiene una sensación de tranquilidad, literatura, temperamento y elegancia, y es más adecuado para la elección de productos simples
Operación práctica Caso:
Requisitos de redacción:
Soporte para coche A5 con funcionamiento inteligente por voz
Soporte de voz que saluda y obedece
Utilizando la solución de interacción hombre-computadora iFlytek AIUI, la conducción inteligente está disponible con solo abrir 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
El primer paso: Colocamos la información de la copia y los productos proporcionados en el lienzo.
El segundo paso: aclarar nuestro título principal "Soporte para automóvil con operación inteligente de voz completa A5"
Así que ampliamos el título principal para resáltalo
Paso 3: Elige el estilo del banner, porque lo que necesitamos reflejar aquí es la inteligencia del producto, por lo que nuestro estilo se puede definir como un sentido de la tecnología
Paso 4: Elija la estructura de diseño, ¡elijamos aquí una estructura simple izquierda y derecha!
Paso 5: Elija los elementos decorativos, y los elementos decorativos también deben elegirse según el efecto del sentido tecnológico. y se puede extraer de la redacción publicitaria. Por ejemplo, aquí podemos extraer: líneas y gráficos de sentido tecnológico, gráficos de voz, etc.
Paso 6: Ajuste de posición general y combinación de colores, para texto grande también lo procesamos. El título en una estructura jerárquica diferente para hacerlo más prominente. La copia del subtítulo también se procesó ligeramente de acuerdo con el estilo general de la imagen para hacer que la copia y la imagen sean más armoniosas y unificadas, incluida la influencia de la luz alrededor del producto. procesando
¡Finalmente obtendremos el efecto de banner anterior! ¡Se completa un diseño de banner tecnológico simple!
¡Está bien, el conocimiento de hoy es un poco más completo!
Buenos artículos recomendados del pasado
—
Diseño de formato: 7 métodos sencillos de diseño de imágenes
10 imágenes Diseño de carteles con gráficos de líneas creativas
¡Dos consejos para enseñarte habilidades de combinación de colores y deshacerte de las dificultades de combinación de colores!
¿Cuáles son las ideas innovadoras de diseño de carteles y estilos artísticos de ilustración?
1. 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. imagine 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. Los bloques de color utilizan gráficos simples. para hacer que el formulario principal sea más abstracto o simplificado. 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, redondeado y lindo. Generalmente tiene un estilo de diseño con líneas oscuras extra gruesas, imágenes de dibujos animados de la versión Q, líneas redondeadas y una combinación de líneas y superficies dibujadas por vectores. muy fresco y fresco El tono lindo se usa generalmente en íconos y recordatorios en interfaces 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 texturizada con efectos de luces y sombras, este método de pintura generalmente no tiene contornos y se realiza principalmente a través de la luz; y se utilizan bloques de colores para distinguir cada elemento; agregando textura, ruido, etc., para aumentar el nivel y la tridimensionalidad de la ilustración, puede representar efectivamente los detalles del trabajo dando a las personas una sensación muy simple; relativamente relajado y casual; las partículas en la textura La sensación aumenta los detalles de la imagen, la hace más atractiva y también tiene 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 es 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 cambios en los niveles de luz, sombra y sombra, la experiencia visual es más tridimensional, formando así una imagen sólida y haciendo que la imagen sea 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 muy amigable.