当前位置:首页 > 高端品牌官网建设

网站建设中什么是可变字体?

2019-12-21

显示笔记

每周更新:

  • 品牌插图系统:具有强大的视觉识别力
  • 努力应对交通激增
  • 建立CSS布局:Rachel Andrew直播
  • 2019年网页设计和开发出现综述
  • 您的投资组合网站应该是PWA吗?

可变字体

  • rwt.io上找到Jason在网上
  • 网络印刷新闻通讯
  • 可变字体:网络作者需要了解的内容
  • 艾伦·卢普顿(Ellen Lupton)的《类型思维》
  • 埃里克·斯皮克曼(Erik Spiekermann)的书《停止偷羊并找出字体的工作原理》

成绩单

DREW MCLELLAN:他是设计策略师,UX负责人,技术专家,网络排版专家,并且是W3C Web字体工作组的邀请专家。他撰写,演讲并与团队和品牌所有者合作,探讨如何在数字平台上更好地设置字体。他曾与Adobe,Audible,CondéNast,GoDaddy,IBM等组织进行过交谈,并在世界各地进行了演讲,研讨会和会议。他的时事通讯《网络印刷术新闻》在那些希望获得网络印刷术最新更新和技巧的人中很受欢迎。他显然是网络排版方面的专家。但是您知道他在1984年奥运会上代表瑞典参加了草地槌球赛吗?我的朋友们,欢迎Jason Pamental。哈Ja,杰森 你好吗?

杰森·帕门塔尔(JASON PAMENTAL):我在砸。特别是在介绍之后。

德鲁:我今天想明显地和您谈谈网络排版,因为那确实是您的事。您是Web排版的真正专家。通常,但特别是谈论可变字体。我将是第一个承认我不是印刷专家的人。我的意思是,请认为我没有任何人在听。您不能使用有关排版的任何信息来光顾我。我想大概十年来我们已经在网络上拥有可用的网络字体。那正确吗?

杰森:是的。其实,不是不是几天前在Twitter上开始的事情吗?就像2009年11月9日。距Typekit推出已有两天了。我知道Font Deck在同一时间段是正确的。然后不久之后,谷歌字体和Monotype服务。我收到了我的朋友John Cianci发出的Beta版邀请,John Cianci现在实际上仍然是我妻子所在机构的同事,她在2009年某个时候与Typekit一起工作。那完全是我对网络兴趣的完全重塑。 。我的意思是,这对我来说简直就是一场革命。我的意思是,当我在学校学习排版时,我一直很喜欢排版,但是15年来我们在网络上什么都做不了。那真是太神奇了。

德鲁:现在必须有从事网络工作的设计师拥有10年以上的网络字体。现在有一些正在网上工作的设计师,他们从来没有设计过一个无法从众多字体中进行选择的网站。

杰森:是的,是的。没有这种经验的人都没有像我们长大后那样向两个方向上推像素。我们不是一些老套老头在空中挥舞着拳头。但是,是的,对于所有在网络上发生了变化的事物来说,这都是令人惊奇的,有些人从未以其他方式经历过的想法非常了不起。

德鲁:当我们获得网络字体时,这是我们开始在网络上使用印刷术的方式的重大转变,因为我们可以真正开始在网络上使用印刷术。显然,我们可以使用网络安全字体进行某些操作,但是我们仅限于非常受限制的调色板。但是,现在可能会出现另一大变化,而可变字体可能会产生同样的意义。我的意思是,什么是可变字体?他们为我们做什么?我们从哪里开始?

贾森(JASON):我总是尝试着先给人们一个参考框架。因此,当我们考虑在网络上使用字体时,我们要记住的是,当前使用“传统”字体时,每种字体都是该字体的宽度,粗细,倾斜度,变体。对于我们要在网络上使用的每个文件,我们都必须加载一个文件。对于将其用于正文复制的典型网站,通常会加载四种字体:常规,粗体,斜体和粗体斜体。所有这些东西都必须加载。这些中的每一个都是一小部分必须下载,处理和呈现的数据。

