Diseño de interfaz de usuario de diseño de carteles publicitarios: varios tipos populares de procesamiento de carteles

¿Cómo crear un banner en diseño de carteles? 1. Organice los requisitos y recopile información: comprenda los requisitos básicos y prepárese para la dirección del diseño. Lema: Chuanwu (título del trabajo) Redacción publicitaria: El poder de los amigos ricos 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. Sólo de esta manera podremos captar con precisión la tonalidad del trabajo durante el proceso de diseño, diseñar un banner que mejor se adapte al estilo y contenido colaborativo 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. Echemos un vistazo al material que tenemos, un material simple de una sola persona. 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 de fantasía antigua y sangrienta, con un contenido de historia general, combinado con nuestro subtítulo "El poder de los amigos ricos, revirtiendo la vida y la muerte". Las imágenes han comenzado a formarse en mi mente. "Rich Friends" expresa aproximadamente una escena, mientras que "Strength" y "Inversion of Life and Death" transmiten una escena magnífica. Esto marcó la dirección precisa de nuestra dirección de diseño. Primero, extraiga nuestros materiales y cópielos en el marco y haga un diseño aproximado para encontrar una sensación. El primer diseño de izquierda y derecha es demasiado convencional y un poco débil en escena e impulso. El segundo agregó un marco de cómic, queriendo cortar parte del contenido de la historia y mostrarlo en conjunto. Pero algunos enfatizaron la existencia de la caja de cómics 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 poder "generando" hacia afuera desde detrás de los caracteres en la imagen. Luego, nuestras fuentes pueden diseñarse para tener algunas tendencias en el interior y crecer hacia afuera alrededor de un arco. Para crear una sensación de "poder", la visión de la luz que emana de la espalda del personaje. 3. Selección de color: siga la dirección de diseño determinada previamente y refine la selección y combinación de colores. Mi método generalmente consiste en comenzar desde el material mismo y extender la combinación de colores deseada según el estilo visual deseado. De esta manera, los colores están más integrados, los materiales de los personajes se pueden integrar mejor en la atmósfera del fondo y también es más fácil de ajustar más adelante. Al observar el material, encontramos que su color es todo gris. Sin contraste, se verá "simple" y es difícil crear la sensación que queremos. Por lo tanto, a partir del color del material del personaje, puedes extraer el mismo color y aumentar la saturación. Combinado con las necesidades visuales que favorecen la operación y la promoción, es "llamativo". El resultado es un conjunto de colores más contrastantes. 4. Creación de personajes en profundidad: Lo más importante de la imagen definitivamente es nuestro eslogan y personajes, que son los objetos en los que debemos centrarnos. También siguen los subtítulos restantes y la atmósfera de fondo. No sólo debería haber diferencias en el diseño, sino también en la experiencia visual. De esta manera, puedes tener una sensación de distancia y realidad, y aumentar la sensación de espacio. Queremos que la imagen tenga cierta textura y aumente su impacto. Por lo tanto, 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, utilizando atributos de capa como "Superposición", "Luz suave" y "Filtro de color" para aumentar gradualmente el brillo y finalmente lograr el efecto deseado. Consejo 1: Cuando la misma fuente de luz llega a diferentes objetos, su rendimiento visual es diferente. No de qué color es la fuente de luz, sino de qué color será donde brilla. 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 una etapa posterior. ¡Esto hace que la imagen sea más armoniosa y nuestros personajes sean más tridimensionales! . Comparémoslo sin luz de borde: 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. 5. Diseño de eslogan publicitario: el texto principal se refina según nuestro boceto y se combina con la tendencia de la imagen general. (Aumentar trazos, optimizar trazos).

