菜单...

2019年10月25日

认识 NeverMind - 字体最初由 Xmind 设计和呈现

Loading...

我们努力开发出最好的思维导图和头脑风暴工具,但这一次,我们想做一个挑战——提升您的阅读体验。

由Xmind团队自豪推出的NeverMind,涵盖40个国家所讲的语言、数字和标点符号,NeverMind是一款由几何和人文主义风格构建的无衬线字体。

我们与NeverMind项目的首席设计师兰进行了小谈,走到幕后,探寻他的设计世界。

为什么我们要创建NeverMind?

字体设计至关重要。

字体对设计师来说至关重要。项目开始之前,我们进行了内部研究,团队中的大多数成员都认同字体的重要性。在第一阶段的研究中,研究受益于设计师并提升他们的能力。

字体设计是一种趋势。

字体在史蒂夫·乔布斯中排名靠前,后来Apple开发并发布了San Francisco字体。在最新的iOS 13中,支持字体替换。目前,有越来越多的公司加入到创建自己的字体中。

Printed papers on a wall displaying text, including the word

字体有影响力且微妙。

如果标识和口号是掌声,字体就像是在你耳边的呢喃。尽管音量不高,但它传达了信息。我们很难在阅读句子或段落时识别出字体的力量,然而,这种影响确实存在并逐渐产生影响。因此,在设计时将品牌信息融入字符,需要对设计进行极大的控制和理解。从另一个方面来说,帮助团队在设计上更进一步。

Screens displaying font design software with letters being edited, including

您想通过字体传达什么?

我会说NeverMind是几何和人文主义的

谈到几何,NeverMind是一个由方形、圆形和三角线组成的组合。通过结构化的视觉重复,字体呈现地整齐有序。

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

至于人文主义,手持笔就是证据。NeverMind像是一座连接手写和机打的桥梁。笔触和收笔都经过精心定制,以便于阅读流畅不中断。阅读习惯可能因为美观而被忽视或妥协,但NeverMind在美观和可读性之间寻求平衡。

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

是什么让NeverMind独一无二?

它与Xmind的融合

几何是指构建思维导图的几何图形,而人文主义则是指将思维导图顺畅连接在一起的弯曲线条。

实际上,字体中还有一些Xmind元素的融合

字体的整体设计与Xmind标志的倾斜角度保持一致,展现出一致的现代性和活力。

Solid dark red background.

如果你仔细观察,会发现字符i的点位于Xmind标志的顶部。点代表中心主题,因此我把它做成了一个方形。

该字体中还有很多这样的点到方的巧妙设计,比如逗号、问号等。

思维导图是图形模式的结合,线条将它们连接在一起。字体帮助我们与内容相连接。在手绘思维导图中,我们很少用直线连接,而是流动的线条。这就是为什么我希望字体的形状和风格也是流动的。

玩转字距调整

字体充满个性,我相信字体可以兼具美观和可读性。除了保持与Xmind标志一致外,我花了大部分时间在字距调整上,包括调整字母间距和负空间以实现视觉平衡。

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

可读性和易读性

我相信美观和可读性是共存的。NeverMind有7种字重和5种字宽,从Thin 100到Bold 700,从ExtraCondense 50到Medicum 100,以满足不同需求。

可读性不仅仅是简单地将美丽的字符绑定在一起,更重要的是抓住整体的感觉,而不是提议一个单一的字体。

不同的场景、多个屏幕和各种观众要求简洁的布局,以便更好和更清晰的显示,这也是我们自定义负空间以发布紧凑的NeverMind的原因——基于舒适阅读体验基础上的更窄的字母和更小的边距。

这也是为什么我们在官网的中心主题上使用Medium字体,而内容则选择SemiCondense以获得更好的阅读体验。

可变字体意味着可能性

NeverMind是动态的,可以进行变换。您可以通过定义字体内的变化轴来创建多轴设计空间。

NeverMind的变化在多个维度上进行了优化,例如,更高的x高度专为显示和小字符进行了独家优化,以便字体可以在不同的字重、字宽和字高中获得良好的显示效果,并得益于9种不同的字重变化。

最终的结果是,字体可以以您想要的任何方式进行调整,就像《超人总动员》中的Elastigirl一样,根据不同的场景进行无界调整。

Text reading

字体宽度

Text on a red background displaying the word

字体字重

有哪些挑战以及您是如何克服这些挑战的?

字体设计分为4个部分:研究;设计试点;工具和结果。

好的开始是成功的一半,而开始总是困难,因为你必须在深入了解学科后再做下一步。

字体设计的5个轴让我花了一些时间去消化,以便将它们应用于设计中。

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

字体设计既是图形化的也是理性的。在这个过程中,掌握平衡的艺术需要时间和耐心,你必须在理性和感性、逻辑和图形、几何和人文、功能性和美观性之间找到碰撞并找到平衡。 当然,不断重复思考直到达到黄金点。

虽有些挑战,但当我靠近NeverMind时,我确实享受这种提升的感觉。

Text on a dark background reads

接下来的步骤是什么?

该字体目前在Xmind网站上运行,并将在更多即将到来的项目或物品上展示。我们也将在Google Fonts上发布给Xmind用户和字体爱好者。

随着图像学的发展,更新和优化无疑在计划中。

您从哪里收集灵感?设计时您心里在想什么?

Frutiger和Gill Sans是我的缪斯。我喜欢能够为读者带来最佳阅读体验的字体。它微妙但充满个性,恰到好处。

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

说实话,我曾经把字体分为2类:有衬线的和没有的,直到我完成了对300种字体的研究。我被这些充满活力的字符迷住和感动,变得对字体更敏感。日常观察生活中出现的字体,如公共交通、城市或

大多数字体都诞生在咖啡馆,因为我喜欢在喧闹的环境中工作和思考,在那里我可以很容易地找到自己的内心宁静。我沉浸在设计之中,所以我想我的脑海里充满了可变字体组合。

你最喜欢的字体是什么,为什么?

我个人最喜欢的是San Francisco,虽然乍一看不会让你惊艳,但它会在你仔细观察后优化每一个字体。它在设计NeverMind时也给了我灵感。您几乎意识不到它在屏幕上的存在。对我来说,最好的是那些难以察觉,但在当前场景中正合适的字体。

对设计师有何建议?

与其说建议,我更愿意表达我的个人感受。不断学习,特别是字体 :)

我最近读到关于多潜能者的文章,即生活中对不同兴趣和创造性追求同时感兴趣的人,并在不同领域表现出色。

多潜能者可以让你的设计与众不同。了解有哪些选择时,你可以找到平衡的方法,并获得多样的整体视角。我不限制自己,无论是在品牌、UI、工业还是字体上工作,我更愿意思考并尝试驾驭它们。

更多文章

Xmind logo - mind map and brainstorming tool

功能

解决方案

资源

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