贾森:因此,通常情况下,我们多年来所做的工作仅限于使用很少的字体,这实际上并不是特别好的排版习惯。在图形设计中使用更广泛的范围更为常见。在给定的设计中,您可以使用八种或十种不同的粗细和字体变体。在网络上,由于性能原因,我们受到了很大的限制。可变字体的最大区别是所有这些排列,这些变化都包含在单个文件中。这种格式非常有效,因为它的作用是存储该字符的常规形状,然后存储这些曲线上的点将移动以将其呈现为粗体,细体,宽体或窄体的三角洲。

杰森:因此,只需存储差异,就不必存储整个轮廓。这是一种更为有效的格式。尽管它不如单个字体文件那么小,但仍然比单独使用的所有单个字体文件小得多。如果您查看来自IBM的Plex Sans之类的文件,那么所有这些单独的文件可能都接近一兆字节,其中两个可变字体文件在一个文件中包含所有竖线的宽度和粗细,而另一个文件中的斜体则为230K。这是用于非常非常完整的字符集。大多数人可以使用其中的一部分并将其缩小。我通常会看到典型的西语网站需要的文件大小在50到100K之间。这与加载没有什么不同……加载三个或四个单独的字体文件后,您可能加载的数据会更多。

德鲁:所以这几乎就像是交付食谱而不是用餐。而不是斜体字,而是粗体字。就像,“这是普通版本,将其设为斜体,可以执行此操作,使其变为粗体,您可以执行此操作。”这样可以减小整个网络上的文件大小。

杰森:是的。好吧,从某种意义上讲,它可以为您提供所有食材,然后您可以制作任何想要的食谱。因为您真的可以在任何地方使用……从Plex的例子开始,从100到700的重量(其中700是典型的粗体),所以400是正常的重量。但是,那你就轻了很多。因此,您可以做大而细的行标题,块引号或不同的项目,或者像强调一样,然后可以调整您想要的粗体,使其具有不同的大小。您可以做各种不同的事情来获得更好的排版,更好的用户体验,同时获得更好的性能。那是看门人。

德鲁(DREW):因此,在我们今天所认为的常规和大胆之间,几乎有无数的调整步骤?您实际上有能力沿该轴在任意位置进行调整吗?

杰森:对。作为一个研究图形设计并相当仔细地研究印刷设计的人,我认为这确实让我感到兴奋,基于您呈现的文本大小,真正变粗体的想法应该改变。因此,默认情况下,正常和粗体显示的400和700就是网络默认的设置。但实际上,您大胆喊出来的唯一原因是您想要强调,想要突出一些。但是字体越小字体越重,阅读起来就越困难。它填充了小的开放空间。当将其设置为大约16像素大小或我们在此处使用的任何尺寸时,您可以使用550、575代替,而不是使用700进行正文复制,您可以在其中得到足够的强调,但是字母形式仍然更加开放。然后,随着它变大,您可能会使用更重的重量。

杰森(JASON):但是,那时候还是您的选择。通过进行调整,以便获得适当的强调水平,同时又保持了很好的可读性,我们有了更大的灵活性。我真的希望随着这些变得越来越流行和更广泛地使用,我们可以开始教会人们在使用该范围的方式上多一点细微的差别,并同时变得更具表现力和可读性。

德鲁(DREW):我注意到将设计实现为前端并实施设计的一件事情是,深色背景上的浅色文本与浅色背景上的浅色文本使用不同的颜色对比组合,权重看起来完全不同。因此,大概可以根据这样的变化来帮助平衡和精细化视觉和阅读体验吗?

