¿Cuáles son los tres principios contrastantes del diseño de texto?
1. Principios de la Gestalt y su aplicación en el diseño.
Creo que has oído hablar de la psicología Gestalt. "Gestalt" proviene del alemán "Gestalt", que significa "integral" o "gestalt".
En definitiva, la psicología Gestalt es el estudio de cómo funciona la visión humana. Este estudio propone que la visión humana es un todo, y lo que ven los ojos es procesado de manera integral por el cerebro, por lo que percibimos las cosas como un todo y no como elementos individuales.
Hay varios principios Gestalt más importantes: principio de proximidad; principio de similitud; principio de cierre; principio de simetría; En este artículo, nos centramos en los tres primeros, y estos tres también son los más utilizados y los más básicos en el diseño.
1.1 Proximidad y relevancia de la información
¿Qué es el principio de proximidad? Es decir, percibimos visualmente elementos cercanos entre sí en su conjunto. Por lo tanto, durante la composición tipográfica, podemos distinguir diferentes conjuntos de información colocando elementos relacionados cerca unos de otros y elementos no relacionados lejos unos de otros.
Hay muchas formas de crear diferentes combinaciones, pero el principio de proximidad es el más básico e importante. Aunque los colores y formas de cada elemento sean diferentes, siempre que estén cerca uno del otro, visualmente pueden formar un grupo.
Por ejemplo: Debido a que muchos elementos del LOGOTIPO de Unilever están cerca unos de otros, podemos identificar fácilmente el contorno "U".
Entonces, ¿cómo se utiliza el principio de proximidad en el diseño? De hecho, es el proceso de acercar información relacionada entre sí y alejar información no relacionada entre sí.
En este caso de las citas célebres, la distancia entre el título y el contenido es exactamente la misma, y en gran medida estaremos confundidos sobre qué título corresponde a qué texto. ¿Qué pasa si entendemos bien el principio de proximidad?
Cuando pongamos las citas célebres correspondientes cerca una de otra y las citas irrelevantes lejos una de otra, la dislexia ya no existirá y quedará claro quién dijo esa frase.
El principio de proximidad no sólo puede abordar títulos y textos, sino también una variedad de elementos.
En este caso, la imagen y el texto están demasiado separados y carecen de sensación de conexión. Las imágenes están demasiado juntas y la combinación no está clara. La proximidad no se hizo bien, lo que resultó en el problema de que la imagen general se dispersara.
Cuando utilizamos el principio de proximidad para combinar información gráfica y de texto relacionada, el diseño será más fácil de leer y no habrá errores en qué carácter corresponde a qué nombre.
Echemos un vistazo a este conjunto de información nuevamente. Necesitamos utilizar la siguiente información para hacer una tarjeta de presentación que combine chino e inglés. Lo primero que debe hacer es manejar bien el principio de proximidad y dividir el nombre, puesto, nombre en inglés, información de contacto, dirección, etc. en diferentes combinaciones según el principio de proximidad.
El lado derecho es más fácil de leer después de haber sido procesado por el principio de proximidad. También es muy obvio qué información dice qué. Por lo demás, sólo necesitamos seleccionar las fuentes apropiadas para las combinaciones divididas. colóquelos en el diseño de la tarjeta de presentación.
Utilizando el principio de proximidad, podemos probar constantemente las posiciones de los elementos agrupados en el diseño, asegurando el equilibrio del diseño garantizando al mismo tiempo la distancia entre cada grupo.
Utilizando el principio de proximidad, puedes ajustar constantemente la posición para formar un nuevo diseño.
1.2 Similitud y unidad de diseño
El principio de proximidad enfatiza el impacto de la posición en nuestra visión, mientras que el principio de similitud enfatiza el impacto del contenido de los elementos visuales en la visión, como como color, forma, tamaño, orientación, etc. Si los demás factores son iguales y sólo estos contenidos son diferentes, entonces nuestra visión considerará contenidos similares en su conjunto.
En un mismo grupo de gráficos, elementos con colores o formas similares formarán una unidad visual.
Por el mismo principio, elementos de tamaño o dirección similar en un grupo de gráficos también formarán una unidad visual.
¿Cómo se utiliza el principio de similitud en el diseño?
En primer lugar, los elementos discordantes se pueden armonizar utilizando el principio de similitud.
Los tonos de los tres cuadros son diferentes y la combinación forzada no resulta armoniosa en la disposición.
También será más armonioso procesar los colores en un diseño unificado.
Las diferentes formas de expresar números hacen que el diseño sea desordenado.
Después de características similares de los números, el estilo general está más unificado y el diseño ya no parece desordenado.
El principio de similitud no solo permite manejar el diseño de manera armoniosa, sino también centrarse en los elementos clave.
Solo necesitamos eliminar características similares de los elementos que queremos destacar, haciéndolos diferentes de otros elementos similares.
En este ejemplo, se utilizan diferentes colores para distinguir los procesos completados, pendientes y en curso. Los colores de los pasos "completados" son los mismos; los colores de los pasos "inacabados" también son los mismos. Ésta es la excelente aplicación del principio de similitud.
1.3 Principio de Continuidad y Lógica Visual
Nuestra visión hace que sea más fácil percibir cosas continuas y convertirlas en un todo.
En lo que respecta a la imagen de arriba, aunque todos son puntos punteados, todavía podemos reconocer sus formas geométricas.
Existen muchos estilos de LOGO que también utilizan la continuidad, como por ejemplo IBM.
Aún podemos reconocer el contenido de imágenes separadas, lo que también demuestra que la visión es continua.
La continuidad se utiliza generalmente en el diseño tipográfico para resolver problemas de elementos dispersos y de lógica visual.
Para solucionar este problema, podemos añadir otros elementos para establecer una continuidad.
A través de la intersección de líneas, nuestra visión está bien guiada, lo que resuelve el problema de no saber en qué orden leer. Además, las líneas conectan los cuatro puntos en un todo, proporcionando continuidad entre puntos, y el problema de la dispersión también queda bien resuelto.
La dirección de las líneas también tendrá un impacto importante en nuestro orden de lectura.
Aquí hay una prueba para todos: ¿cómo utilizar el principio de continuidad para establecer una sensación de conexión entre los años y fechas dispersos en la imagen de arriba? Se requiere que la distancia entre los dos no se pueda cambiar.
Vale, se acabó el tiempo, echemos un vistazo a la respuesta.
Además, nuestro flujo visual también se verá afectado por la dirección de la mirada en la imagen.
Ahora vamos a colocar BIG Cat en la pantalla ¿Dónde se puede colocar en la mejor posición para que otros lo noten?
Aunque está bien ponerlo aquí, si la fuente es más pequeña y la imagen es más oscura, será muy fácil para el espectador pasar por alto esta información.
Colocar "BIG Cat" en la línea de extensión de la mirada del gato hará que las personas lo noten más fácilmente.
2. La sofisticación del material
La sofisticación del material también tiene una gran influencia en la calidad del diseño. La sofisticación del material se refleja principalmente en tres aspectos, es decir, claridad, ajuste y expresividad.
2.1 Claridad
Creo que no hace falta decir que la claridad afectará directamente a la calidad de nuestros trabajos. Si el material de la imagen siguiente no es lo suficientemente claro, la composición tipográfica destruirá el material. Si cambia al material con suficiente claridad, la imagen será mucho más refinada.
2.2 Fit
Fit es el grado de correlación entre el material y el tema. Si buscas una imagen de comida con un tema deportivo, no habrá ninguna correlación. Equivocado.
El texto del caso en el lado izquierdo de la imagen de arriba es un perro, pero la imagen material es un leopardo, por lo que se convierte en un ejemplo típico de ajuste insuficiente.
También es un cartel para el entrenamiento de caligrafía. El de la izquierda utiliza demasiados elementos irrelevantes, como templos, bambúes, montañas y ríos, etc., lo que no encaja bien con el tema. El caso de la derecha solo utiliza materiales de pincelada de caligrafía, pero el ajuste y la expresividad son mucho mejores que los de la izquierda. Además, la disposición del texto de la derecha es mucho mejor que la de la izquierda en términos de proximidad y continuidad.
3.3 Expresión
La expresión tiene muchas formas, como la creatividad, excelentes luces y sombras, un fuerte sentido de superposición, etc.
Por ejemplo, si buscamos material sobre una bailarina, el de la izquierda de la imagen de abajo no es lo suficientemente expresivo.
Los materiales de la izquierda son comunes, con estilo, creatividad y estética insatisfactorios, carentes de atractivo y expresión natural. Comparado con el material de la derecha, la luz, las sombras y la estética son muy buenas y la expresividad es mucho más fuerte.
Los dos casos de la imagen de arriba también son materiales muy expresivos. Cuando estamos haciendo composición tipográfica, si queremos utilizar materiales, debemos utilizar materiales con buena expresividad, para que el trabajo quede más bonito y. diseñado.
3. La importancia de la selección de fuentes
Las fuentes son muy importantes en nuestro diseño, pudiendo llegar incluso al nivel del alma del diseño. Que la elección de la fuente sea correcta influye decisivamente en el diseño.
Antes de hablar de fuentes, veamos primero un caso.
Este póster de ciencias biológicas parece extraño. ¿Qué tiene de malo? En realidad, se trata de una aplicación inadecuada de las fuentes. Los ejemplos utilizados son las fuentes serif y Song, las cuales son fuentes tradicionales y no pueden expresar el sentido de rigor de las ciencias de la vida ni el sentido de la tecnología de la medicina moderna.
Cuando cambiemos la fuente a sans-serif y negrita será mucho más agradable a la vista. Las fuentes sans serif son más modernas y acordes con la temática y temperamento a expresar.
Se puede ver que si eliges la fuente incorrecta, fácilmente puedes arruinar tu trabajo. Para elegir la fuente correcta, primero debe tener una cierta comprensión del temperamento de la fuente. A continuación, nos centraremos en los diferentes temperamentos de las fuentes serif, sans-serif, negrita y Song.
3.1 Fuentes Serif y fuentes Song
Las fuentes Serif son fuentes con características decorativas serif; las fuentes Serif son fuentes con cambios en el grosor del trazo y características decorativas triangulares en los puntos de inflexión; Las fuentes generalmente tienen un temperamento tradicional, pueden expresar un cierto sentido de cultura, historia y tienen un fuerte sentido de humanismo.
Las serifas también se pueden dividir en tipos más tradicionales y más modernos, basándose principalmente en el contraste de espesor y la sencillez de sus trazos horizontales y verticales.
El contraste entre el grosor de las serifas tradicionales de la izquierda es relativamente pequeño, y las serifas también son redondeadas y complejas, con uniones de serifas redondeadas, el contraste del grosor de las serifas modernas de la derecha es; muy grande y las serifas son relativamente redondeadas. La conexión es en ángulo recto, simple y directa.
Los representantes de las fuentes serif tradicionales incluyen Garamond, Caslon, etc. Su temperamento tradicional es muy fuerte y son adecuados para transmitir el temperamento y la historia de la tradición, la literatura, el arte y la humanidad.
Después de hablar de los más tradicionales, hablemos de los más modernos.
Los representantes de las serifas modernas incluyen Didot, Bodoni, Walbaum, etc. Si bien conservan serifas, tienen un fuerte sentido de modernidad y el contraste entre grosor y grosor es relativamente grande. Pueden transmitir un temperamento elegante, femenino, de alta gama y de moda. Por lo tanto, muchas revistas de moda y productos para mujeres eligen este tipo. de fuentes.
Dado que las fuentes serif se dividen en serif tradicionales y serif modernas, lo mismo ocurre con las fuentes Song. Según la complejidad del triángulo decorativo de la dinastía Song, también se puede dividir en estilo Song tradicional y estilo Song moderno.
Las fuentes Song tradicionales comúnmente utilizadas incluyen Fangzheng Biao Song, Shu Song, Bao Song, la dinastía Zhuzi Ming, la dinastía Wang Hanzong Ming, etc., mientras que las fuentes Song modernas comúnmente utilizadas incluyen la serie Fangzheng Yasong, Siyuan Song; Dinastía y dinastía Kozuka Ming esperan.
También existen diferencias en el temperamento transmitido por el estilo Song tradicional y el estilo Song moderno. La fuente Song tradicional es más capaz de expresar el sentimiento de la literatura, las historias y la humanidad, mientras que la fuente Song moderna tiende a transmitir la elegancia y la moda femenina;
Después de presentar las similitudes y diferencias entre las fuentes Song y las fuentes serif, hablemos de cómo mezclarlas y combinarlas.
El principio de coincidencia en realidad no es difícil y el resumen es solo una oración
Basándonos en este principio de coincidencia, echemos un vistazo al siguiente caso.
El primer conjunto de combinaciones es Founder Feng Ya Song y su propio inglés, que obviamente no coincide; el segundo conjunto es Founder Feng Ya Song + Garamond, la fuente Song moderna combinada con la fuente serif tradicional, que parece no ser ni pez ni ave Armonioso; el tercer grupo es la fuente Song moderna con serifa moderna Didot, por lo que es muy armonioso.
Lo mismo ocurre con este grupo. Sólo el tercer grupo de fuente Song tradicional + fuente serif tradicional es el más armonioso. Aunque el inglés que viene con el primer grupo apenas se puede clasificar en serifas tradicionales, sus características de trazo son completamente diferentes a las del chino y el extranjero, por lo que es muy difícil de igualar.
Entonces, al combinar, no solo el temperamento debe coincidir, sino que las características del trazo también deben ser similares.
3.2 Sans-serif y negrita
Sans-serif es una fuente sin modificación serif. Helvetica es también una fuente sin el elemento decorativo triangular. En comparación con las fuentes serif y Song, es más simple y moderna y puede expresar características racionales y ordenadas.
Las fuentes sans-serif se pueden dividir en tres categorías: tipo regular, tipo humanístico y tipo geométrico según la relación estructural de sus letras.
Entre ellos, el sans-serif regular es el más común y ordinario, y se puede decir que es el menos personalizado; los trazos del sans-serif humanista no son del mismo ancho, pero tienen cambios de transición; Los cortes de letras como S y C también son anchos, lo que le da a la gente una sensación muy hermosa y elegante, y al mismo tiempo un poco de temperamento literario y artístico, el estilo geométrico sans-serif es más parecido a un corte geométrico. formas, dando a las personas una sensación muy simple y elegante. Elegante y moderno.
Las sans-serif convencionales comunes incluyen Helvetica, Univers, DIN, etc. Dan a las personas una sensación moderna, racional y rigurosa, pero también son las menos individuales.
Como no tiene una personalidad especial, la fuente es muy inclusiva. Hay un dicho: cuando no sepas qué fuente usar, usa Helvetica. Esto demuestra su amplia gama de usos.
Los representantes de las sans serif humanísticas son Gill Sans, Optima, Stone Sans, etc. Las sans serif humanísticas dan la impresión de que la racionalidad y la sensibilidad coexisten, y son un tipo de fuente con gran calidez. También pueden transmitir elegancia, belleza y humanidad.
Los representantes de las sans-serif geométricas incluyen Ftura, Avalon, Avant Gardened, etc. Esta fuente tiene un fuerte sentido de la geometría y parece muy moderna y de alta gama.
En comparación con las sans-serif, la clasificación de la negrita es relativamente simple. Según el principio de si hay una boca acampanada, solo se divide en negrita normal y negrita humanista. El cuerpo negro sin boca acampanada es del tipo regular, y el que tiene boca acampanada es del tipo humanista.
Los cuerpos negros convencionales comunes incluyen Siyuan Black Body, Microsoft Yahei, Hanyiqi Black, Founder Lanting Black, etc.; los cuerpos negros humanistas comunes incluyen Default Black Body y Holly Black Body.
La combinación de negrita y sans serif es más simple que la fuente serif y Song. Solo necesitas elegir fuentes exquisitas y unificar el peso de la palabra y la forma del trazo.