Plantillas de diseño de banners: ¿hay plantillas de imágenes de banners? ¿Qué tipo de diseño es bueno?

Banner en sí significa banner. En la App, el Banner es un recurso muy importante, es el lugar más llamativo de la página y también el lugar con mayor tráfico.

Los banners suelen utilizar una combinación de gráficos y texto para mostrar contenido clave y, a menudo, se venden como inventario publicitario.

1.___ FanǜWeidang

Confirma la frecuencia de actualización según la posición del banner. Normalmente, cuanto mayor sea el tráfico de un banner, con mayor frecuencia se actualizará. Lo más importante es intentar actualizar todos los días, no más de tres días como máximo.

Si el tráfico del banner es muy pobre y el contenido que el operador ha trabajado tan duro para crear no tiene tráfico, es necesario comunicarse activamente con el gerente de producto para obtener comentarios y realizar mejoras en términos de Diseño de posición del banner, entrada de exhibición, etc.

2. Determine las columnas

He configurado los siguientes tres tipos de columnas para los banners de productos que opero (1) Visualización de contenido de alta calidad (2) Temas de interacción del usuario ( 3) Promoción de productos clave/productos básicos.

La visualización del banner semanal debe cubrir las tres columnas anteriores tanto como sea posible para mantener la flexibilidad y la frescura del contenido. Prepare el contenido del banner con una semana de anticipación y determine el cronograma.

3. Gestión según plan

1. Plantilla de diseño unificada

La siguiente imagen es el Banner de una aplicación de hotel, que muestra tres banners para hoy

Aunque las imágenes de cada banner están cuidadosamente diseñadas, se ven muy desordenadas. No me gusta este estilo, el contenido y las imágenes del banner restan tono general al producto. Por lo tanto, creo que la mayoría de los banners deberían tener un estilo de diseño unificado.

Por ejemplo, los siguientes banners de productos utilizan básicamente una plantilla unificada.

Todos los banners de aplicaciones mencionados anteriormente cuentan con un diseño de plantilla, lo que le da al aspecto general un aspecto más unificado y fresco. Con una plantilla unificada, no necesita pedirle a un diseñador que haga imágenes cada vez que actualiza el banner. Simplemente puede modificar la redacción y las imágenes usted mismo durante la operación.

Por lo tanto, la plantilla de diseño de banner para columnas regulares es muy importante. Debe comunicarse con el diseñador para confirmar lo siguiente:

(1) El estilo visual general del banner, seleccione la gama de colores y el estilo de imagen de la imagen de fondo (asegúrese de prestar atención a los derechos de autor). edición de la imagen aquí)

(2) Composición tipográfica del texto, confirmando fuente, tamaño, color y posición.

Con esta plantilla como garantía básica, podrás crear rápidamente una imagen de banner adecuada.

Tenga en cuenta también:

(1) Cambie las plantillas periódicamente para evitar la fatiga estética.

(2) Además de las plantillas fijas, también se aceptan una variedad de diseños. Todavía es necesario prestar atención a la unidad del estilo de diseño. ¿Existen plantillas para gráficos de banner? ¿Qué tipo de diseño es mejor?

Existen principalmente las siguientes situaciones que se pueden utilizar como referencia:

Utilice fuentes en negrita con más frecuencia, el texto tiene capas claras y el contraste hará que las fuentes sean más grandes.

Creo que cuando mucha gente diseña para el Grupo A, la frase más común que escuchan es "los personajes no son lo suficientemente grandes". Algunos novatos en diseño ajustan silenciosamente el tamaño de la fuente, pero aún no pueden lograr el efecto que la Parte A desea. En este momento, todos deben prestar atención a la declaración del Partido A de agrandar las palabras no necesariamente significa ajustar el tamaño de la fuente, sino más bien querer hacer que el tema de la imagen sea más prominente en el texto. Cuando no haya palabras para comparar, aumente el tamaño de fuente de la información secundaria para aclarar la jerarquía del texto y hacer que las palabras del asunto parezcan más grandes. El uso de negrita y variantes de negrita puede hacer que las palabras parezcan más gruesas y más grandes. Además de la negrita, las fuentes "pesadas" similares a la negrita también pueden lograr efectos más grandes.

2.

Los colores poco saturados, las fuentes delgadas con serifas y los espacios en blanco apropiados harán que el diseño sea más avanzado.

Cuando el Partido A dice "no lo suficientemente avanzado", traducirlo al lenguaje de diseño gráfico significa moderación.

La restricción en la combinación de colores consiste en utilizar colores de baja saturación, como los colores Morandi o adornos en negro, blanco, gris y dorado. La moderación en las fuentes se refleja en la tipografía fina y las fuentes serif Chinese Song. Estas dos fuentes también son las favoritas de las principales marcas de lujo. Además de los colores y las fuentes, la sensación de alta gama del diseño se refleja principalmente en el espacio en blanco del diseño. Un diseño de alta gama no llenará toda la pantalla con elementos.

3. Los colores brillantes, los elementos ricos y el diseño completo pueden enriquecer el diseño. Tutorial de PD: método de síntesis de banners web en versión coreana

Hoy miré el PSD de una plantilla de la versión coreana y analicé el método de producción de banners.

Mira primero el producto terminado

Cuando diseño un banner, normalmente busco una foto adecuada y luego agrego texto. Es raro juntar algunas imágenes

Incluso si lo son, básicamente usan el método de degradado para juntar dos imágenes

Pero esta vez, veámoslo primero. Vea cómo es coreano. los banners están diseñados

Primero, los desglosaré uno por uno

Este es el fondo de la última imagen, cielo azul y nubes blancas, y luego la siguiente

Sobre la base de las nubes blancas originales, se agrega una capa de nubes blancas por primera vez. Esta vez es la última imagen. Nubes blancas, esta vez invierte la capa para iluminarla

Luego agrega una llave al árbol en la esquina superior izquierda de la imagen para cubrir la parte superior de la casa

Lo siguiente es teclear . La casa está situada encima del árbol. La casa de la que hablo, si te fijas bien, es sólo una foto normal y corriente, sin ningún tratamiento especial. Parece que la bandera coreana está hecha principalmente de empalmes, y la primera prueba es la tecnología de empalme.

Mira la siguiente capa

Esta foto de césped es fácil de encontrar. El fondo de pantalla predeterminado de XP es así. Bloquea ligeramente algunas calles en la parte inferior de la casa. agrega un camino.

La adición de este camino agrega un fuerte sentido tridimensional a la casa y a toda la imagen.

Finalmente, agrega un pequeño árbol a la capa al lado del. camino

El diseñador es bueno agregando árboles pequeños