杰森:绝对。我通常会在讲习班和讲座中展示的一件事就是增加对轻型媒体查询的支持。您可以翻转这种对比,但是您确实想以一种细微的方式进行对比。根据字体的不同,最终可能看起来很沉重或带有衬线字体。有时您想稍微重一点或轻一点,但是当您将字母放在深色背景上时,您也往往需要将字母间隔开,否则字母会一起流血。排版中您可以调整的内容很少。媒体查询非常简单。我的意思是,将其添加到您的站点就像两行代码。这就是您要做的。不一定只是反转颜色。有时您需要调整对比度

德鲁:所以大概可以用可变字体来改变重量。还有其他方法可以更改显示的字体吗?

杰森:是的 这完全取决于类型设计师。我认为,这并不是所有浏览器都免费的功能,这确实很不错。浏览器只能呈现字体中已启用的内容。最终,类型设计师说到了这个范围。您可能有一个宽度轴。它会变窄一点或变宽一点,但也具有所谓的对齐轴的功能。有宽度,重量,倾斜度,斜体和光学尺寸。这些都是映射到CSS属性的核心内容。倾斜允许彼此之间形成一个角度,因此直立式和我实际上已经看到过既具有反向倾斜又具有向前倾斜的角度。那是完全开放的。斜体通常打开或关闭,但不一定。您实际上可以拥有...嗯,有一些字体设计师尝试过将字母形式从正常变为斜体时逐渐改变,并在此过程中逐渐替换字母。那是一件有趣的事情。

杰森:但是,这里有自定义轴的功能。类型设计者可以定义他们想要改变的任何自定义轴。您已经看到了增加重力扩散滴度和各种有趣的扭曲形状或延伸衬线,改变上升和下降高度的方法。在小写字母形式上,更改是否为衬线。您可以做各种各样的事情。这完全取决于类型设计师的想象力。我认为我们只是在摸索所有这些事情可能发生的现实。所有这些都可以通过CSS访问。

德鲁:是的。所有这些属性都可以通过其余设计中提供的普通CSS进行调整。我们可以在CSS中做些什么来触发这些更改?就像我们将使用媒体查询来触发响应式布局一样吗?

杰森:您可以通过多种方式来做到这一点。您需要进行一些小的更改。我假设我们将提供一些指向某些内容的链接,这些链接将帮助人们使用这些内容。我的意思是,我写了一堆。希望这会帮助人们。然后在使用方面,将字体粗细轴仅映射到字体粗细。您无需提供常规的粗体字,只需提供一个数字即可。您可以使用媒体查询来更改它。您可以使用JavaScript进行更改。您可以随心所欲地做到这一点。我一直在使用一种称为CSS Locks的技术,该技术是我从Tim Brown中学到的,基本上使用数学。CSS自定义属性和计算可对其进行缩放,一旦您碰到一个小的断点到一个大的断点,它就可以平滑地缩放字体大小和行高。

杰森:然后,如果需要,您还可以使用一些JavaScript来处理它们的重量。粗细轴映射为字体粗细,即CSS属性。字体中的宽度轴将映射到字体拉伸,仅表示为百分比。我应该注意,许多类型设计人员并不一定要考虑它的表达方式,因此您可能会看到重量范围从400到650的怪异事物。您仍然必须将其表达为百分比,但是它可以工作。没关系。您只需要知道什么是正常字体并记录所有字体即可。然后,除了这两个以外的其他任何东西,目前在倾斜和斜体的实现中都存在一些不均衡的支持。您需要将其中的许多内容都归结为使用字体变化设置,然后您可以一次提供多个内容。有点像字体功能设置。这是一种较低层的语法,您可以在其中提供一个用逗号分隔的四个字母轴和值列表,下一个,下一个。

