25 oct 2019

Conozca NeverMind - Tipografía originalmente diseñada y presentada por Xmind

Anne

Nos esforzamos por ofrecer la mejor herramienta de mapas mentales y lluvia de ideas, pero esta vez, queremos plantear un desafío: mejorar tu experiencia de lectura.

Presentamos NeverMind, originalmente y con orgullo presentado por el equipo de Xmind. Cubriendo idiomas hablados en 40 países, números y puntuación, NeverMind es una fuente Sans-Serif construida con Geométrico y Humanístico.

Hicimos una pequeña charla con el diseñador principal del proyecto NeverMind, Lan, acercándonos al backstage y sumergiéndonos en su mundo del diseño.

¿Por qué creamos NeverMind?

El diseño tipográfico es crucial.

La tipografía importa a los diseñadores. Realizamos una investigación interna antes del proyecto, y la mayoría del equipo estuvo de acuerdo sobre la importancia de la tipografía. En la investigación de la primera fase, la investigación beneficia a los diseñadores y mejora su capacidad.

El diseño tipográfico es una tendencia.

La tipografía fue una prioridad para Steve Jobs, y luego Apple desarrolló y lanzó San Francisco. En el último iOS 13, se admite el reemplazo de fuentes. Actualmente, hay más empresas uniendo fuerzas para crear su propia fuente.

Printed papers on a wall displaying text, including the word

La tipografía es influyente y sutil.

Si el logo y el eslogan son aplausos, la tipografía es como un susurro en tus oídos. Aunque el volumen es bajo, transmite el mensaje. Apenas podemos reconocer el poder de la tipografía cuando leemos oraciones o párrafos, sin embargo, el impacto existe e influye gradualmente. Por lo tanto, envolver la información de la marca en los caracteres al diseñar busca un gran control y reconocimiento del diseño. De otro modo, ayuda al equipo a avanzar en el diseño.

Screens displaying font design software with letters being edited, including

¿Qué quieres transmitir con la fuente?

Diría que NeverMind es Geométrico y Humanístico.

Hablando de Geométrico, NeverMind es una combinación de cuadrados, círculos y líneas triangulares. Con repetición visual estructurada, las fuentes se presentan ordenadamente.

A grid of characters showing uppercase and lowercase letters, numbers, punctuation, and special symbols.

En cuanto a lo Humanístico, la evidencia está al sostener un bolígrafo. NeverMind es como un puente que enlaza lo escrito a mano y lo mecanografiado. Los trazos y los toques finales están cuidadosamente personalizados, de modo que el flujo de lectura continúa sin interrupciones. Los hábitos de lectura podrían ser descuidados o sacrificados por la estética, pero NeverMind apunta a un equilibrio entre estética y legibilidad.

Dark abstract background with subtle texture, creating a minimalist appearance.Dark solid background with subtle texture.

¿Qué hace a NeverMind única?

Se Fusiona con Xmind

Geométrico se refiere a las figuras geométricas que construyen el mapa mental, y Humanístico se refiere a las líneas curvas que conectan el mapa mental suavemente.

De hecho, hay algunos elementos de Xmind que se fusionan con las fuentes también.

El diseño general de la fuente es coherente con el ángulo inclinado del logo de Xmind, llevando a cabo modernidad y vitalidad consistentes.

Solid dark red background.

Si prestaste atención, puedes ver que el punto del carácter 'i' está en la parte superior del logo de Xmind. El punto simboliza el tema central y por eso lo convertí en un cuadrado.

Hay mucha magia de punto a cuadrado en esta fuente también, como la coma, el signo de interrogación, etc.

El mapa mental es una combinación de patrón gráfico, y la línea los conecta juntos. Las fuentes nos ayudan a conectar con el contenido. En un mapa mental dibujado a mano, rara vez trazamos una línea recta para la conexión, en cambio, las líneas son fluidas. Por eso espero que la forma de la fuente y su estilo también fluyan.

Juegue con el Kerning

Las fuentes están llenas de características, creo que las fuentes pueden ser tanto estéticas como legibles. Además de mantener la consistencia con la identidad del logo de Xmind, dediqué la mayor parte del tiempo a ajustar el espaciado de letras y el espacio negativo para el equilibrio visual.

Black rectangular background with no other visible elements.Typography measurement diagram displaying

Legibilidad y Claridad

Creo que la estética y la legibilidad coexisten. Hay 7 pesos de fuente y 5 anchuras en NeverMind, desde Thin 100 hasta Bold 700, y ExtraCondense 50 hasta Medicum 100 para cubrir diferentes necesidades.

La legibilidad no se trata simplemente de unir caracteres hermosos, sino de captar la sensación general, lo cual es más importante que proponer una sola fuente.

