Descripción del texto del banner: introducción detallada a las habilidades de diseño de APPBanner
Los banners (y la publicidad mediante banners) son la primera forma 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 del estilo del 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, será mejor optar 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 agregar elementos, porque para el diseño de banners para eventos, cuanto más animada sea la imagen, mayor será la imagen. 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 la pancarta exprese mejor sus propias características y propósito.
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 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 que combinen para decorar el efecto general del banner (agregue según las necesidades reales)
También debemos elegir 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 1: 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 con una jerarquía diferente 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!
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; 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.
Explica las habilidades de diseño de APPBanner y determina el estilo.
Composición/composición
Color
1-1 Primero explicamos el primer aspecto del procesamiento de fuentes de texto:
Corte de texto. este método de procesamiento generalmente consiste en cortar una determinada parte/unión de la fuente, o agregar algunos elementos en el punto de corte. La ventaja de este procesamiento es que la fuente es más artística, la imagen es más espacial y, en general, agrega algo de color; al banner. Tiene una atmósfera literaria o misteriosa;
Deforma la fuente; veamos la Figura 1-3, donde la fuente está distorsionada. En la Figura 1-5, el diseñador maneja los detalles del punto final de la fuente. O cambie el grosor de la fuente y la forma del trazo. No daré un ejemplo aquí. Este tipo de procesamiento hace que el texto esté "vivo" y es más adecuado para la semántica de la copia;
El procesamiento de desenfoque/borrado/transparente/diferencia de color se usa generalmente para desenfocar o transparentar los trazos de la fuente. o borrar con un pincel una parte, o cambiar el color del trazo. En definitiva, hay muchas formas de afrontarlo, pero todas son similares. Este método de procesamiento hace que la fuente parezca más tridimensional o se ajuste mejor al fondo;
Agrega "resaltado/sombra paralela" a la fuente.
Este método de procesamiento consiste en agregar algunos elementos destacados a la fuente, o agregar algunos elementos de "proyección" lineales o planos detrás de la fuente para que la fuente parezca más tridimensional y encaje bien con el fondo.
1-2. Arriba, hemos completado varios formularios de procesamiento de fuentes comunes. Primero hablemos de varios estilos de diseño comunes para textos de banners;
El diseño horizontal es un estilo de diseño común, y el tamaño/grosor/tipo/color de fuente generalmente se usa para distinguir el contenido principal del contenido secundario. Este tipo de diseño tiene capas claras y se ve claramente de un vistazo.
La tipografía inclinada se utiliza generalmente para páginas con fuerte impacto y es más dinámica y enérgica.
El diseño vertical es adecuado para diseños con menos contenido de copia y se utiliza principalmente para páginas literarias y artísticas clásicas y frescas;
Sin embargo, el diseño escalonado se ve más hermoso y poderoso. , este tipo de diseño se limita a Banners con menos contenido de redacción.
Composición tipográfica ondulada, este tipo de composición tipográfica es relativamente rara. Detengámonos aquí. Este tipo de diseño se utiliza principalmente en páginas de eventos festivos, lo que lo hace más animado y mejora la atmósfera.
2. Hablamos anteriormente sobre procesamiento de textos y composición tipográfica, así que hablemos de redacción publicitaria con imágenes, redacción publicitaria común con imágenes.
Ilustraciones con imágenes, que tienen requisitos más altos para los diseñadores. Debes dibujar las ilustraciones a mano, por supuesto, también puedes encontrar materiales
que coincidan con la imagen real; utilice un producto/personaje directamente/imágenes de escenas, pero dichas imágenes tienen mayores requisitos de claridad y composición;
Las imágenes se convierten en imágenes dibujadas a mano. Este método de hacer coincidir imágenes convierte las imágenes en un estilo dibujado a mano, lo que resuelve el problema de las imágenes poco claras y la integración insuficiente con las imágenes de fondo, y tiene más sentido del diseño.
3. Hablemos brevemente del fondo del banner. Hay cuatro tipos de fondos comunes: fondo de color sólido, fondo degradado, fondo de textura y fondo de imagen. Los dos primeros son fáciles de entender. El fondo de textura suele ser papel, textura de piedra/suelo o textura abigarrada. El fondo de la imagen requiere una imagen clara y hermosa.
4. Los adornos se dividen en decoración de fondo y decoración de redacción.
4-1 Decoración de fondo común, con un poco de geometría lineal y luminarias.
4-2 Decoración de copia, geometría de línea de decoración de copia común, pinceles y gráficos agregados de acuerdo con el entorno semántico de la copia.