杰森:人们需要记住的一件事是,当您使用字体变化设置时,您会失去所有的语义理解,而您会失去后备功能。所有浏览器都普遍支持字体粗细和字体拉伸。您绝对应该使用这些属性。对于其他任何事情,您都可以使用字体变化设置。但是以通常的方式使用字体权重的好处是,如果不加载可变字体,浏览器仍然可以执行此操作。而如果它不理解可变字体或无法加载,而所有内容都在字体变体设置中,那么您将丢失所有样式信息。只是在什么地方提供了一点说明。但我也应该说,大多数情况下您可能会遇到的所有运输浏览器都支持它。I-11不起作用,但是您可以提供静态Web字体,然后在CSS中使用广告支持来转换为可变字体。这样一来,您就可以避免重复下载资产,并且效果很好。我已经在几个站点上进行了生产。

德鲁:我想就像您正在看到的许多更现代的Web技术一样,是否有一种可变字体已经悄悄冒泡了一段时间,并且只有当它最终崩溃并且我们得到浏览器的支持时,像您这样的人会为此制造噪音,并让所有人都知道它在那里。标准的设计人员或开发人员几乎每天都在忙于工作,却没有跟踪所有最新下载的内容,几乎可以感觉到。看起来好像从哪里冒出来的。但是我想这已经冒了很多……我的意思是,您提到了我们现在要处理的两个略有不同的实现。有一种较旧和较新的实施标准吗?

杰森(JASON):嗯,实际上它并不老旧。他们都是非常有意的。我会再说一遍,因为确实值得理解它们之间的区别。但是你是对的。该格式是在三年前(即2016年9月)推出的。实际上,三周后,我们在夜间版本的Safari中首次实现了可行的实现。我们有了运行良好的浏览器,速度非常快。Safari是第一个提供完全支持的浏览器。我想是高塞拉山脉出来的时候。我不知道,就像是Safari 12之类的东西。

杰森:但是不久之后,我们最终获得了Firefox,Edge和Chrome的支持。实际上,我们已经拥有近两年的浏览器支持。但是没有很多字体。这种稳定的发展一直存在。实际上,在网络上使用它们的支持时间比其他任何地方都长。我的意思是,从技术上讲,这种格式也适用于台式机操作系统。因此,如果您使用的是TTF格式,则可以将其安装在Windows或Mac上的台式机操作系统中,并且可以在任何应用程序中使用它。您不一定总是可以无限地改变轴的使用方式,但是在字体文件中嵌入了命名实例的概念,这些实例将其映射回我们以前使用的形式。

杰森:例如,在Keynote中,不明确支持可变字体,但是如果出现类似Tech Sense之类的东西的话,这种格式确实可以工作。您将拥有那些常规,常规,常规粗体,窄体等内容,所有这些都将在下拉菜单中提供,就像安装整个系列一样。然后,如果您使用的是Illustrator或Photoshop,或者现在使用的是上周刚发布的InDesign或几周前发布的Sketch,它们现在都支持可变字体,因此您可以访问所有不同的轴并将其用于自己的游戏心满意足。但是在浏览器中,这是我们需要处理的更多内容。从您的妻子那里得到一个提示,我一直在敲鼓,这已经有一段时间了,试图让人们更加了解它。然后,感谢Firefox团队在创建开发人员工具方面所做的工作。

DREW:您提到了字体设计师和字体功能。有很多可用的字体吗?

杰森:好吧,现在有很多人在做。找寻它们的最佳和最全面的地方是Nick Sherman的网站v-fonts.com,v-fonts.com。那只是一个目录站点。它正在迅速变得非常非常大。现在,所有时间都在出现更多可变字体。开源代码的数量不多,但是如果您在GitHub上搜索可变字体,实际上您会在那里找到很多项目。但是Google已经发布了他们的新API的Beta版,其中提供了大约12种可变字体。还有更多来自他们的东西。他们刚刚在recursive.design上发布了Recursive,这是Stephen Nixon出色的新字体。Plex变量(一个可用)是开源的。然后是大量的商业广告。