Diferentes escenarios, múltiples pantallas y diversas audiencias requieren un diseño conciso para una mejor y más clara visualización, por eso personalizamos el espacio negativo para liberar un NeverMind compacto - letras más estrechas con márgenes más pequeños basados en el fundamento para una experiencia de lectura cómoda.

Por eso usamos Medium en el tema central en el sitio web oficial, mientras que SemiCondense es seleccionado para el contenido para una mejor experiencia de lectura.

Fuente Variable Significa Posibilidades

NeverMind es dinámica y puede transformarse. Puedes crear un espacio de diseño de múltiples ejes al definir variaciones dentro de la fuente.

La variación de NeverMind está optimizada en varias dimensiones, por ejemplo, la mayor altura x está exclusivamente optimizada para pantalla y caracteres pequeños para que las fuentes puedan mostrarse bien en diferentes pesos de fuente, ancho de fuente y altura de fuente con la ayuda de 9 diferentes cambios de peso.

La consecuencia definitiva es que la fuente puede ajustarse de cualquier manera que desees, como Elastigirl en Los Increíbles, cambiando para adaptarse a diferentes escenarios sin límites.

Text reading

El Ancho de la Fuente

Text on a red background displaying the word

El Peso de la Fuente

¿Cuáles son los desafíos y cómo los superaron?

Hay 4 partes en el diseño de fuentes: Investigación; Diseño Piloto; Herramientas y Resultado.

Un buen comienzo es medio éxito, y el comienzo siempre es un hueso duro de roer, porque debes conocer la disciplina en profundidad antes del siguiente paso.

Los 5 ejes para el diseño de fuentes toman tiempo para digerir, de modo que pueda aplicarlos en el diseño.

Diagram illustrating a variable font with axes for width, italic, optical size, slant, and weight in a 3D space.

El diseño tipográfico es tanto gráfico como racional. El arte de equilibrar toma tiempo y paciencia durante este viaje, tienes que chocar y encontrar el equilibrio entre racionalidad y sensibilidad, lógica y gráficos, geometría y humanismo, funcionalidad y estética. Por supuesto, repetir y pensar una y otra vez hasta alcanzar el punto áureo.

Aunque fue un poco desafiante, disfruté la sensación de mejorar a medida que me acercaba a NeverMind.

Text on a dark background reads

¿Cuáles son los próximos pasos?

La fuente está funcionando en el sitio web de Xmind ahora, y se mostrará en más proyectos o artículos venideros. También la lanzaremos en Google Fonts para usuarios de Xmind y amantes de las fuentes.

Con el desarrollo de la imagología, la actualización y optimización están definitivamente en la hoja de ruta.

¿De dónde obtuviste la inspiración? ¿Qué tenías en mente al diseñar?

Frutiger y Gill Sans son mis musas. Favorezco la fuente que brinda la mejor experiencia de lectura para los lectores. Es sutil pero llena de personalidad que es simplemente adecuada.

A collection of printed font samples displayed on a wall, showcasing various typefaces and styles.

Para ser honesto, solía dividir las fuentes en 2 categorías: Serif y las que no lo son, hasta que hice mi primera investigación sobre 300 fuentes. Me encantaron y me impresionaron estos caracteres vibrantes y me volví sensible a las fuentes. Observación diaria de las fuentes que aparecen en la vida, como el transporte público, las ciudades, o

La mayoría de las fuentes nacieron en el café, porque disfruto trabajar y pensar en un entorno bullicioso donde puedo encontrar mi paz interior fácilmente. Me sumergí en el diseño, así que supongo que mi mente estaba ocupada con la combinación de fuentes variables.

¿Cuál es tu fuente favorita y por qué?

Mi favorita personal es San Francisco, aunque no te impresiona a primera vista, en cambio, optimiza cada fuente al observarlas de cerca. También me inspira cuando diseño NeverMind. Apenas puedes notar su existencia en la pantalla. Para mí, la mejor fuente apenas se nota, pero es adecuada para el escenario actual.

¿Sugerencias para los diseñadores?

Preferiría expresar mi sentimiento personal, en lugar de sugerencias. Seguir aprendiendo, especialmente sobre las fuentes :)

Recientemente leí sobre la multipotencialidad, que es una persona con diferentes intereses y búsquedas creativas en la vida, mientras se destaca en diferentes campos.

La multipotencialidad puede hacer que tu diseño sea diferente. Puedes llegar a formas de equilibrar y obtener una perspectiva general diversa al conocer cuáles son las opciones disponibles. No me limito, sin importar si estoy trabajando en branding, UI, industrial o la fuente, prefiero pensar y tratar de manejarlas.

Más Publicaciones