Plantilla de diseño gráfico de banner: cómo diseñar un excelente gráfico de banner usando el software PS
Notas de Operación | ¿Cómo utilizar Banner en productos móviles?
Banner en sí significa banner. En la aplicación, el banner es una posición de recurso muy importante. Es el lugar más llamativo de una página y también es 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 recursos publicitarios.
1._Fanǜ琹名
Confirma la frecuencia de actualización según la posición del banner. Generalmente los banners con mayor tráfico se actualizan con mayor frecuencia. Intenta 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 los operadores han trabajado tan duro para colocar no tiene tráfico, es necesario comunicarse activamente con el gerente de producto para retroalimentar y mejorar el diseño de la posición. y mostrar la entrada del banner.
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) Productos clave a promocionar/commodities.
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 y determine el cronograma con una semana de anticipación.
3. Gestión a través de horarios
1. Plantillas de diseño unificadas
La siguiente imagen son los tres banners que se muestran hoy en la sección Banner de una aplicación de hotel
p>
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.
Todas las aplicaciones anteriores tienen un diseño de plantilla para el banner, lo que hace que el aspecto general sea más uniforme y refrescante. Con la plantilla unificada, no es necesario pedirle a un diseñador que haga imágenes cada vez que se actualiza el banner. El operador puede modificar la redacción y las imágenes por sí mismo.
Por lo tanto, la plantilla de diseño de banner para columnas regulares es muy importante. Debe comunicarse con el diseñador y confirmar lo siguiente:
(1) El estilo visual general del banner, seleccionar el rango de gama de colores y el estilo de imagen de la imagen de fondo (asegúrese de prestar atención a edición de derechos de autor de la imagen aquí)
(2) Método de composición tipográfica del texto, confirme la fuente, el tamaño, el color y la posición.
Con esta plantilla como garantía básica, los operadores pueden crear rápidamente imágenes de banner adecuadas.
Además, es necesario prestar atención a lo siguiente:
(1) Cambiar las plantillas periódicamente para evitar el cansancio estético.
(2) Además de las plantillas fijas, también aceptamos 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 un excelente diagrama de banner
Los puntos principales del diseño de un banner son los siguientes:
(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 redundantes.
(3) La planificación del espacio debe ser razonable para evitar elementos demasiado densos o demasiado escasos.
(4) Conexión, desmesura, naturalidad y tensión, evitando la brusquedad.
El diseño específico también depende de la comprensión del tema del diseño por parte del diseñador, sus conocimientos sobre el diseño y su experiencia pasada. Al fortalecer estos aspectos y combinarlos, se pueden diseñar trabajos más atractivos. hombre. Análisis de rutina de la producción de pancartas
El siguiente es un breve análisis de mi producción de pancartas, así como de mi acumulación diaria de materiales y mis pensamientos sobre cómo afrontar tareas inesperadas.
Como diseñadores, en el trabajo podemos encontrarnos con la necesidad de proporcionar planos por la tarde y publicar carteles 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 nuestro resultado de diseño. Después de todo, una garantía de tiempo razonable sigue siendo muy importante para el diseño.
El método de creación rápida de banners que se menciona a continuación requiere nuestra acumulación diaria y el uso razonable de software de diseño.
La estructura del 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 el color del banner general; la capa decorativa desempeña un papel de adorno y puede controlar el equilibrio del diseño general; la capa de copia es la visualización del contenido principal, que muestra principalmente el texto principal. Los tres niveles se combinan y combinan entre sí para soportar todo el banner.
Formatos comunes de banners: ① Diseño izquierdo y derecho, ② Diseño central.
Sujeto a restricciones en el número de palabras de la copia, los elementos coincidentes seleccionados, los atributos del producto, etc., la elección del diseño debe juzgarse en función de la situación real.
Las combinaciones comunes de estilos de composición de banners incluyen: estilo mosaico, estilo envolvente, estilo inclinado, estilo biselado, estilo radial, estilo isométrico, estilo triángulo, etc.
Existe una estrecha relación entre la capa de fondo, la capa de decoración y la capa de redacción.
Por ejemplo, si el diseño de la capa de fondo es demasiado complejo, entonces el procesamiento del texto del contenido tenderá a ser conciso, y viceversa, y la capa decorativa no tiene por qué existir en todos los banners. Cuando el contenido de la capa de fondo ya es rico, se puede eliminar el contenido decorativo.
Cuando el fondo es de un color sólido, es necesario añadir los adornos adecuados. Además, el texto se puede procesar para aumentar el atractivo y evitar la monotonía general.
Los tipos de fondos se dividen 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 degradados; las fuentes ampliadas también se pueden utilizar como fondos; Círculos y cuadrados simples. Incluso se pueden utilizar combinaciones de puntos y líneas en el fondo. Siempre que se acerque un día festivo, también puedes diseñarlo con gráficos apropiados que combinen con algunos estilos festivos.
Los adornos decorativos deben ser la guinda del pastel. No agregues ciegamente demasiadas decoraciones solo para efectos visuales, ya que esto engañará a los usuarios y creará una sensación confusa. No favorece la comunicación de contenidos de redacción publicitaria.
Un adorno y decoración adecuados pueden evitar que la página sea monótona; también puede lograr un equilibrio entre los elementos del banner y hacer que el efecto visual sea más armonioso. Al mismo tiempo, el uso del texto también es la clave de la decoración.
Según los diferentes atributos del producto, por ejemplo: los banners financieros se pueden combinar con fuentes más pequeñas o más delgadas. 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 modificar con círculos o líneas degradados. El objetivo es crear un sentimiento alegre y promocional y atraer a los usuarios a hacer clic.
①En el diseño de un banner, el número de palabras del texto también es crucial. Demasiadas palabras o contenido complejo no sólo no dejarán claro a los usuarios lo que la copia intenta expresar, sino que, de hecho, les resultará problemático. Entiendo la intención original de la persona que entregó el contenido al diseñador de explicar la actividad claramente. Pero en la era actual en la que nos centramos en la experiencia del usuario, la paciencia de las personas obviamente no puede aceptar imágenes con demasiado texto.
Por eso, cuando el copy que recibimos tiene demasiadas palabras, debemos exponer nuestras propias 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 imágenes de tamaño más pequeño, puede resultar imposible organizar otros diseños de diseño simplemente colocando unas pocas líneas de texto.
② Las fuentes se dividen principalmente en fuentes serif y fuentes no serif. Los trazos de las fuentes serif están decorados y tienen diferentes grosores; consulte las fuentes no serif, que son más horizontales y verticales, y los trazos tienen el mismo grosor. Las fuentes Serif se utilizan principalmente en diseños de pancartas de estilo clásico o étnico. Las fuentes sans-serif tienen una gama más amplia de aplicaciones y se pueden utilizar en la mayoría de los carteles.
③La copia se divide en título principal y subtítulo. El título principal es, naturalmente, la parte más concisa y llamativa, y el subtítulo puede ser una explicación del título principal o puede ser una nueva redacción que sigue al título principal. La concordancia diferencial ayuda a los usuarios a distinguir la redacción primaria y secundaria de inmediato y 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 cuando nos encontramos con circunstancias especiales, obviamente no nos quedará demasiado 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á muchas buenas combinaciones de colores, muchas de ellas. son mis favoritos personales; el segundo sitio web es la parte de color del sitio web oficial de materialdesign. Las paletas de colores generan coincidencias automáticamente después de ingresar el color.
Con la combinación de colores de estos dos sitios web, nuestro tiempo para diseñar banners se reducirá considerablemente.
Cuando el diseño del banner esté terminado, es posible que nuestro trabajo no termine ahí. Al comienzo del diseño del producto 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, tendremos un gran dolor de cabeza al modificar estos tamaños más adelante. Quizás necesitemos cambiar una imagen por siete u ocho pancartas. Y los tamaños de algunas imágenes no tienen ninguna regla.
Por lo tanto, cuando diseñamos la APP debemos pensar en esta situación. Al diseñar un banner, establezca una proporción uniforme para facilitar cambios posteriores al mismo tiempo, utilice funciones como objetos inteligentes en Photoshop para modificar rápidamente el tamaño;
Para diseñar un banner con buen efecto en un período de tiempo muy corto, a menos que seas muy capaz o confiado, la única manera que se me ocurre es "acumular" diariamente.
El fondo y la decoración mencionados en el artículo son contenidos fragmentados y empalmables. Podemos diseñar suficientes materiales en el trabajo o en nuestra vida diaria, de modo que podamos unirlos cuando el tiempo sea escaso.
En cuanto a las fuentes de texto, podemos analizar algunas "rutinas" en el copywriting que solemos dar; analizar algunas palabras que siempre se mencionan o títulos muy similares para diseñar las fuentes.
Ya sea simple o complejo, organiza y resume los elementos y materiales producidos en la vida diaria y construye tu propia biblioteca de materiales. De esta forma, no entrarás en pánico ante tareas inesperadas. Pétalo o Águila son dos buenas herramientas de organización de materiales.
Cuando se trata de copiar, 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 copiar, 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 recogida y organización diaria de elementos, las plantillas también requieren que las preparemos con antelación. Necesitamos conocer el posicionamiento del producto y diseñar una plantilla adaptada a él según las reglas de los banners anteriores. Puede consultar el dibujo del prototipo para crear un estilo de diseño en blanco y negro.
Para el problema de tamaño mencionado anteriormente, podemos utilizar el método de insertar objetos inteligentes de enlace para modificar rápidamente el tamaño del banner en lotes.
①Seleccione banners con tamaños o formas similares;
②Descubra las dimensiones clave del banner y utilícelas como punto de referencia para dibujar;
③Redacción en el banner La parte superior y el rango de texto de menor altura debe estar dentro del rango de tamaño del banner de menor altura entre muchos tamaños.
④ Diseño en el plano de dimensiones de referencia. Abra archivos PS de otros tamaños, seleccione Archivo--Colocar objeto inteligente vinculado--Ajustar tamaño. De esta manera, cuando necesito hacer ajustes, solo necesito modificar la imagen del banner de referencia.
Como diseñador, creo que no quiero que me pidan que realice dibujos temporales. Pero también debemos prepararnos para esta situación para garantizar la calidad de nuestro diseño cuando el tiempo escasea. Por lo tanto, la recolección y acumulación diaria son particularmente importantes.