杰森:关于这一点,最酷的是Monotype发布了一些相当大的版本。但是,很多小型铸造厂和个人设计师都在引领这种格式的尝试。我认为这对于设计和Web而言确实很棒,我们看到来自新设计师或较小设计师的所有这些新设计都在突破这一新领域。因为我喜欢看到他们成功,因为他们真的主动提出了一些很棒的建议。

DREW:我们是否看到将现有字体更新为可变字体,以用单个可变字体替换系列?这是真的吗?

杰森:是的。Monotype发布的是对一些非常经典的字体的更新。FF Meta是我通过设计去年的演示来帮助他们启动的一个。他们知道了。Univers,Frutiger,Avenir,我认为这是他们迄今为止发行的那四个。这些确实是核心经典品牌字样。他们正在做更多的事情。我知道他们至少还有六打左右,处于不同的生产阶段。我知道Dalton Maag为大型公司做了大量的自定义字体工作,其中有几种非常好的可变字体。我一直在使用TypeTogether做一些工作。他们也有几种非常好的字体。我知道那个...

贾森(JASON):我已经在一些会议上向我展示了这些东西,我谈到了阿迪达斯也有自己的东西,它们已经将近两年来一直用于其所有印刷品品牌工作。真的是非常出色的东西。但马克·西蒙森(Mark Simonson)也在研究Proxima Nova的可变版本。这很重要。那是有史以来最畅销的网络字体之一。正在发生。它的发生是零零碎碎的。但是,即使像订阅Month Club字体的David Jonathan Ross这样简单的事情,也几乎每个月都会为您提供可变字体。我的意思是,他对自己推出的东西真的非常不可思议。一年大概是$ 72。他一直在推出各种非常漂亮的东西。

德鲁:那很有趣,因为很明显,有了可变字体的功能,您就可以创建利用这些字体的新设计。但是潜在地,可能会有一些网站在生产中,那里现在有可变字体版本,有人可以回去,重新访问它,并使用基于新可变字体版本的新实现替换多个字体文件。

杰森:是的,绝对。这是我经常收到的一些问题。最近,我在看一个相当大的体育广播网站,开发团队向我询问了同样的问题。我看了一下,当然可以肯定的是,对于他们使用的两种字体,有可用的可变字体。快速的研究表明,我们可以用两个可变字体文件替换一个字体的四个实例,再替换三个字体的三个实例,并在五个请求中占用文件大小的70%以上。我的意思是,从性能的角度来看,这将是一个问题。对于真正的大型站点,当您考虑消除数百万用户的近300K数据下载时,实际上总共可以节省成本和带宽成本。即使从纯粹的实际角度出发,也无需重写任何CSS,只需替换这些字体,

德鲁:实际上,这听起来是否简单,只是将其中一个换成另一个?

杰森:有可能。我认为,最好的例子就是Google在9月份随便在ATypI上溜走了,他们已经开始与奥斯瓦尔德(Oswald)进行这种交流,每天达到1.5亿次。他们制作了可变字体版本,然后才开始在使用足够多实例的网站上进行冲浪,从而带来很多好处。他们没有告诉任何人。他们没有告诉网站所有者。无需做任何事情。由于它具有权重轴的正确映射,因此默认设置将起作用。每天有1.5亿次字体提供。这开始使他们更好地了解如果他们可以开始转换他们所使用的前五种网络字体,那么对他们来说这是什么样的情况?我假设Open Sans可能是其中之一。我知道Lato可能在里面,Roboto。

JASON:因此,如果您查看这些内容并查看它们的优化版本,那么您会发现Google对此感兴趣的原因非常明确。然后,如果您从另一侧看,则是设计空间,以及如果公司使用自己的全部字样,而不必交换其他字样或更多字样,那么公司对品牌声音的真实程度可能会更高受其调色板限制。因此,在该频谱的两端都需要学习和探索真正有趣的事情。

德鲁:这听起来像是一个激动人心的勇敢的新世界,它提供了比以前更敏感,更富有创造力的网络打字方式。

