Plantilla de banner de cartel-Cómo crear un banner en diseño de cartel_¿Cómo diseñar un cartel?

Inventario de los elementos/tipos/estilos/pasos de diseño del diseño de banners

Banner ciertamente no es una palabra desconocida para un diseñador en varios campos de la industria actual. Básicamente, involucra las necesidades. de banners Podemos ver la sombra de los banners en todas partes, ya sea en la web o en terminales móviles, por lo que dominar el diseño de banners es una habilidad esencial para todo diseñador.

Los banners (y la publicidad en banners) son los primeros. forma de publicidad online y actualmente es la forma más común. 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 + redacción + elementos + fondo

Por ejemplo:

(de pétalos de flores)

Para el diseño de banners para eventos, la mayoría Todos elegiremos colores brillantes y coloridos, y la imagen estará saturada e impactante, creando una especie de atmósfera animada. También es esencial agregar elementos, porque para el diseño de pancartas de eventos, cuanto más animada sea la imagen, mayor será la intensidad de la actividad. , que será más atractivo 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. 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: Alta gama. productos tecnológicos 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 hemos elegido el estilo aquí!

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

p>

Podemos dividir aproximadamente la estructura de diseño de banner en:

Estructura centrada, alineada a la izquierda estructura, 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 las actividades.

*La combinación de negro, blanco y gris dará a las personas una sensación fría e inaccesible, y es más adecuada para las elecciones de estilo. de grandes marcas

*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 sencillos.

Práctico ejemplos:

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, se puede lograr una conducción inteligente 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 el 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 "Voz completa soporte de coche de operación inteligente A5"

Entonces 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 el 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. 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 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 se procesa ligeramente de acuerdo con el estilo general de la imagen, para que la redacción y la imagen. son más armoniosos y unificados, incluido el impacto de la luz alrededor del producto, que también debe procesarse

Al final, obtenemos el efecto de banner anterior. ¡Se completa un diseño de banner simple con sentido tecnológico!

¡Está bien! El conocimiento de hoy es un poco más completo. ¡Espero que te 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 las dificultades de combinación de colores!

¿Cuáles son los tipos populares de procesamiento de banners para ideas innovadoras de diseño de carteles?

Segmentación de bloques de color

Los banners anteriores adoptan diferentes proporciones. Los bloques de color grandes y pequeños forman el fondo de el banner, además de personajes 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

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. 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.

¿Cómo crear un banner en diseño de carteles? ¿Cómo diseñar un cartel?

1

Clasificar los requisitos y recopilar información: comprender los requisitos básicos y hacer los preparativos iniciales para la dirección del diseño. Chuan Wu (obras) Nombre) Redactor adjunto: El poder del inframundo, revertir la vida y la muerte Tenemos muchas obras cómicas con contenido y estilos complicados, por lo que después de recibir la demanda, lo primero que debemos hacer es "investigar" las obras.

A través de la investigación de las obras de cómic Leer, comprender el contenido, la historia y el estilo de pintura para determinar la dirección del diseño

De esta manera, podemos captar con precisión la tonalidad de el trabajo durante el proceso de diseño, diseñar el banner que mejor se adapte al estilo y contenido del trabajo, e integrar nuestro trabajo. La esencia del contenido se entrega a los usuarios

Por ejemplo, en el trabajo anterior, el LEMA "Chuanwu" es en lo que queremos centrarnos en el diseño y exhibición

Y el subtítulo "El poder de Youfu, revertir la vida y la muerte" también es muy importante y, a menudo, transmite el punto de venta y tono del trabajo

Mira el material que conseguimos, un material simple de una sola persona, se ve muy monótono y parece que no hay lugar para cortar

p>

¡Este momento refleja la importancia de "investigar" el trabajo primero! 2

Determine la dirección del diseño: aclare la dirección del diseño y muestre con precisión la tonalidad del trabajo. A través de la lectura, entendemos Este trabajo es. un estilo antiguo y apasionado, un trabajo de fantasía y tiene un contenido de historia general combinado con nuestro subtítulo "El poder de Youfu, revirtiendo la vida y la muerte"

Ya comencé a tener una imagen en mi mente. , "Youfu" expresa aproximadamente una escena, y "poder" y "inversión de vida y muerte" transmiten una escena majestuosa

Esto marcó una dirección precisa para nuestra dirección de diseño

Primero de Después de todo, colocamos nuestros materiales y los copiamos en el marco, y hacemos un diseño aproximado para encontrar la sensación.

El primer diseño izquierdo y derecho es demasiado convencional. El impulso es un poco débil.

El segundo agregó un marco cómico, queriendo incluir algo de contenido de la historia y mostrarlo en conjunto

Pero también enfatizó la existencia del marco cómico, y las escenas majestuosas no fueron mostradas

Pero presta atención a la parte de la derecha, organizar el título principal en ambos lados del personaje parece ser una buena opción. Empezamos desde aquí

¡Lo intentamos nuevamente y descubrimos que este diseño! parece ¡Este es el sentimiento que queremos! Ahora que se ha determinado el marco, continuaremos fortaleciendo el sentimiento de "aura" y "poder" en esta dirección

Nos centramos en los personajes e imaginamos eso. hay poder en la imagen "Explosión" desde la parte posterior del personaje, por lo que nuestras fuentes pueden diseñarse para tener algunas tendencias en el interior y también crecer hacia afuera con un arco como centro

Utilice la luz brillante desde la parte posterior del personaje para crear una luz de fondo visual, crea una sensación de "poder" estallando

3

Selección de color: sigue la dirección de diseño previamente determinada y refina la selección de color y combinación

