Recientemente, rediseñamos el Libro Blanco como parte de nuestro proyecto de cambio de marca más amplio. Echemos un vistazo a algunas de las ideas detrás de nuestro enfoque de diseño y tipografía. ¿Objetivo? Un sistema modular confiable y accesible para la comunicación en los medios de comunicación con claros, propósito y precisión, calidad que nos conecta directamente Valor de marca.
contexto
Formato: Nuestro papel blanco está diseñado en formato de retrato A4. Este artículo se centra en este formato en particular, pero el enfoque descrito aquí es moderadamente agnóstico y fundamental para nuestra red y diseño de productos.
Estilo de escritura: Ya sea que se use para la web o la impresión, el contenido que usamos es altamente técnico y detallado, a menudo con jerarquías complejas que son adecuadas para audiencias conocedoras. Estas situaciones informan muchas decisiones de diseño.
Base
Enfoque estricto y sin sentido Estilo internacional Es perfecto para este tipo de escritura, por lo que es nuestra base. Pero seguimos adelante. Al combinar ideas de múltiples disciplinas, hemos creado un sistema que no solo respalda el contenido, sino que también incorpora claridad y propósito..
Cuadrícula de línea de base
La cuadrícula de línea de base proporciona todo para todo: texto, imágenes, lo que sea. Todo se basa en el líder del texto del cuerpo en línea con esta cuadrícula invisible. Piense en ello como una línea de puntaje en la partitura: dirige todo incluso si no puede escucharlos mientras se suena la música.
Grid de referencia como base para la cuadrícula de diseño
Cuadrícula de diseño
La red y el trabajo de impresión se llevan a cabo bajo diferentes restricciones. La página web es sin problemas. La mayoría de ellos son invisibles. ¿Divide todo en filas de cuadrícula ordenadas y iguales? No ayuda cuando no puedes ver el todo.
En la impresión, el tamaño de la página es fijo y todo es visible inmediatamente. Las filas pueden aprovechar esto: crean ritmos y dejan espacio para un descanso más intencional al ayudar al contenido.
https://www.youtube.com/watch?v=cggawlohjrq
Sesgo horizontal
Dividamos la página en cuatro columnas. Los dos primeros sirven como pistas rápidas para títulos y títulos, mientras que los otros dos tienen la mayor parte del texto del cuerpo. Esta configuración ayuda a los lectores a ampliar el título mientras se concentran en lo que son importantes.
tipografía
La claridad se deriva de las limitaciones. Dos ideas guían nuestras elecciones:
– Massimo Vignelli le gusta mantener el número de tamaños de fuente al mínimo, generalmente solo dos documentos. Este es un desafío creativo. Comienza a explorar el peso y el estilo de la fuente, no solo aumentando el tamaño para elevar los puntos. (Vignelli Canon, p. 68)
– Robert Bringhurst traza la gramática sobre cómo introducir las reglas tipográficas de la jerarquía del título paso a paso, por lo que cada paso se siente natural y lógico:
Hoja de ruta gramatical para familias numerosas, Elementos de estilo de impresiónpágina 55
Una plantilla de página simple que ilustra cómo aplicamos las reglas anteriores:
- En el caso del tamaño de la copia del cuerpo, pasamos de romanos a los sombreros audaces y audaces. Esto cubre nuestros párrafos, encabezados C y encabezados B.
- Para los dos últimos miembros de nuestra jerarquía de títulos, un encabezado y encabezado B, duplicamos el tamaño de fuente y nos limitamos a las variaciones de peso (delgadas/audaces), una transición similar a los tamaños de fuentes más pequeños de Roma a una transición similar audaz.
En blanco y alineación
El diseño se superpone al espacio en blanco. Nuestro contenido se agota y no solo está vacío, sino que tiene trabajo. Por ejemplo, una gran ventaja debajo del título puede hacerlo aún más prominente, así es como un gran jardín agrega valor a un hogar.
Para aprovechar al máximo los huecos, insistimos en usar la alineación de izquierda izquierda (en el lenguaje LTR). De esta manera, nuestros bloques espaciales se sentirán estructurales, configurando así el contenido. Además, hace que el texto sea más fácil de leer Dislexia u otro deterioro visual o cognitivo.
Texto central? Tiende a dejar que el espacio en blanco … siéntate allí, no funcione para ti.
nervioso
En la década de 1970, los psicólogos Kreitler y Kreitler estudiaron cómo crear y resolver las tensiones hace que las cosas sean más interesantes. Agarra el espacio por encima del espacio: se generará tensión cuando se aprieta. Luego, cuando agrega más espacio a continuación, puede solucionarlo. Ese pequeño empuje de empuje agrega un ritmo asimétrico al diseño, dándole más vida y energía.
en conclusión
Basado en estas ideas, hemos desarrollado un sistema de diseño flexible que refleja nuestro preciso,,,,, Accesibilidady fiabilidad – Dar forma al valor clave de nuestro trabajo. ¿resultado? Un lenguaje visual para una comunicación clara, de propósito y precisa basada en principios de diseño atemporales.