贾森:嗯,那当然是我希望的。我认为在所有阶段采用Web字体的最大障碍之一就是性能。那会怎样呢?加载需要多长时间?这对页面的渲染时间意味着什么?我们遇到了那种隐性文本或无样式文本闪烁的问题。真的,要处理所有这些事情,要回到需要多长时间才能到达那里?浏览器对此有何反应?我们可以做很多事情来缓解其中的一些问题。但实际上归结为,如果我们拥有更好的字体和更好的服务方式,那么所有这些问题就变得不那么重要了。因此,有了适当的展示,我们将变得更具表现力。我们真的可以尝试将设计的工作推到最后,并尝试变得更有创意。

德鲁(DREW):因为您最近写过一种表达,感觉是网络可能已经陷入了为每个站点设计文章模板的陷阱,可能会针对几种不同类型的内容进行一些更改。但是每个人都在向这种media.com风格过渡,即我很容易理解的单列文本。排版好。这是一件坏事吗?

杰森:我认为这并不坏。我只是觉得这很无聊。我的意思是,当Medium出现时,那是很新颖的。我的意思是,我认为…的一列……就像您说的那样,它是很好的排版副本。它有一个不错的区域。它并不拥挤。它并不局促,没有侧边栏和所有其他东西。总是会有业务模型的问题以及将如何支持这一问题。这就是为什么我认为,几年前Mule Design的Mike Monteiro对《西雅图时报》进行了一次非常漂亮的重新设计的原因。绝对漂亮,直到它推出。然后,他们在栏的两边放下了这些巨大的标语,只是把所有的空白都带走了。真是可惜。

杰森:我知道公司必须赚钱。对此有影响。因此,将其作为一种选择将是很棒的。要有一个很好的干净布局。但这不应该是唯一的。我们在CSS中拥有所有这些功能,这些功能使我们能够利用边距和布局来做一些真正有趣的事情。我的意思是,这不仅是我们现在拥有网格的事实。但是我们可以在CSS浏览器中进行计算的事实使我们可以做很多有趣的事情。您可以利用它来表达类型的能力,然后我们可以开始研究它们在杂志中的表现。Vanity Fair没有一个文章模板。他们有六个或七个或八个。如果您真的看一下他们如何布置这些东西,那么会有很大的可变性,但是可变性正在系统中发挥作用。

JASON:因此,当我们为网站创建一个设计系统时,我们不仅可以仅停留在一个布局上,还可以使用相对简单的方法将一些开关内置到我们的内容管理系统中。他们中的大多数人都支持相当多的灵活性。我们没有理由不能给人们选择的余地。我想使用布局1、2、3、4、5、6。这将引入不同的边距,不同的偏移量。也许引入了创建一些列的功能。我们可以做很多不同的事情来构成一个更加有趣的网络。我认为这种类型可以在其中发挥很大的作用。

德鲁:在将更多个性添加到网络上时,是我们的救星吗?

杰森:好吧,我认为可以。我认为我们已经在网络上朝着更好的可用性发展了很长的时间。但是我认为,当我们所关心的只是这种功利主义时,会有人员伤亡吗,这是有用的方法吗?这往往会击败个性。然后,当每个网站都是……时,我们又有了网络字体,这创造了前所未有的全新表达水平。突然之间,我们可以…显示效果更好。因此,衬线又重新组合了。我们可以在网络上再次使用它们。这些东西增加了生命。然后,我们使用一个或两个San-serifs对每个人进行了优化。它是Open Sans,或者是Roboto或Oswald,或其他。我们有点回到同一堆东西,那里有很多非常好的,非常易读的字体。我们还没有真正教会过这一代的UX设计师,他们通常是推动排版的许多人。关于它的表现力,可以改变情绪和语气的任何事情。

杰森:所以我们有很多人决定网络上事物的设计方向,他们对类型的想法可能不如研究图形设计和可读性的人那么了解。我们需要将那些东西放在一起。这不是一个。是和。它一定是。

