Plantilla de diseño de banner: cómo diseñar un banner excelente usando el software PS
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._ Fanbi Ludang
Confirma la frecuencia de actualización según la posición del banner. Generalmente, cuanto mayor sea el tráfico, con mayor frecuencia se actualizará el banner. Intenta hacer turnos de día, no más de tres días como máximo.
Si el tráfico del banner es 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 mejorar el diseño de la ubicación y mostrar la entrada del la pancarta.
2. Determine las columnas
He configurado las columnas para el banner de mi producto (1), visualización de contenido de alta calidad (2) temas de interacción del usuario (3) productos clave promocionados. productos básicos Las siguientes tres columnas.
La presentación del banner semanal intenta cubrir las tres columnas anteriores para mantener el contenido flexible y actualizado. Prepare el contenido del banner y determine el cronograma con una semana de anticipación.
3. Gestión a través del programador
1. Plantilla de diseño unificada
La siguiente imagen muestra los tres banners que se muestran en la posición de banner de una aplicación de hotel en la actualidad.
Aunque cada imagen está cuidadosamente diseñada, parece desordenada. No me gusta este estilo. El contenido y los efectos visuales presentados por Banner afectan el tono de todo el producto. Por eso creo que la mayoría de los banners deberían tener un estilo de diseño unificado.
Por ejemplo, los banners de los siguientes productos utilizan básicamente una plantilla unificada.
Las aplicaciones anteriores tienen banners con plantillas, lo que hace que el aspecto general sea más unificado y refrescante. Con una plantilla unificada, no es necesario diseñar ni realizar dibujos cada vez que se actualiza el banner. El operador puede modificar la redacción y los dibujos por sí mismo.
Por eso, la plantilla de diseño de banner para columnas normales es muy importante. Debe comunicarse con el diseñador para confirmar lo siguiente:
(1) El estilo visual general del banner, seleccione el rango de gama de colores y el estilo de imagen de la imagen de fondo (preste atención a los derechos de autor de la imagen). aquí).
(2) Método de composición tipográfica del texto y confirmación de fuente, tamaño, color y posición.
Con esta plantilla como garantía básica, las operaciones pueden crear rápidamente imágenes de banner adecuadas.
Cabe señalar también que:
(1) Cambiar las plantillas periódicamente para evitar el cansancio estético.
(2) Además de las plantillas fijas, también se aceptan varios métodos de diseño. Todavía es necesario prestar atención a la unidad del estilo de diseño.
Cómo utilizar el software PS para diseñar una excelente imagen de banner se centra principalmente en los siguientes puntos:
(1) La combinación de colores debe coincidir y coordinarse visualmente.
(2) Los elementos deben ser simples, destacados y claros, resaltar el tema del diseño y evitar elementos complejos y engorrosos.
(3) La planificación del espacio debe ser razonable para evitar elementos demasiado densos o demasiado escasos.
(4) Cohesión, naturalidad y tensión excesiva para evitar brusquedades.
El diseño específico depende de la comprensión del tema del diseño por parte del diseñador, así como de sus puntos de vista sobre el diseño y la experiencia pasada. Potenciando estos ejercicios y combinándolos podrás diseñar obras más atractivas.
El siguiente es un breve análisis de las rutinas de Banner, así como de la acumulación de materiales diarios y pensamientos sobre el manejo de tareas inesperadas.
Como diseñadores, en el trabajo, podemos encontrarnos con situaciones en las que damos planes por la tarde y dejamos pancartas antes de salir del trabajo. Quizás estemos familiarizados con el método de confección de pancartas, pero las situaciones inesperadas siempre nos pillan desprevenidos.
El resultado de ser tomado por sorpresa conducirá a una disminución en la calidad de nuestra producción de diseño. Al fin y al cabo, en el diseño es importante garantizar plazos razonables.
El método para crear rápidamente un banner que se describe a continuación requiere nuestra acumulación habitual y el uso razonable de software de diseño.
La estructura de Banner se divide aproximadamente en tres capas: capa de fondo, capa de decoración y capa de redacción. La capa de fondo establecerá el estilo o la combinación de colores del banner general; la capa decorativa desempeña un papel decorativo y puede controlar el equilibrio del diseño general; la capa de copia es la visualización del contenido principal, que muestra principalmente los personajes principales. Los tres niveles se combinan entre sí para soportar toda la bandera.
Composición tipográfica común de Banner: ① Composición tipográfica izquierda y derecha, ② Composición tipográfica central.
Debido a la limitación del número de palabras en la copia, los elementos coincidentes seleccionados, los atributos del producto, etc., la elección del formato debe juzgarse en función de la situación real.
Las combinaciones comunes de estilos de composición de banners incluyen: mosaico, envolvente, oblicuo, biselado, radial, isométrico, triangular, etc.
La capa de fondo, la capa de decoración y la capa de copia están estrechamente relacionadas.
Por ejemplo, si el diseño de la capa de fondo es demasiado complejo, el procesamiento del texto del contenido tenderá a ser conciso, y viceversa, y no es necesario que la capa decorativa exista en todos los banners. Cuando el contenido de la capa de fondo ya sea rico, puede eliminar el contenido decorativo.
Cuando el fondo es de un color sólido se debe añadir la decoración adecuada. También puedes procesar los personajes para aumentar su atractivo y evitar la monotonía general.
Los tipos de fondos se pueden dividir a grandes rasgos en cuatro tipos: gráficos, fuentes, colores e imágenes apropiados.
Las imágenes incluyen imágenes realistas y dibujos animados; los colores se dividen en colores sólidos o colores degradados; la ampliación de fuente también se puede utilizar como fondo; Círculos y cuadrados simples. Incluso puedes usar una combinación de puntos y líneas en el fondo. Siempre que se acerque un día festivo, también puedes diseñarlo con algunos gráficos apropiados de estilo navideño.
La decoración debe ser la guinda del pastel. No agregue demasiadas decoraciones a ciegas solo para efectos visuales, ya que esto engañará a los usuarios y causará confusión. No favorece la difusión de contenidos de redacción publicitaria.
Un adorno y decoración adecuados pueden evitar que la página sea monótona; también pueden equilibrar los elementos del banner y hacer que el efecto visual sea más armonioso. Al mismo tiempo, el uso de las palabras es también la clave de la decoración.
Por ejemplo, un banner financiero podría combinarse con una fuente más pequeña o más delgada, según los atributos del producto. Al mismo tiempo, utilice la distribución de puntos para crear una sensación de alta gama; los banners de comercio electrónico se pueden decorar con círculos o líneas degradados. El objetivo es crear una sensación alegre y promocional que incite a los usuarios a hacer clic.
①En el diseño de ①banner, el número de palabras del texto también es muy importante. Demasiado texto o contenido complejo no sólo no permitirá que los usuarios conozcan el contenido de la redacción, sino que también les causará problemas. Entiendo la intención original del socio del diseñador de contenido de explicar la actividad con claridad. Pero en el mundo actual en el que se pone énfasis en la experiencia del usuario, la paciencia de las personas obviamente es incapaz de aceptar imágenes con demasiado texto.
Por eso, cuando recibimos una copia con demasiadas palabras, debemos exponer nuestras ideas con decisión lo antes posible. Los puntos de venta y los puntos débiles del texto son las dos partes más importantes y se puede omitir otro contenido.
Al mismo tiempo, demasiadas palabras también suponen una dificultad en nuestro diseño. Para una imagen de tamaño pequeño, es posible que simplemente colocar unas pocas líneas de texto no permita otros arreglos de diseño.
② Las fuentes se dividen principalmente en fuentes serif y fuentes no serif. Los trazos de las fuentes serif están decorados en diferentes espesores, consulte la dinastía Song; las fuentes no serif son más horizontales y verticales, y el grosor de los trazos es consistente. Las fuentes Serif se utilizan principalmente en diseños de pancartas con estilos clásicos o étnicos. Las fuentes sans serif son versátiles y se pueden utilizar en la mayoría de los carteles.
(3) El texto se divide en título principal y subtítulo. El título principal es naturalmente la parte más concisa y llamativa, mientras que el subtítulo puede ser una explicación del título principal o una nueva copia después del título principal. La concordancia distinguida ayuda a los usuarios a distinguir la redacción publicitaria primaria y secundaria en primer lugar, lo que hace que la página esté más coordinada.
Una buena combinación de colores requiere una cierta base de combinación de colores y la acumulación de práctica diaria. Pero en circunstancias especiales, obviamente no nos quedará mucho tiempo para dedicarnos al color. Por lo tanto, necesitamos algunos métodos auxiliares para completar el trabajo de combinación de colores.
Aquí recomiendo dos sitios web: ①
/
②
El primer sitio web recomendará muchos buenos colores, muchos Es mi favorito personal; el segundo sitio web es la sección de color del sitio web oficial de materialdesign.
Entre ellas, las paletas de colores se generan automáticamente después de ingresar el color.
Con la combinación de colores de estos dos sitios web, el tiempo para el diseño del banner se reducirá considerablemente.
Cuando el diseño del banner esté terminado, es posible que nuestro trabajo no termine ahí. Al comienzo del diseño de un producto de aplicación, si diseñamos áreas de banner de diferentes tamaños en muchos lugares en diferentes páginas para facilitar la operación y la promoción, nos dará dolor de cabeza modificar estos tamaños más adelante. Quizás necesitemos cambiar una imagen en siete u ocho pancartas. Y algunas imágenes tienen un tamaño irregular.
Así que debes pensar en esta situación al diseñar la APP. Al diseñar un banner, establezca una proporción uniforme para facilitar modificaciones posteriores; al mismo tiempo, utilice la función de objeto inteligente en Photoshop para modificar rápidamente el tamaño.
Para diseñar un banner eficaz en un periodo de tiempo muy corto, a menos que seas muy capaz o confiado, la única forma que se me ocurre es mediante la "acumulación" diaria.
El fondo y la decoración mencionados en el artículo están todos fragmentados y empalmados. Podemos diseñar suficientes materiales en el trabajo o durante la jornada laboral, por lo que coser es beneficioso cuando el tiempo es escaso.
En términos de texto y fuentes, puedes analizar algunas "rutinas" en la redacción diaria; analizar varias palabras o títulos muy similares que se mencionan a menudo para diseñar fuentes.
Ya sea simple o complejo, organiza y resume los elementos y materiales que creas en la vida diaria, y construye tu propia biblioteca de materiales. De esta manera, no entraremos en pánico ante una tarea para la que no estamos preparados. Los pétalos o las águilas son dos excelentes herramientas para clasificar materiales.
Cuando se trata de plagio, tenemos que mencionar otra palabra "plagio". De hecho, la identificación del plagio es una cuestión de opinión. Cada uno tiene sus propios límites. La única forma que se me ocurre para evitar el plagio es "cambiar deliberadamente". Tomemos como ejemplo al villano a continuación.
Cuando se trata de plagio, tenemos que mencionar otra palabra "plagio". De hecho, la identificación del plagio es una cuestión de opinión. Cada uno tiene sus propios límites. La única forma que se me ocurre para evitar el plagio es "cambiar deliberadamente". Tomemos como ejemplo al villano a continuación.
Al igual que la recopilación y organización diaria de elementos, las plantillas también deben prepararse con antelación. Necesitamos conocer el posicionamiento del producto y las plantillas de diseño que se han personalizado para los banners en el pasado. Puede consultar el dibujo del prototipo para crear un estilo de diseño en blanco y negro.
En cuanto al problema de tamaño mencionado anteriormente, podemos modificar rápidamente el tamaño del banner en lotes colocando objetos inteligentes vinculados.
① Filtre pancartas de tamaño o forma similar.
(2) Encuentre el tamaño de pancarta clave como base para dibujar.
③banner chino El rango de altura; del texto debe estar dentro del rango de tamaño del banner con la altura más pequeña entre muchos tamaños.
④Diseño en el plano de dimensiones de referencia. Abra archivos PS de otros tamaños, seleccione Archivo-Poner objeto inteligente vinculado-Redimensionar. De esta manera, cuando necesito realizar ajustes, solo necesito modificar la imagen del banner base.
Como diseñador, creo que no quiero estar en una situación en la que tenga que improvisar dibujos. Pero también debemos estar preparados para situaciones como esta para garantizar la calidad de nuestro diseño cuando el tiempo es esencial. Por lo tanto, la recolección y acumulación diaria son particularmente importantes.