Diez formas de mejorar el diseño de texto
Además de estar expuestos a los gráficos en el diseño, también necesitamos comprender el diseño del texto. El diseño de texto especial o la composición tipográfica pueden hacer que el efecto general de la imagen sea más atmosférico, incluso más que la sensación de expresión gráfica, y expresar la idea principal del contenido de manera más intuitiva.
Hay muchas formas de diseñar texto, como deformación de fuentes, reorganización estructural, etc. para hacer el texto más especial, pero esto muchas veces nos cuesta mucho tiempo.
Por lo tanto, he estado pensando si existen algunos métodos de diseño simples y eficientes para mejorar el sentido del diseño del texto. En el proceso de navegar por algunos sitios web de diseño extranjeros, recopilé algunos formularios de diseño de texto y compilé diez tipos de formularios de diseño de texto que creo que son representativos. Además, también hicimos algunos intentos de utilizar fuentes chinas con referencia a estos métodos de diseño.
1. Texto estirado
La técnica de procesamiento estirado hace que el texto sea más tenso y la atmósfera general es más parecida a un título y gráfica, pero aún conserva el carácter que debería tener el texto. tener reconocimiento. Comúnmente visto en carteles con diseño de texto puro, no solo satisface las necesidades de lectura, sino que también tiene un sentido de diseño.
El estiramiento está estrechamente relacionado con el glifo y la fuente del texto en sí. No todo el texto es adecuado para estirar, como el siguiente caso
Comparación de diferentes fuentes
<. p> De los intentos del programa, se puede ver que después de estirar la fuente de la izquierda, la estructura del texto en sí se destruirá, mientras que el efecto de la derecha es más aceptable. Por lo tanto, durante el proceso de diseño, intente elegir fuentes que sean adecuadas para estirar. Además, los detalles deben reprocesarse durante el proceso de estiramiento para que las fuentes conserven la belleza detallada de las fuentes originales.Comparación de diferentes fuentes
De la comparación de los siguientes casos, O funciona mejor cuando se estira hacia arriba y hacia abajo, pero cuando se estira hacia la izquierda y hacia la derecha, la belleza de la fuente en sí será Después de que Y se estira hacia arriba, hacia abajo, hacia la izquierda y hacia la derecha, el efecto visual general está relativamente equilibrado.
Comparación del procesamiento de detalles
La optimización de los detalles de las líneas de fuente puede hacer que el texto general sea más regular y cuadrado (derecha). Un diseño sin detalles parecerá tener trazos desiguales (izquierda).
Contraste entre tradición y modernidad
Después de estirar las fuentes tradicionales (como la fuente en el medio de la imagen de abajo), el encanto de la fuente en sí se pierde, por lo que no Se recomienda estirar algunas fuentes más tradicionales.
Intentos de diseño
Los trazos de los caracteres chinos son más diversos, por lo que el diseño detallado es más complicado que el inglés "Es necesario mantener la estructura de trazos original.
Caso de expansión
Combinado con el contenido real a expresar, utilice técnicas de diseño de estiramiento, como combinar objetos, superponer colores o estiramiento escalonado, etc.
2. Combinación de texto virtual y real
La combinación de virtual y real es la técnica de diseño de línea y superficie/yin y yang. A través del procesamiento de lo virtual y lo real, el. Se puede resaltar información clave de un grupo o de un párrafo de texto. En algunos diseños que enfatizan lo primario y lo secundario, puedes probar este método para hacer distinciones. La combinación de líneas y superficies hace que las fuentes originales, que son todas superficies, sean más respirables y espaciales.
El método de procesamiento virtual y real debe considerar el grosor de la fuente en sí. El efecto de fuentes demasiado delgadas puede no ser obvio.
Intente comparar:
.De la comparación, encontramos que, en comparación con las fuentes delgadas, las fuentes en negrita son más directas y más fáciles de producir efectos, y el contraste es claro. ?
Un intento de fuentes chinas
A juzgar por el experimento, es consistente con la conclusión anterior. El efecto de usar una combinación de fuentes virtuales y reales para fuentes más delgadas no es ideal. Para la aplicación de caligrafía, es más necesario considerar si el efecto de cierre del borde de la fuente es limpio. Si el borde está demasiado roto, afectará la belleza de los detalles después del trazo.
Intento de diseño
3. Texto degradado
A través de técnicas de diseño crecientes o decrecientes, los elementos de texto originalmente simples y repetitivos se vuelven más únicos. La sensación de superposición y. El ritmo enriquece y diversifica la vitalidad del texto.
En el proceso de diseño es necesario estandarizar previamente la relación de diferencia entre cada uno y el efecto del proceso de cambio. Cambiar según una determinada relación numérica de diferencias múltiples.
Comparación de diferentes intentos:
Al intentarlo, descubrí que el patrón de cambios de grosor puede depender más del patrón de la fuente en sí.
Un intento de fuentes chinas
Cuando se utilizan degradados progresivos en chino, se debe considerar la estructura y el bloque del texto general. Dado que las fuentes son más complejas, el efecto visual general. estará demasiado fragmentado.
4. Expandir y cambiar texto
Una forma de diseño de texto cercana pero diferente al degradado progresivo. El texto que se expande y cambia tiene tensión y una cierta sensación de velocidad y emisión, al igual que el efecto dominó que se extiende en todas direcciones, con continuidad.
Según la altura de la línea o el ancho del carácter del texto como valor básico, el texto se divide y corta según una cierta proporción, y el texto se expande y diverge hacia arriba, abajo, izquierda y derecha.
Efecto de representación de valor proporcional:
Un intento de fuentes chinas
La apariencia completa es bastante buena, pero debido a las características únicas del propio chino ( los trazos son más ricos y diversos), por lo que es necesario controlar el número de niveles de expansión hasta cierto punto. No debe ser demasiado. Es mejor utilizar frases o títulos para evitar que sean demasiado formales y reduzcan el reconocimiento del texto.
Intentos de diseño
5. Texto con sombreado
El texto aparece en la imagen como textura, que es diferente de la textura gráfica. No sólo tiene una sensación gráfica, sino que también puede ayudar a transmitir cierta información y actitud.
Al elegir fuentes, intente utilizar fuentes con fuentes más simples para evitar afectar la visualización del contenido en primer plano. El diseño se puede combinar con otras formas de diseño, como combinación virtual y real/deformación por estiramiento/cambio de expansión, etc., para mejorar la riqueza de la imagen. ?
Un intento de fuentes chinas
El efecto general de las fuentes chinas normales es bastante bueno. Sin embargo, la combinación de caracteres de caligrafía china como sombreado puede hacer que el diseño general tenga un sentido de diseño diferente al del inglés, y el efecto general es más poderoso. Por lo tanto, se recomienda probar con valentía los caracteres de caligrafía china al diseñar el sombreado chino.
6. Texto penetrante
A través de la superposición, se integra el texto original simple y el fondo. No solo mejora las capas del fondo, sino que también hace que el texto tenga una sensación de diseño.
Las fuentes gruesas y gruesas producirán experiencias visuales diferentes. Las fuentes más delgadas producirán un efecto visual inminente y el reconocimiento del texto será un poco más débil. Básicamente, no hay gran problema en el reconocimiento de fuentes más gruesas. Por lo tanto, durante el proceso de diseño, se puede seleccionar texto de diferentes espesores según la situación real.
Pruebe el contraste de grosor
El diseño de texto penetrante tiene un efecto visual muy destacado al crear una sensación de gran éxito en el diseño. Por ejemplo, el diseño del título de la película de Marvel
Un intento de fuentes chinas
El uso de diferentes fuentes para combinar diferentes semánticas, combinado con un método de diseño penetrante, le da a la imagen una sensación literaria china.
Casos de expansión
Combinado con el diseño de contenido real, el juego de penetración de texto también se puede expandir a diseños más diferentes, como los siguientes ejemplos.
7. Texto retorcido
El diseño retorcido le da al texto una sensación dinámica de curva y realza la naturaleza decorativa del texto. Los cambios dinámicos de diferentes curvas dan al texto diferentes sentidos de ritmo. El texto deformado no afecta el sentido de reconocimiento y lectura que debe tener el texto, pero tiene sentido de diseño.
Como se muestra en los tres casos siguientes, la diferencia en la curvatura le da al texto diferentes reglas dinámicas y diferentes percepciones visuales. A veces es suave y hermoso, y otras veces tiene una sensación de velocidad. Por lo tanto, al diseñar, se pueden diseñar diferentes tendencias de torsión según un contenido específico.
Un intento de fuentes chinas
La comparación muestra que las fuentes más delgadas utilizan un diseño retorcido y el efecto no es ideal. Debido a las diferencias en los trazos chinos, la forma general es más irregular después de girar, mientras que el efecto audaz es más regular y la tendencia de la curva dinámica también es más obvia.
Intento de diseño
El efecto de torsión + virtual y sólido + sombreado.
Caso de expansión
Una técnica de diseño más avanzada consiste en utilizar el medio del entorno natural combinado con texto para crear un efecto visual distorsionado.
8. Texto laminado tridimensional
Similar al cambio de expansión, el texto cambia de efectos visuales bidimensionales a tridimensionales según ciertos ángulos e intervalos de desplazamiento, lo que permite el texto tiene más variedad, peso y capas.
El diseño apilado tridimensional tiene ciertos requisitos para la fuente en sí. El efecto de fuentes más delgadas no es ideal.
Pruebe diferentes fuentes
En comparación. En la figura se puede ver que las fuentes finas o serif finas no estarán conectadas ni tendrán puntos negros visuales después de superponerse (como se muestra en las imágenes de izquierda y derecha a continuación). Por lo tanto, se recomienda utilizar fuentes en negrita con trazos uniformes (imagen en el medio). ?
Un intento de fuentes chinas
Aunque tiene un sentido de jerarquía y espacio, también hará que todo sea más complicado, por lo que debe usarse de acuerdo con la situación. del texto.
Caso de expansión
El apilamiento tridimensional no es solo un diseño unidireccional. Por ejemplo, puede cambiar la trayectoria, expandir el apilamiento hacia afuera o agregar algunos degradados de color para enriquecer. el diseño general.
9. Texto superpuesto de color
Después de diseñar el texto mediante dislocación, superposición, cambio de color, cambio de transparencia, corte, etc., tiene una percepción de desviación visual de falla. La percepción visual general es similar a una fotografía de doble exposición y el texto tiene una rica sensación de capas.
El efecto de superposición de colores es extremadamente importante para la selección del color. El color entre los dos colores entrelazados puede ser un color excesivo o un color complementario.
El efecto de las fuentes finas no es ideal (como la primera de la izquierda en la imagen de arriba. Se recomienda utilizar fuentes más gruesas durante el proceso de diseño). debe considerarse durante el proceso de uso (como el primero a la derecha) Efecto), el reconocimiento de texto puede verse afectado después de la superposición.
?
Un intento de fuentes chinas
Dado que los caracteres chinos son más complejos que los ingleses, al diseñar con caracteres chinos, puede buscar lugares donde los trazos se superpongan (como se muestra a la izquierda). lado de la imagen a continuación) diseño), utilizando el grosor constante de los trazos de fuente para superponer los bordes. Además, se recomienda aumentar la distancia entre los personajes durante el proceso de diseño, para evitar la superposición de diferentes personajes, lo que producirá un efecto demasiado complejo y afectará el reconocimiento de los personajes (el diseño en el extremo derecho debajo). .
Caso de expansión
Además de la simple superposición de colores, la combinación de diferentes texturas y texturas puede darle a todo el texto una experiencia visual diferente.
10. Texto en un espacio tridimensional
El texto se escribe según la estructura geométrica cúbica, y se diseña y procesa a través de diferencias de color, yin y yang, líneas y planos para formar una sensación de espacio y tridimensionalidad. En comparación con el texto dispuesto sobre una superficie plana, tiene una sensación de espacio y capas, lo que mejora la sensación de diseño de la imagen general.
Intento de diseño
Utilice la dislocación espacial para combinar diseño virtual y sólido para hacer que el texto repetido simple tenga una sensación de espacio y tridimensionalidad.
Casos de ampliación
Además de la creación de espacios convencional, incluso se puede integrar en la escena o combinar con el diseño del propio objeto.
Los estilos de diseño anteriores se ven a menudo en los diseños de algunas marcas deportivas, de la siguiente manera:
El texto que debe incluirse en los diseños de Nike también se combinará con estos métodos para enriquecer y Mejorar el sentido general del diseño.
La aplicación de fuentes utilizada en los créditos iniciales de los Rockets, el efecto de fuentes lineales superpuestas a degradados, tiene una sensación de jerarquía y futurismo.
Publicidad de Adidas
Publicidad de Converse
Publicidad de Under Armour
Además de algunos diseños de marcas, las portadas de álbumes de música también se utilizan para estos tipos de técnicas de diseño.
Además de ver diseños de texto relacionados en algunos medios convencionales, también se agregarán elementos de texto al diseño de zapatos Nike o Adidas en los últimos dos años, e incluso los jugadores agregarán elementos de texto directamente a sus zapatos. Escribe texto directamente sobre él.
Más: expansión y superposición del diseño de texto
El diseño de texto se ha convertido en una nueva tendencia de diseño. Combinando las ideas reales que deben expresarse, es importante aprender y aplicar técnicas de diseño. La clave del buen diseño. Por supuesto, sólo dominando las técnicas básicas podremos hacer inferencias sobre otros casos en el pensamiento de diseño. En el proceso de diseño real, a menudo no utilizamos un determinado método solo, sino que reorganizamos y rediseñamos diferentes técnicas de diseño, o utilizamos 2 o 3 métodos para superponer el diseño y crear un efecto de imagen general. De la siguiente manera:
Finalmente
Entre estos diez diseños de texto básicos, se pueden producir mucho más de diez diseños creativos combinando y divergiendo. Además de mejorar el propio aprendizaje, esta colección y resumen espera servir como punto de partida e inspirar a los diseñadores a pensar en el diseño de texto.
¡Gracias por tu reseña!
Partes de este artículo están basadas en imágenes de Behance y Pinterest