Mi método es general Partimos del propio material y ampliamos la combinación de color deseada según el estilo visual que queramos conseguir

De esta forma el color obtenido es más integrado, el material del personaje se puede integrar mejor en la atmósfera del fondo y también es conveniente para ajustes posteriores.

Después de observar los materiales, encontramos que sus colores son relativamente grises y carecen de contraste, lo que los hace. parece "plano" y es difícil crear la sensación que queremos.

Entonces, desde los materiales de los personajes mismos, comenzando por los colores, extrayendo colores similares y aumentando la saturación.

Combinado con las necesidades visuales. de "llamativo" que favorece la operación y promoción

Se obtuvo este último conjunto de colores con mayor contraste

4

Llevar a cabo in-. caracterización en profundidad de forma priorizada: Lo más importante de la imagen debe ser nuestro SLOGAN y los personajes, que son los objetos en los que queremos centrarnos

El resto de subtítulos y ambientación de fondo pasan a un segundo plano

No sólo es necesario diferenciarse en el diseño, sino también en la experiencia visual

Para tener sensación de distancia y realidad, aumentar la sensación de espacio

Esperamos que la imagen tenga cierta textura y aumente su impacto

Entonces, cuando representemos el fondo, podemos elegir algunas escenas mejores en los cómics o el fondo de la portada. Usa los materiales para hacer el mapa base

Luego agregue algunos materiales de textura y luego ilumine el fondo capa por capa, usando atributos de capa como "superposición", "luz suave" y "color de pantalla" para aumentar lentamente el brillo y finalmente lograr el efecto que queremos

Consejos 1: Cuando la misma fuente de luz se ilumina y se transmite a diferentes objetos, su expresión visual cambiará.

La diferencia ahora

no es el color de la fuente de luz, sino el color del área iluminada.

Comparemos los efectos reales de los dos colores. Se puede decir que es muy. intuitivo Consejo 2: Para que el material se mezcle mejor con el fondo, podemos agregar artificialmente un círculo de luz de resaltado/delineado al material en una etapa posterior

¡Esto no solo hace que la imagen sea más! armonioso, pero también hace que nuestros personajes sean más armoniosos. ¡Se vuelve tridimensional!

Comparemos el sentimiento sin agregar luz de contorno: realmente le falta algo de gusto y detalles. Procesando nuestros materiales para que se vean más tridimensionales. Mejore una cierta calidad y combine con la imagen para lograr mejores efectos visuales.

5

Diseño del SLOGAN: la copia principal está refinada. en nuestro boceto y combinado con la tendencia de la imagen general

(Agregar pinceladas y optimizar trazos)

Hay principalmente tres capas para procesar La capa de color (capa de texto): da principalmente un color básico a la capa de material: debido a que estos dos personajes ocupan una proporción relativamente grande, podemos agregar algunos detalles de textura para hacer que la imagen sea más rica y atractiva. capa de espesor: deje que la fuente de luz detrás forme un círculo de; aspectos destacados de nuestros personajes, que pueden resaltar a nuestros personajes

Agregue algunos efectos de halo y luego coloque el SLOGAN terminado para ver el efecto. Parece bastante bueno

Algunos estudiantes pueden preguntarse por qué. Aquí hay una capa de grosor para la fuente. Primero echemos un vistazo al cuadro comparativo. Efecto: se puede ver que falta algo de textura y peso, lo cual está bien en el estilo liviano, pero en nuestra imagen actual, se siente. un poco diferente, por lo que hicimos una capa gruesa para enfatizar el impacto visual de la luz que brilla en la imagen para mejorar el impacto de la imagen.

Después de eso, principalmente hacemos algunos elementos flotantes que se adaptan a la atmósfera. de nuestra imagen y enriquecer la imagen.

¡Sería genial si tuvieras algunas habilidades para dibujar a mano! Completo, en este paso, casi hemos logrado lo que queremos. El efecto a lograr, la sensación. de "impulso" y "poder" se expresan básicamente en un material tan "sin pretensiones".

Todavía estoy bastante satisfecho y el manuscrito está casi listo para su revisión. Finalmente, después de observar ¡Observe el panorama general, revíselo! y comprobar si hay deficiencias

Descubrí que nuestra imagen parece un poco seca, con la saturación de rojo y amarillo ligeramente alta

La sensación general no es lo suficientemente clara

Hagamos un ajuste final

Reduzca algo de saturación de rojo y amarillo, y agregue algo de púrpura a las partes oscuras (las partes oscuras de la copia principal y las partes oscuras alrededor de la pantalla)

Aumentar El contraste entre frío y calor es mucho mejor

Consejos 3: Selle toda la capa - busque otra en el filtro - conserve el alto contraste, ajuste el valor según la pantalla

Entonces obtienes ¿No es mágica esa capa? No entres en pánico, cambia las propiedades de esta capa a luz lineal y observa que la imagen es mucho más clara y texturizada. Finalmente, ¡mira el diagrama de evolución del proceso! : Resumen 1) Clasificar los requisitos Contenido: comprender el contenido en profundidad y recopilar y organizar información leyendo obras de cómic; 2) Refinar la extensión de las palabras clave: probar una variedad de soluciones factibles y finalmente determinar la dirección del diseño; ajustarse al tono de la imagen y del trabajo, y lograr el mismo objetivo, el efecto de que las imágenes se complementen entre sí 4) Control detallado: una vez finalizado, retroceda y revise la imagen general, verifique si hay omisiones y complete los espacios en blanco; y esfuérzate por ser el mejor! ¡Cuánto esfuerzo pongas, cuánta recompensa obtendrás!