德鲁:尤其是当我们谈论个性以及语气和情绪时。从业务角度或我们正在谈论的是品牌方面。因此,在使所有内容看起来相同时,我们会失去与客户交流品牌的能力吗?

杰森:绝对。我不会涉足政治,而是整体考虑……我们在美国肯定遇到的主要问题之一,而且我敢肯定,这与过去几年在英国发生的事情没有太大不同。当所有新闻都通过一个平台进行消费,并且所有内容看起来都一样时,声音就没有区别了。因此,大约有75%的美国成年人说他们从Facebook上获得了很大一部分新闻。我的意思是,让我们搁置这到底是多么令人恐惧。但是,鉴于所有内容都是统一呈现的,因此从《卫报》到《纽约时报》,《华尔街日报》,《华盛顿邮报》和乔的右翼新闻之间的文章没有区别。呈现的方式完全相同。

杰森:当我们看到该徽标,该字体样式时,《卫报》便是如此具有特色。《华尔街日报》是如此有特色。我们一看到便立即认出,甚至只是标题。我们知道那是哪里来的。然后就是与该品牌和真实性的自动关联。当您将所有内容都删除后,您会留下:“好的,我将在标题上对此进行评估。然后,谁写了一个更好的标题?没什么可继续的。所以我认为我们已经损失了很多。如果您查看Apple News Plus正在尝试做的事情,那么一些公司中的一些人会努力尝试重新引入这一点。布伦德尔在欧洲做了一件非常有趣的工作。它们在美国推出,但我不确定自己是否真的那么成功。那是一个平台,使您可以订阅和查看所有这些不同的顶级报纸和出版物的内容。它总是在自己的设计中。因此,那真的是一种有趣的方法。它始终保留着品牌声音,新闻的真实性和权威性。作为读者,它确实为您提供了一些提示,以帮助您评估正在阅读的内容。

杰森:我认为这很重要。我认为这不应该掉以轻心。

德鲁:回想过去的日子里的RSS读者,我们遇到了同样的问题,那时每个人的内容都只是通过RSS分发,并以相同的格式,相同的布局出现在读者中。我认为您确实失去了个性和声音。

杰森:是的。这是真的。我认为这不是一个完全可以解决的问题。我认为,如果您能想象每个标题都有不同字体的RSS阅读器,那就太疯狂了。有一个原因为什么它不能很好地起作用,但是必须有一些中间立场。类型确实在其中起作用。那么可以肯定的是,一旦您返回该网站,就会具有这种即时可识别性,这将有助于使这种体验与从其他地方看到的体验脱颖而出。

德鲁:所以说我是设计师。我在一家小公司工作。我正在为各种不同的客户设计产品。我看着我的工作。我认为,“这一切都很好。我从哪里开始真正地引起一些兴趣,一些兴奋,而不仅仅是依靠我已经习惯使用的这种统一的UX驱动布局?

杰森:好吧,我认为要做的是,如果您从未学习过印刷术,则不必一定要训练自己的眼睛来观察一种字体与另一种字体之间的差异。即使您学习了图形设计,也必须始终提醒自己这些事情。因此,我认为我经常会推荐,实际上,几周前我就写过这本书,因为我不断被问到“你从哪里开始?”,我列出了一些我认为真的很有帮助的书。因此,像艾伦·卢普顿(Ellen Lupton)的著作《思考类型》(Thinking with Type)一样,它是对观察和观察类型的绝佳介绍。埃里克·斯皮克曼(Erik Spiekermann)的书《停止偷羊》(Stop Stealing Sheep)是一本很棒的书,尽管我认为目前已绝版。我认为他可能正在开发另一版,但事实是……如果您找到那个,那也是一个很好的版本。

