Banner de estilo de ilustración: ¿Qué estilos artísticos existen para la ilustración?
El banner anterior utiliza bloques de color de diferentes proporciones para formar el fondo del banner, además de texto y redacción, que es adecuado para resaltar productos, como muebles para el hogar, ropa, productos electrónicos, etc. . La interfaz es simple pero no blanca y puede extraer rápidamente información valiosa. Al elegir colores, preste atención al tono general.
Bordes geométricos
La simplicidad a menudo da a las personas una sensación fría, limpia y moderna. Las formas y elementos utilizados en el diseño son simples; la paleta de colores utilizada es unificada y sobria. La textura es más delicada; en términos de estructura, se usan comúnmente espacios en blanco, cortos / precisos / con valores fundamentales y "temperamento", el borde es el foco y las figuras geométricas son la decoración eterna ~ ~
2.5D
El estilo de la geometría espacial, al construir un cuerpo espacial y usar la geometría para crear una atmósfera, tiene un fuerte sentido de sustitución espacial. Es posible investigar un poco sobre este tipo de trabajo. La clave es la expresión creativa, que requiere mucho esfuerzo.
El estilo 2.5D es muy popular en el diseño de comercio electrónico. Es novedoso y práctico, puede acomodar una gran cantidad de contenido, tanto dinámico como estático, y puede conectar muy bien dos o tres pantallas. Favorecido por algunas actividades promocionales a gran escala, a menudo se puede ver este estilo de carteles en la mitad superior de la página.
Ilustraciones planas
Concisas pero no simples, eliminando efectos decorativos engorrosos y mostrando la expresión central del tema. Utilice gráficos o caracteres distintos del texto para que el banner parezca más intuitivo. Agregar gráficos o caracteres al texto puede darle más vida y sensación al banner. Este tipo de banner se utiliza mucho en finanzas, educación y viajes. Por supuesto, si tu capacidad de ilustración es buena, no será un problema utilizarla en todas las industrias.
Superposición de colores
Es más popular y cambiante, la visión general será relativamente joven y los elementos utilizados serán relativamente más directos, claros y directos; Limpio, claro y armonioso. Resalta el texto y decora la atmósfera con gráficos simples. Puede utilizar colores sólidos y colores degradados para superponer colores de fondo. Tenga cuidado al elegir imágenes grandes. La concepción artística general depende del tono y de las luces y sombras. Por supuesto, lo más sencillo es elegir un mapa base limpio y ordenado.
Los colores son emocionales y diferentes colores traerán sentimientos completamente diferentes a las personas. Por lo tanto, cuando hacemos la imagen, debemos combinar los colores según 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. Según estos puntos, la combinación de colores tiene más sentido.
Textura Degradada
Los degradados sutiles han vuelto a las tendencias de diseño. Un fondo degradado o incluso una superposición 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. Los colores ricos son su característica.
A diferencia del diseño UI, en el diseño de e-commerce y banners publicitarios, las texturas siempre han existido e incluso son elementos muy comunes. La textura realmente puede realzar todo el banner.
Contenido de la información y textura general. Por supuesto, no dejes que se apoderen de ti cuando uses texturas.
Estadísticas sobre elementos/tipos/estilos/pasos de diseño de banners. Definitivamente, banner no es una palabra desconocida para un diseñador. En la actualidad, la demanda de pancartas involucra básicamente varios campos industriales. Ya sea en la web o en el móvil, podemos ver la sombra de los banners en todas partes, por lo que dominar el diseño de los banners es una habilidad esencial para todo diseñador.
Los banners (y la publicidad mediante banners) son la forma más antigua de publicidad online y la forma más común en la actualidad. Un anuncio publicitario, también conocido como anuncio publicitario, es un tablón de anuncios rectangular que se extiende a lo largo de una página web. Cuando los usuarios hacen clic en estos banners, a menudo se vinculan a la página web del anunciante. Es una imagen que muestra el contenido publicitario del comerciante y se coloca en la página del anunciante.
¡Es la forma más básica de publicidad en la publicidad en Internet!
Ahora explicaremos los banners desde estos aspectos:
Uno: Los componentes de los banners
Dos: Tipos de banners
Tres: Selección de estilo de banner
Cuatro: pasos del diseño del banner
Uno: componentes del banner
Los componentes principales del banner se resumen brevemente aquí. Los siguientes puntos:
Los elementos principales del banner son: texto + elementos + fondo.
Los elementos se pueden subdividir en: elementos = producto + modelo + logotipo + adorno (los elementos aquí deben seleccionarse según la situación real del banner, opcional).
Como se muestra en la imagen:
(de pétalos)
2: Tipos de banners
Los tipos de banner que resumo aquí son dividido principalmente en Para:
01: banner de promoción de productos (productos nuevos, productos más vendidos)
02: banner de eventos (promoción navideña, promoción de productos)
Los banners son simples aquí y se dividen en dos tipos. Debido a que los efectos y propósitos de los diferentes banners son diferentes, 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 que necesitamos para el diseño del banner deben ser el producto y una breve introducción del copywriting. En cuanto a los elementos de adorno, también podemos elegir los elementos adecuados según las características del producto real, o no embellecerlo. ¡El fondo es definitivamente indispensable!
01: Banner de promoción de producto:
Producto + texto + fondo
Por ejemplo:
(de pétalos)
Los casos anteriores tienen que ver con el estilo de diseño de los carteles de promoción de productos. Todos tienen una característica común que es ampliar el producto y luego ampliarlo para mostrar las características del producto. La introducción concisa de la redacción publicitaria y la gran cantidad de espacios en blanco resaltan las características del producto, haciendo que los ojos de los usuarios se sientan atraídos involuntariamente por el producto en sí.
Banner de promoción de producto:
Producto + texto + elemento + fondo
Por ejemplo:
(de pétalos)
La característica de este tipo de banner es que, además del producto en sí, se agregan otros elementos como adornos al banner para hacer que la imagen sea más saturada o dinámica.
Entonces la pregunta es
¿Cuándo es mejor añadir elementos al diseño del banner de un producto? ¿En qué circunstancias es mejor no añadir elementos?
En primer lugar, cuando es extremadamente necesario mostrar las características del producto, lo mejor es que optemos por no añadir elementos que interfieran con el producto.
Segundo: Para productos simples, es mejor no agregar elementos decorativos. Una gran cantidad de espacio en blanco es más adecuado para el estilo de productos simples.
02: Banner del evento
Producto + texto + elemento + fondo
Por ejemplo:
(de pétalos)
Para el diseño de banners para eventos, la mayoría de nosotros elegiremos colores brillantes, imágenes saturadas e impacto, creando una atmósfera animada. Esto también es esencial para la adición de elementos, porque para el diseño de banners para eventos, cuanto más animada sea la imagen, más. ¡Cuanto mayor sea la intensidad de la actividad, lo que atraerá a más usuarios, y resaltará el título de la actividad tanto como sea posible!
Dos: selección del estilo del banner
Los banners vienen en varios estilos, pero los estilos elegidos para diferentes banners son definitivamente diferentes. Los diferentes estilos de pancartas brindan a las personas efectos visuales completamente diferentes. Una combinación adecuada puede permitir que las pancartas expresen mejor sus propias características y propósitos.
Por ejemplo:
01: Los banners promocionales para productos simples son más adecuados para estilos simples y limpios.
(de pétalos)
02: pancarta, productos de alta tecnología, elija estilos con sentido de la tecnología.
(Reflejado a través de gráficos y colores de la tecnología)
(De pétalos)
03: El banner de ropa de moda es adecuado para elegir el estilo de las imágenes de moda.
(Reflejado en forma y estilo únicos, gráficos y colores, etc.)
(de pétalos)
04: pancarta, marca de lujo de alta gama, Adecuado para combinar con estilos elegantes y de alta gama.
(Reflejado a través de colores de alta gama como el negro, el rojo y el oro negro.
)
(de pétalos)
05: Los carteles de estilo lindo para niñas y niños son adecuados para elementos de estilo lindo.
(A través de elementos lindos: ilustraciones, líneas, globos, amor, fuentes redondas, colores vibrantes, etc.)
(a partir de pétalos)
06: Nacional Los carteles de estilo/cultura/festival son más adecuados para elegir elementos con temperamento cultural.
(A través de pinceladas chinas, elementos chinos antiguos: focas, pinturas de paisajes chinos, tinta, abanicos, recortes de papel, cristales de ventanas de jardines, 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: Definir 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 de diseño de banner adecuada
05: Elija elementos coincidentes para decorar el efecto general del banner (agregue según las necesidades reales)
06: Selección de color
01: Comprender y determinar los requisitos de diseño del banner
Esta comprensión de los requisitos de diseño, sin importar cuál sea la premisa del diseño, es un paso esencial y el paso más crítico. Si ni siquiera conoce los requisitos de diseño, los resultados del diseño definitivamente no satisfarán las necesidades reales.
Entonces, ¿qué necesitamos exactamente para aclarar los requisitos de diseño de los banners?
El primer punto: determinar el texto del diseño del banner.
El copywriting también es muy importante para los diseñadores. Los diseñadores pueden encontrar inspiración para el diseño en la información de redacción y conocer el estilo de diseño general.
El primer punto: determinar el tamaño del diseño del banner y la plataforma de entrega.
Una vez determinada la copia, también debemos comprender la plataforma, la ubicación, el tamaño y si es necesario adaptarla a la visualización de cada plataforma.
02: Definir el propósito del diseño del banner
Para diseñar un banner, debes querer lograr un cierto propósito antes de diseñarlo, por lo que debes tener claro qué diseño debe tener el banner. es el propósito, como si desea promocionar un producto o promocionar un producto. Los dos son de naturaleza 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 palabras clave para el estilo de diseño de Banner a partir de los requisitos de redacción del banner para su posicionamiento, como el soporte para automóvil A5 con operación inteligente por voz completa.
Las palabras clave que podemos extraer de este texto temático son: lenguaje completo, inteligencia completa.
Al comprender estas palabras clave, definitivamente pensaremos en imágenes en la era de la tecnología inteligente, ¡así que elijamos el estilo aquí!
04: Elija la estructura de diseño de banner adecuada
La estructura de diseño de Banner se puede dividir aproximadamente en:
Estructura central, estructura alineada a la izquierda, estructura alineada a la derecha
¡La estructura del banner requerida por diferentes necesidades debe seleccionarse de acuerdo con la situación real!
05: Elija elementos coincidentes para decorar el efecto general del banner (agregue según las necesidades reales)
También necesitamos seleccionar elementos decorativos apropiados para el banner según la situación real. y las características del banner del producto. Por ejemplo, las pancartas con productos simples no necesitan elementos decorativos, mientras que las pancartas con actividades lindas o para niñas y niños deben elegir elementos decorativos. La selección de elementos decorativos para pancartas de diferentes formas también es diferente (se presentó brevemente antes). así que no entraré en detalles aquí).
06: Selección de color
La elección del color también es muy importante. Diferentes pancartas eligen diferentes colores. Una combinación de colores adecuada hará que el producto sea más prominente o la imagen más llamativa, dando a las personas una sensación diferente.
Por ejemplo:
*La combinación de negro y dorado y negro y rojo dará a las personas una sensación de lujo.
*Los colores fríos como el azul, el negro y el morado dan a la imagen una sensación de dureza, espacio, velocidad y potencia, y son más adecuados para la tecnología.
*El rojo, el naranja, el amarillo y el morado crearán un ambiente cálido y son más adecuados para moda y eventos.
*La combinación de negro, blanco y gris dará a las personas una sensación de tener demasiado frío para acercarse, lo que es más adecuado para las elecciones de estilo de las grandes marcas.
*La combinación de blanco y gris dará a las personas una sensación de tranquilidad, literatura, temperamento y elegancia, y es más adecuada para elegir productos sencillos.
Caso real:
Requisitos de redacción publicitaria:
Soporte para automóvil con operación inteligente de voz completa A5
Soporte de voz obediente para agitar
Utilizando la solución de interacción hombre-computadora AIUI de iFlytek, se puede lograr una conducción inteligente en poco tiempo.
Tamaño del diseño: 1920x650px
Propósito del diseño: Según la demanda, el propósito del diseño del banner es promocionar el nuevo producto A5.
Paso uno: Colocamos en el lienzo la información del copy y los productos ofrecidos.
Paso 2: Aclare nuestro título principal "Soporte para automóvil con operación inteligente de voz completa A5"
Así que ampliamos el título principal y resaltamos el título principal.
Paso 3: Elige el estilo del banner Porque aquí lo que necesitamos es la inteligencia del producto, nuestro estilo se puede definir como tecnológico.
Paso 4: Selecciona la estructura del diseño. ¡Elijamos aquí una estructura simple de izquierda a derecha!
Paso 5: Selecciona los elementos decorativos. Los elementos decorativos también deben seleccionarse en función de los efectos tecnológicos que se pueden extraer del texto publicitario. Por ejemplo, aquí podemos extraer: líneas y gráficos tecnológicos, gráficos de voz, etc.
Paso 6: Ajusta la posición general y la combinación de colores. También tratamos los títulos de texto como jerarquías diferentes para que se destaquen más. La redacción de los subtítulos también se procesa ligeramente de acuerdo con el estilo general de la imagen, lo que hace que la redacción y la imagen sean más armoniosas y unificadas, incluidos los productos circundantes que deben procesarse debido a la influencia de la luz.
¡Finalmente obtendrás el efecto de banner de arriba! ¡Diseñé un banner tecnológico sencillo!
¡Está bien! ¡Hoy tengo mucho conocimiento y es bastante completo! ¡Espero que te guste!
Buenos artículos recomendados en números anteriores
—
Diseño de diseño: 7 métodos simples de diseño de imágenes
Diseño de 10 carteles gráficos de líneas creativas
¡Enséñale habilidades para mezclar colores y deshazte del dilema de la mezcla de colores!
Conceptos innovadores de diseño de carteles
¿Cuáles son los estilos artísticos de las ilustraciones? 1. Ilustración plana
. La ilustración plana es más versátil porque es simple e intuitiva, debilita los detalles y la perspectiva, es relativamente más rápida de identificar y accesible, y cumple con los requisitos estéticos de los jóvenes en cuanto a ternura y ternura. Es la técnica más sencilla para hacer que la imagen presente un efecto general; Generalmente se utilizan reglas o figuras geométricas irregulares.
Gráficos vectoriales
Para conservar la forma de identificación original del objeto, utilice grandes bloques de color y gráficos simples para hacer que la forma principal sea más abstracta o simple. Tiene una amplia gama de colores. aplicaciones, como carteles, embalajes, pancartas, pantallas de presentación de aplicaciones, interfaces de juegos, etc.
2. Ilustración en degradado.
Las ilustraciones en degradado se caracterizan por una gran cantidad de poco uso.
Capacidad de saturación
La técnica de degradado generalmente utiliza colores similares en el uso de colores; sus detalles ricos y delicados, su estilo de imagen realista y su visión estable hacen que la imagen sea muy visual.
Impacto
También hay una sensación de superposición. 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.
Ilustración 3.MBE
. Este estilo de ilustración se caracteriza por la simplicidad, la redondez y la ternura. Generalmente, existen estilos de diseño con líneas oscuras extra gruesas, imágenes de dibujos animados de la versión Q, líneas circulares y líneas y superficies vectoriales. El tono general es fresco y lindo, y generalmente se usa para íconos de recordatorio e interfaces en blanco.
4. Ilustración de textura.
Las ilustraciones de texturas generalmente se basan en pintura plana, y finalmente incorporan efectos de textura, presentando finalmente una imagen con textura y efectos de luces y sombras, este método de pintura generalmente no dibuja líneas, y utiliza principalmente la luz y la oscuridad; de bloques de color. Diferenciar elementos individuales añadiendo textura, ruido, etc. , puede aumentar el nivel y la tridimensionalidad de la ilustración, y puede representar eficazmente los detalles del trabajo, dando a las personas una sensación muy simple, que es más relajada y casual, la textura granulada aumenta los detalles de la imagen; haciéndolo más atractivo y personalizado.
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.
Fideos ultrafinos
Combinados con íconos, se hacen eco entre sí para formar una imagen grande, que se procesa principalmente con más líneas y pinceladas, y el conjunto; la imagen es relativamente limpia y ordenada. Se usa a menudo en H5/App. Al aplicar, preste atención al contraste del grosor del trazo para medir si se ajusta a la rutina.
7. Ilustraciones recortadas en papel.
Las ilustraciones de estilo paper-cut se crean con ilustraciones de paper-cut, y los recortes de papel en capas se cortan y superponen para crear contenido diferente. 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.
Guochao ha sido muy elogiado en los últimos años. En resumen, la tendencia nacional se basa en
cultura china
y es una combinación de moda, estilo y tono. Es una colisión de ideas culturales tradicionales y modernas y una exhibición vívida. de estética oriental. Por lo tanto, las ilustraciones combinan la cultura de tendencias nacionales, aceleran la difusión de imágenes y tienen un sentido de moda, al mismo tiempo que le dan a la marca más símbolos y valor cultural; Las marcas pueden aprovechar esta oportunidad para mostrar su encanto ilimitado y su potencial de marketing.
9. Ilustraciones de luces y sombras.
Las ilustraciones de luces y sombras pueden combinar luces y sombras para maximizar la atmósfera de la imagen, que 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 visión se vuelve más tridimensional, formando así una imagen tridimensional, haciendo que la imagen sea más atractiva y visualmente espacial.
10. Ilustraciones dibujadas a mano.
Las ilustraciones dibujadas a mano son ilustraciones.
Técnicas de expresión
La más primitiva, que pone a prueba el cuerpo del creador y sus habilidades pictóricas; el lenguaje del diseño artístico transmite emociones intuitivamente mediante el uso de texturas y gráficos pintados a mano, cautivando al público. Más consciente de la situación, aceptando las emociones directamente, la imagen es intuitiva, el sentido de la vida es real, el atractivo emocional es rápido y es más humano que otras formas de ilustración. Se utiliza principalmente para actividades artísticas o animación y diseño de carteles. La promoción general es informal, muy realista y muy atractiva.