Póster de banner creativo: ¿cómo crear un diseño de banner_poster?
Los banners (y la publicidad mediante banners) son la primera forma de publicidad online 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 se extienden 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 Internet!
Aquí 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: elemento de redacción, fondo.
Los elementos se pueden subdividir en: elementos = productos, modelos, logotipos, adornos (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 de gran venta)
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:
Antecedentes en redacción de textos publicitarios de producto
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:
Fondo del elemento de copia del producto
Por ejemplo:
(de pétalos)
Esta 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 la imagen 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
Fondo del elemento de copia del producto
Por ejemplo:
(de pétalos)
Para el diseño de banners para eventos, la mayoría de nosotros elegiremos colores brillantes e imágenes saturadas e impactantes para crear una atmósfera animada. Esto también es esencial para agregar elementos, porque para el diseño de banners para eventos, la imagen cuanto más animada sea, más fuerte será la actividad. be, lo que atraerá a más usuarios. ¡Intenta 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 un estilo simple y limpio.
(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 formas y estilos, gráficos y colores únicos, 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 negro, rojo y oro negro.)
(De los pétalos)
05: Lindos carteles de estilo para niñas \ Los niños son adecuados para elegir elementos de estilo lindo.
(A través de elementos lindos: ilustraciones, líneas, globos, amor, fuentes redondeadas, 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 combinación de colores
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: Metemos en el lienzo la información del copy y los productos ofertados.
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 copia de los subtítulos también se procesa ligeramente de acuerdo con el estilo general de la imagen, lo que hace que la copia 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!
Ideas innovadoras para el diseño de carteles
¿Cuáles son los tipos populares de tratamientos de carteles? 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 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; Sensación de limpieza, claridad y armonía. 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.
¿Cómo crear un diseño de banner_poster? 1
Organizar requisitos y recopilar información: comprender los requisitos básicos y prepararse para la dirección del diseño. Lema: Chuanwu (título de la obra) Redacción publicitaria: El poder de la casa apartada puede revertir la vida y la muerte. Hay muchas obras de cómic con contenidos y estilos complejos, por lo que tras recibir la demanda lo primero que se debe hacer es "investigar" las obras.
Al leer obras de cómic, podemos comprender el contenido, la historia y el estilo de pintura para determinar la dirección del diseño cualitativo.
Solo así podremos captar con precisión la tonalidad del trabajo durante el proceso de diseño, diseñar una bandera que mejor se adapte al estilo del producto cooperativo y entregar la esencia de nuestro trabajo a los usuarios.
Por ejemplo, en los trabajos anteriores, las “artes marciales” de SLOGAN es en lo que queremos centrarnos en diseñar y mostrar.
El subtítulo "El poder de los amigos ricos, revertir la vida y la muerte" también es muy importante y a menudo transmite el punto de venta y el tono de la obra.
Veamos el material que tenemos, un material simple de un solo hombre. Parece muy monótono y parece que no hay lugar para cortar.
¡Aquí es donde se hace evidente por primera vez la importancia de “investigar” el trabajo! 2
Determine la dirección del diseño: aclare la dirección del diseño y muestre con precisión la tonalidad de la obra.
A través de la lectura, sabemos que esta obra es una obra sangrienta, antigua y fantástica con un contenido de historia general combinado con nuestro subtítulo "El poder de los amigos ricos, revirtiendo la vida y la muerte".
Ya hemos comenzado. tener pensamientos en nuestra mente. "Rich Friends" expresa aproximadamente una escena, mientras que "Strength" y "Inversion of Life and Death" transmiten una escena magnífica.
Esto marcó una dirección precisa para nuestra dirección de diseño.
Primero, saque nuestros materiales, cópielos en el marco y haga un diseño aproximado para encontrar una sensación.
El primer diseño izquierdo y derecho es demasiado convencional y un poco débil en escena e impulso.
El segundo agregó un marco de cómic, queriendo incluir algo de contenido de la historia y mostrarlo en conjunto.
Pero algunos enfatizaron la existencia de la caja de historietas y la majestuosa escena no fue mostrada.
Pero presta atención a la parte correcta, ¡colocar el título principal en ambos lados del personaje parece ser una buena elección! Empecemos aquí.
¡Lo intenté de nuevo y descubrí que este diseño parecía ser la sensación que queríamos! Ahora que se ha determinado el marco, continuar en esta dirección para fortalecer el sentimiento de "impulso" y "fuerza".
Tomamos los caracteres como centro e imaginamos que hay una fuerza "generando" detrás de los caracteres de la imagen. Luego, nuestras fuentes pueden diseñarse para que tengan algunas tendencias y crezcan hacia afuera alrededor de un arco. .
Crea una sensación de "poder" con una gran luz de fondo que brilla detrás del personaje.
Tres
Selección de colores: siga la dirección de diseño previamente determinada y refine la selección y combinación de colores.
Mi método generalmente consiste en partir del propio material y ampliar la combinación de colores deseada según el estilo visual deseado.
Los colores obtenidos de esta manera están más integrados, los materiales de los personajes se pueden integrar mejor en la atmósfera del fondo y también es conveniente para ajustes posteriores.
Observando el material, encontramos que su color es todo gris y le falta contraste, lo que lo hace parecer "simple" y difícil crear la sensación que queremos.
Entonces, a partir del color del material del personaje en sí, puedes extraer el mismo color y aumentar la saturación.
Combinado con las necesidades visuales que favorecen la promoción operativa, "llamativo"
obtiene este último conjunto de colores con mayor contraste.
Cuatro
Priorizar la creación de personajes en profundidad: Lo más importante en la imagen debe ser nuestro eslogan y personajes, que son los objetos en los que debemos centrarnos.
El resto de subtítulos y la atmósfera de fondo también siguen.
No sólo debe haber diferencias en el diseño, sino también en la experiencia visual.
De esta manera, se puede tener una sensación de distancia y realidad, y aumentar la sensación de espacio.
Esperamos que la imagen tenga cierta textura para aumentar su impacto.
Entonces, cuando dibujamos el fondo, podemos elegir algunas escenas mejores en los cómics o el material de fondo de la página de título como mapa base.
Superponga algunos materiales de textura, luego pula el fondo capa por capa y use atributos de capa como "Superposición", "Luz suave" y "Filtro de color" para aumentar lentamente el brillo y finalmente lograr el resultado deseado.
Consejo 1: Cuando una misma fuente de luz llega a diferentes objetos, su rendimiento visual es diferente.
No se trata de qué color sea la fuente de luz, sino de qué color será donde brille.
Comparemos los efectos reales de los dos colores. ¡Se puede decir que es muy intuitivo! Consejo 2: Para combinar el material con el fondo de manera más perfecta, podemos agregar artificialmente un círculo de luces/contornos al material en posproducción.
¡Esto hace que la imagen sea más armoniosa y hace que nuestros personajes sean más tridimensionales!
Comparemos la sensación sin luz de aro: le falta algo de sabor y detalle. Jaja, de hecho, muchas veces podemos realizar un procesamiento secundario de nuestros propios materiales para mejorar su calidad y combinar las imágenes para lograr mejores efectos visuales.
Cinco
Diseño de SLOGAN: La copia principal se refina según nuestro boceto y se combina con la tendencia de la imagen general.
(Aumentar trazos y optimizar trazos)
Hay tres capas principales para el procesamiento: capa de color (capa de texto): principalmente da una capa de color básica: porque estos dos caracteres ocupan; La proporción es relativamente grande, por lo que puede agregar algunos detalles de textura para hacer que la imagen sea más rica y atractiva: deje que la fuente de luz detrás forme un círculo de resaltado en nuestro texto, que puede resaltar nuestro texto;
Agregue un pequeño efecto de halo y luego coloque el eslogan completo para ver el efecto. Parece bastante bueno.
Algunos estudiantes pueden preguntarse por qué hay una capa gruesa de fuente aquí. Primero echemos un vistazo al cuadro comparativo. Podemos ver que la textura y el peso son menores, lo cual está bien en el estilo de luz, pero no tan bien en nuestra imagen actual, por lo que hicimos capas gruesas para enfatizar el impacto visual de la luz.
Después de eso, hacemos principalmente algunos elementos flotantes que se adaptan a la atmósfera de nuestra imagen para enriquecerla.
¡Sería genial si supieras dibujar a mano! Eso es todo. En este paso, casi hemos logrado el efecto que queríamos lograr. Los sentimientos de "impulso" y "fuerza" se expresan básicamente en materiales tan "sin pretensiones".
¡Estoy bastante satisfecho y casi puedo enviar mi artículo! Finalmente, observe el panorama general y vuelva a observarlo para comprobar si hay lagunas.
Descubrí que nuestra imagen parecía un poco seca, con una saturación de rojo y amarillo ligeramente mayor.
La sensación general no es lo suficientemente clara.
Un último ajuste.
Desaturar algunos de los rojos y amarillos y agregar algo de morado en las áreas oscuras (partes oscuras de la copia principal y partes oscuras alrededor de la imagen)
Sería mucho mejor aumentar el contraste entre lo cálido y lo frío.
Consejo 3: Selle toda la capa - busque algo más en el filtro - mantenga el contraste alto y ajuste el valor según la imagen.
¿No es sorprendente conseguir una capa así? Que no cunda el pánico, cambia las propiedades de esta capa a luz lineal, ¡la imagen será mucho más clara y con más textura! Finalmente, mire el diagrama de evolución del proceso: resumen 1) Clasificar el contenido requerido: leer cómics, comprender profundamente el contenido, recopilar y organizar información 2) Refinar la expansión de las palabras clave: probar una variedad de soluciones factibles y finalmente determinar el; dirección del diseño; 3) Diseño del eslogan: debe ajustarse a la tonalidad de la imagen y la obra, y lograr un efecto que coincida con la imagen 4) Controlar los detalles: una vez finalizado, mirar hacia atrás a la situación general, verificar si hay omisiones y; ¡llena los vacíos y esfuérzate por ser el mejor! ¡Cuanto más esfuerzo pongas, más recompensas obtendrás!