杰森:这些将有助于您了解术语,并了解不同样式的文本之间的区别。然后,一旦有了基本介绍,当您查看其他网站时,它将为您提供更好的参考框架。感觉就像,为什么这个感觉比那个温暖?类型的组合是什么?有什么特点?就像Web开发人员经常做的或Web设计人员经常做的那样,您检查一个元素,查看在那里使用的字体,这可以开始帮助您构建一个熟悉的调色板。很多时候,设计师会做一些自己熟悉的事情,并且倾向于在很多不同的项目中使用它们。那不一定是坏事。

杰森:因此,您可以决定在此网站上将其称为正常。这是我要使用的宽度以及其他方面。因此,即使您在整个网站上使用相同的字体,因为您可以使用所有的特征,它的外观仍然可能会完全不同。

德鲁:所以我认为有很多工作要做。我敢肯定,我们会在您撰写的所有优秀文章的展示笔记中添加一些链接,以及对这些书的参考以及您所拥有的。因为我认为有很多东西要学习。我认为我们总是必须学习这些东西。学习永无止境。

杰森:是的。是真的。当我开始撰写时事通讯时,这是我非常享受的事情。每个星期,当我编写它时,我都会阅读更多的规范。我正在阅读更多其他人发现和编写的内容。有很多知识渊博的人在那里。例如,Clearleft的Rich Rutter写了一本很棒的书,叫做Web Typography。他是Font Deck的创始人之一,后者是最早推出的服务之一。他一直是这类书籍研究最多的学者。我的意思是,他在将这些内容组合在一起的方式上确实非常周到。但是有一堆人在做真正有趣的事情。这有点迫使我跟上别人一直在做的事情,这真是太棒了。

德鲁:您最近在学习什么特别的东西?

杰森:我学习最多的东西实际上是规范的角落。我认为这是…………我的意思是,对我来说,最大的影响可能就是蕾切尔[安德鲁]。她一直在谈论,例如,“好吧,如果您实际阅读这里写的内容,那么实际上真的有很多知识要知道。”因此,在准确阅读规格说明时,我们可以使用大量出色的印刷控件。然后深入研究诸如混合混合模式和CSS之类的不同事物,并了解有关不同尺寸单位以及它们如何相互作用的更多信息,并学习如何使用以及在哪里可以使用CSS自定义属性。我越来越多地阅读一些内容,然后将其与浏览器的功能进行比较。对于我每周学习的内容,这确实对我来说是非常宝贵的经验。即使已经从事了25年的工作,每次我深入研究其中一件事情时,仍然会有一颗新宝石。

德鲁:太好了。谢谢。因此,如果您亲爱的听众想从Jason那里听到更多信息,或者也许雇用他与您一起解决网络排版挑战,则可以在他的@jpamental的Twitter上关注他,或者在rwt.io上找到他的网站,您也可以找到他的网站。要注册的网络排版新闻稿。所以,谢谢杰森今天与我们交谈。你有分词吗?

杰森:是的,实验。我的意思是,有很多开源的东西可以玩。我认为,一旦人们掌握了这些内容并熟悉了它们,我认为他们将开始越来越多地看到他们可以从中获得多少乐趣,以及它们可以表现出多少。我想我实际上是在周五与《华尔街日报》的设计总监交谈的。然后,我正在与他们的设计团队交谈。我们说的是,拥有一个使事情标准化的设计系统真是太好了,但是就像任何好的设计一样,只要您违反了该规则。那是令人兴奋的事情真正发生的地方。因此,我们已经获得了必要的发展,例如真正精通该系统。现在我们必须打破它。那时候我们可以再次兴奋起来。打破常规。我认为,这是我最好的建议。

免费获取报价

  • 29923329

  • 杭州市丰庆路498号北软智慧科创大厦203

  • 0571-85815193

  • pady@1t2.cn

网站地图 版权所有 © 2008-2021 杭州派迪科技有限公司  Copyright © 2008-2020  www.hzpady.com  All Rights Reserved    浙ICP备14029905号-1     公安备案:33010802008411    软著登字第3457658号