Hay tres capas principales para el procesamiento: capa de color (capa de texto): proporciona principalmente una capa de material de color: debido a que estos dos caracteres representan una proporción relativamente grande, se pueden agregar algunos detalles de textura para hacer la imagen más rica y atractiva; Capa de espesor: deje que la fuente de luz detrás forme un círculo de resaltados en nuestro texto, que puede resaltar nuestro texto. Añade un poco de efecto de halo y ponle el eslogan terminado para ver el efecto, parece bastante bueno. Algunos estudiantes pueden preguntarse por qué las fuentes aquí están hechas en capas gruesas. Primero echemos un vistazo al efecto: puede ver que la textura y el peso son relativamente pequeños, y el estilo liviano está bien, pero en nuestra imagen actual es un poco peor, por lo que hicimos una capa gruesa para enfatizar el impacto visual. de la luz. Después de eso, creamos principalmente algunos elementos flotantes que se adaptan a la atmósfera de nuestra imagen para enriquecerla. ¡Sería genial si supieras dibujar a mano! Se acabó. En este punto, casi hemos logrado el efecto que queríamos lograr. Los sentimientos de "impulso" y "fuerza" se expresan básicamente en materiales tan "sin pretensiones". Todavía bastante satisfecho, ¡casi listo para enviar! Finalmente, observe la situación general, léala nuevamente y verifique si hay lagunas. Descubrí que nuestro metraje parecía un poco seco, con un poco más de saturación de rojo y amarillo. El sentimiento general no es lo suficientemente claro. Haga un ajuste final. Desatura algunos de los rojos y amarillos, y agrega un poco de púrpura en los oscuros (los oscuros de la copia maestra y los oscuros alrededor de la imagen). Sería mucho mejor aumentar el contraste entre frío y calor. Consejo 3: Selle toda la capa - busque algo más en el filtro - mantenga el contraste alto y ajuste los valores según la imagen. ¿No es fantástico conseguir una capa como ésta? 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 y recopilar y organizar información 2) Refinar la expansión de palabras clave: probar varias soluciones factibles y finalmente determinar; la 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, observar la situación general y comprobar 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!

Diseño de interfaz de usuario: varios tipos populares de tratamientos de banner. El banner es el trabajo más común que hacemos en la producción de marca y promoción de contenido después de que entramos en contacto con él. Su visualización juega un papel rector muy importante. La primera vista de una interfaz a menudo se ve atraída por un excelente banner. En los últimos dos días, me he tomado el tiempo para clasificar y analizar algunos tipos comunes. Los amigos que quieran tener dolor de cabeza diseñando banners deberían echar un vistazo más de cerca ~

En términos generales, los buenos banners primero deben asegurarse. la precisión de la transmisión de información y, en segundo lugar, la necesidad de Garantizar la armonía y la atmósfera de la imagen. Se puede ver que un banner no solo se compone de puntos o líneas, sino que los puntos, líneas y superficies se combinan y equilibran entre sí, formando en última instancia un banner con un diseño rico.

Los siguientes materiales son en parte trabajos de estudiantes y en parte de pétalos de flores (Gracias a los diseñadores por compartir. Si ve su propio trabajo, contáctenos para eliminarlo~)

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 puede mejorar el contenido de la información y la textura general de todo el banner. Por supuesto, no dejes que se apoderen de ti cuando uses texturas.

Cuando hacemos banners, si no hay requisitos especiales, en realidad tenemos muchas direcciones para elegir. Primero, pregúntate ¿qué información quieres resaltar? ¿Es un producto destacado? ¿O resaltar texto? ¿O resaltar la atmósfera general? ¿O enfatizar el sentido general de coordinación? ¿O enfatizar la marca? Esto se puede juzgar comprendiendo la psicología de los usuarios.

Bien, eso es todo por hoy. ¿Cuándo tuviste tantos amigos?

¿Cómo diseñar una página alta o un banner? Una buena página o póster suele tener varias similitudes:

1. Combinación de colores

Un buen diseño tendrá un tono básico y otros colores se extenderán a partir del color básico. fuera, el número de colores no debe exceder de tres.

2. Diseño gráfico

No importa qué método de composición se utilice, la prioridad debe ser clara, el contenido debe tener un sentido de jerarquía y, además, un contraste excesivo entre el diseño. Se debe evitar el espacio o los dos extremos de la página, de lo contrario resultará incómodo visualmente.

3. Estilo unificado

El estilo general del diseño debe estar unificado. Por ejemplo, al diseñar un cartel de estilo chino, también debe elegir un cartel de estilo chino en términos de selección de color y selección de gráficos. No mezcles y combines con otros estilos casualmente, te hará parecer inferior.

No importa cómo lo combines, debe resultar cómodo a primera vista, con puntas destacadas y capas claras. Básicamente, este tipo de diseño o póster no parecerá muy bajo.

Polaris habla de diseño, centrándose en la difusión y el intercambio de diseño gráfico, marketing visual y otros contenidos. ¡Bienvenido a seguirme! Si estás de acuerdo con mi punto de vista, compártelo para que más personas necesitadas puedan verlo. Gracias.