25 de out. de 2019

Conheça NeverMind - Tipo de letra originalmente desenhado e apresentado por Xmind

Anne

Esforçamo-nos para apresentar a melhor ferramenta de mapeamento mental e brainstorming, mas desta vez, queremos propor um desafio - melhorar a sua experiência de leitura.

Apresentamos o NeverMind, originalmente e orgulhosamente desenvolvido pela equipa da XMind. Abrangendo idiomas falados em 40 países, números e pontuação, o NeverMind é uma fonte Sans-Serif construída com Geometric e Humanistic.

Tivemos uma pequena conversa com o designer líder do projeto NeverMind, Lan, abordando os bastidores e mergulhando em seu mundo de design.

Por que criamos o NeverMind?

O design de fonte é crucial.

A fonte importa para os designers. Fizemos uma pesquisa interna antes do projeto, e a maioria da equipe concordou com a importância da fonte. Na pesquisa da primeira fase, a pesquisa beneficia os designers e melhora sua capacidade.

O design de fonte é uma tendência.

A fonte é de alta prioridade para Steve Jobs, e mais tarde a Apple desenvolveu e lançou a San Francisco. No mais recente iOS 13, a substituição de fontes é suportada. Atualmente, há mais empresas se juntando para criar suas próprias fontes.

Printed papers on a wall displaying text, including the word

A fonte é influente e sutil.

Se o logotipo e o slogan são aplausos, as fontes são como um sussurro ao seu ouvido. Embora o volume seja baixo, transmite a mensagem. Dificilmente reconhecemos o poder da fonte ao ler frases ou parágrafos, no entanto, o impacto existe e influencia gradualmente. Portanto, incorporar informações de marca nos caracteres ao desenhar busca um grande controle e conhecimento de design. De outra forma, ajuda a equipa a avançar no design.

Screens displaying font design software with letters being edited, including

O que você quer transmitir com a fonte?

Eu diria que o NeverMind é Geometric e Humanistic.

Falando em Geometric, o NeverMind é uma combinação de quadrados, círculos e linhas triangulares. Com repetição visual estruturada, as fontes são apresentadas de forma ordenada.

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

Quanto ao Humanistic, a evidência é segurar uma caneta. O NeverMind é como uma ponte ligando escrita à mão e digitação em máquina. As pinceladas e os retoques finais são cuidadosamente personalizados, para que o fluxo de leitura continue sem interrupção. Hábitos de leitura podem ser negligenciados ou comprometidos por estética, mas o NeverMind visa o equilíbrio entre estético e legibilidade.

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

O que torna o NeverMind único?

Ele se integra com o XMind

Geometric refere-se às figuras geométricas que constroem mapas mentais, e o Humanistic refere-se às linhas curvas que conectam os mapas mentais suavemente juntos.

Na verdade, há alguns elementos do XMind se fundindo com as fontes também.

O design geral da fonte é coerente com o ângulo de inclinação do logotipo do XMind, transmitindo modernidade e vitalidade consistentes.

Solid dark red background.

Se você prestar atenção, pode ver que o ponto do caractere i está no topo do logotipo da XMind. O ponto simboliza o tópico central e por isso transformei-o em um quadrado.

Há muita magia de ponto para quadrado nesta fonte também, como a vírgula, o ponto de interrogação, etc.

O mapa mental é uma combinação de padrões gráficos, e a linha os conecta juntos. As fontes ajudam-nos a conectar com o conteúdo. No mapa mental desenhado à mão, raramente desenhamos uma linha reta para conexão, em vez disso, as linhas são fluidas. É por isso que espero que a forma e o estilo da fonte sejam também fluidos.

Brincar com o Kerning

A fonte está repleta de características, acredito que as fontes podem ser ao mesmo tempo estéticas e legíveis. Além de manter a consistência com a identidade do logotipo do XMind, gastei a maior parte do tempo em kerning, incluindo ajuste de espaçamento entre letras e espaço negativo para o equilíbrio visual.

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

Legibilidade e Clareza

Acredito que estética e legibilidade coexistem. Existem 7 pesos de fonte e 5 larguras no NeverMind, de Thin 100 a Bold 700, e ExtraCondense 50 a Medicum 100 para cobrir diferentes necessidades.

A legibilidade não diz respeito simplesmente a unir caracteres bonitos, mas capturar a sensação geral é mais importante do que propor uma única fonte.

Diferentes cenários, múltiplas telas e diversos públicos exigem um layout conciso para melhor e mais clara exibição, e é por isso que personalizamos o espaço negativo para lançar um NeverMind compacto - letras mais estreitas com margens menores como base para uma experiência de leitura confortável.

É por isso que usamos Medium no tópico central no site oficial, enquanto SemiCondense é selecionado para conteúdo para uma melhor experiência de leitura.

A Fonte Variável Significa Possibilidades

NeverMind é dinâmico e pode ser transformado. Você pode criar um espaço de design multi-eixos definindo variações dentro da fonte.

A variação do NeverMind é otimizada em várias dimensões, por exemplo, a maior altura-x é otimizada exclusivamente para exibição e pequenos caracteres para que as fontes possam ser bem exibidas em diferentes pesos de fonte, larguras de fonte e alturas de fonte com a ajuda de 9 alterações de peso diferentes.

A consequência final é que a fonte pode ser ajustada de qualquer forma que você quiser, como a Elastigirl nos Incríveis, mudando para atender diferentes cenas sem limites.

Text reading

A Largura da Fonte

Text on a red background displaying the word

O Peso da Fonte

Quais são os desafios e como os superou?

Há 4 partes no projeto de fontes: Pesquisa; Design Piloto; Ferramentaria e Resultado.

Um bom começo já é meio caminho andado, e o início é sempre um osso duro, porque é preciso conhecer a disciplina a fundo antes do próximo passo.

Os 5 eixos para o design de fontes me levaram tempo para digerir, para que eu pudesse aplicá-los no design.

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

O design de fonte é tanto gráfico quanto racional. As artes do equilíbrio levam tempo e paciência durante esta jornada, você tem que colidir e encontrar o equilíbrio entre racionalidade e sensibilidade, lógica e gráficos, geometria e humanismo, funcionalidade e estética. Claro, repetir e pensar de novo e de novo até atingir o ponto dourado.

Embora um pouco desafiador, gostei da sensação de melhora à medida que me aproximava do NeverMind.

Text on a dark background reads

Quais são os próximos passos?

A fonte está em execução no site da XMind agora, e será exibida em mais projetos ou itens futuros. Também a lançaremos no Google Fonts para usuários da XMind e amantes de fontes.

Com o desenvolvimento da imagologia, atualização e otimização estão definitivamente no roteiro.

Onde você coletou a inspiração? O que estava em sua mente ao projetar?

Frutiger e Gill Sans são minhas musas. Prefiro fontes que trazem a melhor experiência de leitura para os leitores. É sutil, mas cheia de personalidade na medida certa.

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

Para ser honesto, costumava dividir as fontes em 2 categorias: Serif, e as que não são, até fazer minha primeira pesquisa em 300 fontes. Fiquei encantado e impressionado com esses caracteres vibrantes e me tornei sensível a fontes. Observação diária de fontes que aparecem na vida, como transporte público, cidades, ou

A maioria das fontes nasceu no café, porque gosto de trabalhar e pensar em um ambiente barulhento onde poderia encontrar minha paz interior facilmente. Estava imerso em design, então acho que minha mente estava ocupada com a combinação de fontes variáveis.

Qual é a sua fonte favorita e por quê?

Minha favorita pessoal é a San Francisco, embora não impressione à primeira vista, em vez disso, otimiza cada e toda fonte após observá-las de perto. Ela também me inspira ao desenhar o NeverMind. Você mal percebe sua existência na tela de exibição. Para mim, a melhor fonte é aquela que dificilmente é notada, mas adequada para o cenário atual.

Sugestão para os designers?

Prefiro expressar meu sentimento pessoal, em vez de sugestões. Continue aprendendo, especialmente sobre fontes :)

Li recentemente sobre multipotencialidade, que é uma pessoa com diferentes interesses e atividades criativas na vida, enquanto se destaca em diferentes campos.

A multipotencialidade pode tornar seu design diferente. Você pode encontrar maneiras de equilibrar e obter uma perspectiva geral diversificada ao saber quais são as opções disponíveis. Não me limito, seja trabalhando em branding, UI, industrial, ou a fonte, prefiro pensar e tentar manobrá-los.

Mais Publicações

Xmind logo - mind map and brainstorming tool

Funcionalidades

Soluções

Recursos

Xmind logo - mind map and brainstorming tool
Xmind logo - mind map and brainstorming tool
Xmind logo - mind map and brainstorming tool