一个列表

菜单

必威官网网址多少

使我们社区团结起来的对话

网络排版和布局:过去,现在,和未来的

排版能鼓励长篇阅读,而不仅仅是扫描吗?什么是最令人兴奋的领域的尖端实验在排版技术和数字布局,我们需要什么新技能来设计明天的网络内容?三位专家——Mozilla的Jen Simmons,出版设计传奇人物罗杰·布莱克,和阿拉巴马州的Jeffrey Zeldman-discuss排版和布局在今天的网络:我们现在在哪里,和我们去的地方。

一篇文章从Hakon谎言,就像12年前 一个列表。就像,, 你知道的,我们应该有网络字体,因为CSS会支持它。我们该怎么办?吗?

罗杰:时间很长。1997,20年;有一个解决方案webfonts社区拒绝了。这是微软的测试结束的文件格式,我们不需要讨论。但在IE4中,他们支持@font-face在HTML W3C标准规范,和很高兴。但我们说,”这不是一个标准,不开放,我们不喜欢这样。我们宁愿使用Netscape的解决方案,”然后网景消失了,在那之后很多年里有很多阿里亚尔。

杰弗瑞:珍,你现在在没有Netscape就不存在的地方工作;所谓后裔,网景的孙子,这是Mozilla火狐浏览器,就像三代人一样,也许是五代,在渲染引擎方面,从一开始……

罗杰:城市香槟

杰弗瑞:Mozilla真的相信开源和开放字体和开放网络之类的东西。我知道你和珍一样,作为Mozilla代表你不在这里,但是,它一定在一定程度上影响了你的视角。

珍:是的,有一件事,直到我加入Mozilla,真正有机会花更多的时间研究CSS的细节和实现,并将一个浏览器与另一个浏览器进行比较,我才知道,看看Firefox,看看缺少了什么,我们需要什么,我们CSS应该优先考虑…Firefox有很好的支持字体和排版。还有一些关于CSS的细节,我们可以使用但是并不是每个浏览器都真正支持它,所以人们犹豫地使用它。一遍又一遍,我去检查,,我们把这个放在火狐里了吗?我应该提倡这个吗?吗?大多数时候,一切为了排版,就像,,哦,我们已经这样做了。我们几年前就这么做了。我们正在等待其他浏览器赶上这一点。

但是我认为你是对的,罗杰。我认为有很多工具设置类型和决策时使用什么字体,如何设置的所有细节,它变得非常强大。人有点不知所措,像,他们需要知道什么,以及如何做好工作。

罗杰:今年早些时候,Jeffrey联手在波因特,我今天在哪里,波因特学院在圣。彼得堡,,波因特设计挑战。我们请五位设计师想出一个更好的排版解决方案或出版解决方案,更好的阅读和布局网站解决方案。而且,非常,非常简单的HTML的原型,你可以找到在Zeldman.com网站上,说,”嘿,让我们只用一些印刷规范,我们已经有很长一段时间了,拉引号,副标题,还有漂亮的字幕,还有各种各样的东西。”他写了一个HTML规范,它很有趣,当我们看到很多网站排版,主页可能非常令人兴奋,但是你要进入基本故事页面,它们非常恐怖的。我们有经典的新闻故事页面,而且,你知道的,文本被各种各样的广告和其他垃圾,然后一堆,你知道的,种Taboola小玩意儿在底部,和其他事情打断,而且很难读懂。这就像几百年的排版历史被完全忽略了,试图获得一些点击。这就是其中的一个我认为,印刷方面的巨大挑战。我们如何规避的商业模式使这些丑陋的页面?吗?

杰弗瑞:但是你没有注意到,相反,就这样,比方说,一些较大的报纸,像washingtonpost.com,newyorktimes.com,这篇文章的页面已经很漂亮一段时间了,他们使用大字体,非常可读的布局……

罗杰:是的,或中等。

杰弗瑞:是的,媒介。

珍:大西洋是一个非常伟大的人。

杰弗瑞:纽约客网

珍:《纽约客》,的大西洋,和纽约时报,对我来说,三大领袖创造更美丽的布局。

罗杰:为什么你认为他们成功吗?因为他们有更多的钱,还是别的什么?吗?

珍:我认为国内政治中发生的一些事情,可能在他们的用户研究,他们能说,”嘿,杂波,杂波,广告,广告,好可怕,可怕的。人们不想要这个。让我们把书页整理一下。让我们找到一个方法来获取我们需要的广告,在纸上但用这样一种方式,使广告客户和用户快乐,读者,多,更幸福,”而不是因为广告模式而放弃一系列关于布局的假设。

杰弗瑞:那些报纸有商业模式-

罗杰:这与他们的商业模式不符。

杰弗瑞:对的,我们说的是一样的。是的,这些文件有一个商业模式的部分订阅,这样他们就可以进行更多的实验。我也认为他们必须。我相信Rich Ziade的可读性几年前的项目,现在几乎已不存在的,可悲的是,但如果你使用Safari,一个早期版本的Safari浏览器内置的;如果你看文章,这就是可读性1.0。

但我相信有巨大影响的意思是,它在我身上。就像,看了一会儿之后,我就是,我不能让这些东西乱七八糟的……我喜欢我旧的乱七八糟的布局,我也喜欢认为我太好了,可以把乱七八糟的布局做得不乱。我突然觉得,,不,这是废话。让我们消除一切无关紧要的。让我们去掉尽可能多和一个好的阅读体验,让你坐下来。那是我的另一件事。在newyorktimes.com页面,你真的向后倾斜和分析新闻,而不是向前倾斜,眯着眼。我认为,身体上,如果你相信有一个身心连接身体,那些设计师说,”坐下来,想想我们展示。不要把它当作福音。这些都是事实,我们理解他们。你怎么认为?””

珍:好吧,而且,你知道的,”我们会给你们留出一些空间,让你们真正思考,”就像你说的,像,”而不是扔这么多废话,你需要立即跑了。所以,你必须读,扫描,快,快,离开这里,因为我们在追赶你。”是这样的,”不,不,不,我们不会追你。我们把大量的时间和精力。””

罗杰:是有趣的观察接受这个想法,人们不读你的桌面出版,或者只是在一个地方。你去纽约时报,你去中学,有时,你在你的手机上,有时候你可能有一个平板电脑,你可能有台式电脑,你可能有一个巨大的屏幕,就像我在看你们一样,这是一个60英寸监视器。

杰弗瑞:就像我们在CNN一样。而且,不要忘记轨道含量,人们根本不必阅读你出版物上的内容。这说明了我们在布局创新方面的自由,如果我们创建的内容是可以接受足够好的地方吗?我们从……走了,对吗?这是可读性,背后的威胁这对于那些不记得了,这是一个设备,删除所有cruft-I应该早点说。它把所有的垃圾从布局中移除,所以它很漂亮,可读的…

珍:杰夫瑞我认为有一个好的机会,人们使用这些工具很多,而且我们没有任何关于它们的统计数据。谷歌分析不告诉你有多少的人来到你的网站点击reader-mode按钮。Safari reader-mode按钮,Firefox有一个阅读器模式按钮;Firefox已经将Pocket直接构建到浏览器中,我们正在研究如何给人们提供更好的阅读体验,尤其是当他们离线时,他们在火车上跳,他们跑来跑去,太多的网站是垃圾。我的意思是,我在过去的一周里点击了链接,我只是-我本来希望留在网站上,在他们的排版和所有内容中看到它,但是我真的不能。这使我身体不适;这是一个如此疯狂,凌乱,匆忙混乱。

杰弗瑞:是的,是的,是的。可读性用来提供这些数据。我相信水银阅读器提供了这些数据。我不确定,不过。

珍:是的,有趣的是,你知道的,人们总是痴迷于我们有多少IE6用户,或多少IE10浏览器用户,有多少IE11.…没有人问有多少人甚至不留在网页上,因为我们的设计是如此糟糕。这个数字可能很高,但我们不知道,因为我认为我们的任何统计工具都不能衡量有多少人使用像可读性这样的工具,或口袋里,或者稍后再读,或者读者模式,或者Instapaper……有很多方法可以做到。可能是40%的听众,你会不知道。

罗杰:是的,我认为翻页的商业模式,基于受众,你让尽可能多的人浏览网页的想法……这确实是老式的广播模式,这是当出版商走进网络,他们想,”可以,这是我们的机会……我们广播,我们可以有一个巨大的受众,让它在广告。”他们中的一些人,这是工作;对大部分孩子来说,用它不是。但它以一种可怕的方式扭曲了阅读体验。你所要做的就是比较大多数网站,传统的文本页面Kindle……

在电子书领域,印刷术,你可以抱怨字体选择之类的东西,但一旦你设置点大小,你喜欢工作在你的设备,它也许没有比廉价的平装书,不过还不错,你可以阅读它,你知道你在那里读书。我不认为事实——试过了,就像当时的“可读性”一样,我们在做TreeSaver,业务模型不支持这一点,因为它没有获得页面视图。读2,千言万语的东西并没有真正在网络上得到珍惜。这不重要。重要的是开始,出现,然后他们计算你。

杰弗瑞:印刷术能帮助克服网络阅读者长期以来的习惯吗?的,,我要读标题,浏览几个段落,我想我已经读过这篇文章了?吗?好的布局真的能吸引人们通过整个体验吗?吗?

罗杰:我认为是这样。我的意思是,我希望如此。什么是好的布局?你的字体设计原则是什么?吗?

杰弗瑞:我认为这取决于工作努力的方向。现在,我在做一个电子商务网站,我试图应用一些相同的原理。我还处于草图阶段,这对我来说最有趣。但是很快我就必须致力于像素,我想带一些相同的思考的经典,大,可读性强,参与网站排版,就其本质而言,页面上必须出现很多内容。它不可能是一个简单的阅读器布局,它必须是很多东西让你浏览和决定并单击弹出窗口和各种各样的东西。我想我的回答是,”这要看情况了。””

但珍,在某种程度上,您已经抽象了布局层。你目前正积极地研究布局,并不是为了它自己,但是怎样才能布局呢?。而不是开始,”可以,这是新闻版面,所以让我们用新闻的方式来做,这是一个医院的页面,让我们使它看起来像一个医院页面,”你会,”我们可以用这个页面做什么?”谁是那位伟大的艺术总监,罗杰,来自like well的广告,有一群,但在60年代的人,是[鲍勃]盖奇吗?他们问他如何保持灵感,他说,”我只是不停地寻找与页面相关的新内容。”我认为我们有机会在网络上并没有真正使用它。

珍:是的。我的意思是,你知道这个,杰夫瑞因为你已经看到我在很多会议上讲话。新技术的发展也同样如此,一旦我们最终有了字体和字体使用许可@font-face,突然有这个新时代的网络排版。因为CSS电网运2017年3月,近三个月前,我们现在有工具布局的方式要么是完全不可能的,或者有可能,但这是费力;只是有点太难了,或者太花哨了,或过于脆弱,真正值得做的事。

现在使用CSS网格,但与flexbox也,与多列布局,具有箱子尺寸:边框,这样我们有很多的事情。我认为我们真的需要离开使用框架,我们从一些第三方网站下载,只是把一切变成其他人使用的布局,问这个问题我们正在构建的页面的工作是什么?吗?也许这是一篇文章,也许不是。可能是一个接口,也许这是一个商店,也许是别的原因。人们是如何试图使用它的?这是设计。他们想干什么?我们的用户想要什么?他们需要什么?他们在挣扎什么?吗?

我们如何使用设计,我们如何利用布局更好地服务于他们,真正做一个这样的经验,我们想要的,这是新的篇章,或更容易或更优雅的使用,如果这个项目价值合适,或者能够帮助人们完成他们来这里的工作?我有一种感觉,我们会看到布局的巨大变化,我们要回顾三年后,五年之后,这将是真的清楚之前和之后,我们正处在页面布局发生巨大变化的临界点。

杰弗瑞:我同意。你的所作所为激励了我,我一直关注你的文章,betway体育注册和你的会议上露面,而这一切。我也有一个小故事。我做的事情之一就是每隔一个学期,我就在美国视觉艺术学院任教。MFA交互设计项目,这学期我有一个学生,Ritwik Deshpande,他是个聪明人,他是一个记者在印度。他对音乐很感兴趣,尤其是在合成器,他对创造性的网页布局非常感兴趣,并发现整个网页都是可读的,培养基,这整个事情的发生,这在某种程度上是非常好的,因为它使报纸可读,另一方面是把这千篇一律的一切。他是在相同的珍的到来。

所以他,为他的项目,决定做一篇关于合成器的文章,因为每个人都以同样的方式学习音乐合成器。他们看这些教学手册,没有相互作用,没有动态交互…实际上,基本上,他设计的东西在某种程度上就像你在儿童博物馆看到的一样,像,这是一个正弦波,这是一个方波,下面是您与这些东西交互时发生的情况。他使用JavaScript和CSS使这些小互动模块,显示non-synthesizer球员与合成器。他用解释性的文字来解释它,和他做了一个自定义布局,解释这一切。

原因我不得不帮助他与他的论文就像几乎所有我感兴趣的在一块,因为它是关于音乐和合成器的,我过去常常这样做,我过去常常弹奏它们;和它是关于web布局,大约,,如何进行这种交互式学习?吗?所以,这是everything-education,写作;页面什么时候可以不再是一个体验,成为不同的东西;之前你能走多远,人们变得困惑和需要传统段落的安慰吗?他打算对此做更多的事情。这不是一个产品。

同时,我喜欢它,因为通常情况下,当你有毕业于交互设计硕士学位的人时,我说通常情况下,”但这只是几年前的事,但通常他们只是想制造产品。这位先生,Ritwik,基本上是试图让自己是一个平面设计师的学习经验,作为一个交互设计师,作为基于合成器的音乐的粉丝。我只是觉得,这很棒,因为它让我想起了老网站:我会做一些不存在的酷的东西,因为我对这些东西很好奇。我想念那件事。我喜欢我们新的职业精神,但是,我很想实验因其自身原因。

珍:我,也是。

罗杰:是的,只是复制代码太多了。

杰弗瑞:是的,特别是当-

罗杰:我们从一开始就这么做了。

杰弗瑞:对的,但是我们没有-如果我做一个两列的布局,我没有把它作为平台发布。

珍:还有一个品牌。(笑)

杰弗瑞:对的,这听起来有点贬义。但是,老实说,什么人用引导,它是如此复杂。我不是诋毁。我没有比较我愚蠢的两列布局的90年代。这是一个大问题。我想瑞秋·安德鲁实际上谈论过,在里面她2015年的文章,在她的圣诞出版物中……

珍: 24的方式

杰弗瑞:谢谢你!她说,”我们告诉每个人,嘿,web标准允许你单独的这种结构化内容从这个ugly-you可以表示明天,你可以改变它,你不必……但是随着人们想要越来越复杂的、像应用程序一样的、具有层次和所有内容的布局,这是一个谎言。”你最终不得不写HTML内容,你知道的,边栏的div。你不需要,但是如果你想做某种布局,你必须这么做。它变得如此复杂,引导就像,”嘿,不管怎样,如果你打算这样做,我经历的麻烦为你这么做,我有回退,那你就到这儿来。”你不能责怪这个行业抓住的。

珍:我觉得看历史的轨迹与布局,短弧,我感觉引导和其他工具,喜欢它基金会,还有其他的;,之前他们有960网格悠悠我认为是第一个,雅虎用户界面库——这是有原因的,我认为我们需要他们。我认为我们进入一种情况我们需要船工作,我们仍在试图找出响应网页设计是什么意思,我们花了很多时间重新组织我们的整个工作流程和团队,以及它是一个客户端,或者是一个内容团队,一个设计团队,一个工程团队,意味着什么……由于响应性网页设计,我们不得不重新组织我们的整个组织。所以,我们有很多事情要做,达到引导或类似的东西,这是一个很好的权宜之计,无论什么。但我认为那个时代已经结束,我认为有很多公司,很多人都会这样,”你在说什么,珍?没有办法。”但三年后,你会变成,哦,天哪…

杰弗瑞:我还认为有一个初始阶段,我是说,罗杰,你是个例外。人训练有素的设计师,谁知道他们在平面设计和艺术指导方面在做什么,成为网页设计专家权威是一个例外。大多数时候它就像哲学专业和英语专业以及没有设计背景的各种人。那时候像罗杰这样的人越来越多。所以,就像那一代人一样,说,,杰森·圣玛丽亚代表。人去艺术学校,去了设计学校。有很多设计师喜欢他;就像下一波一样

罗杰:了解他们的历史。杰森知道历史。

杰弗瑞:了解他们的历史。但是现在有一个新一代的设计师,我想说,谁认为自己是产品的人,产品的人是谁,还有谁真的认为这种布局和所有那些工作都是他们的助手要完成的次要工作,我认为这在某种程度上可能会伤害我们。组织听我们说,”是的,设计是非常重要的!你是对的,我们会有一个内部的设计团队!”但是他们没有实际的实际操作设计师来运行这些团队。他们的产品和营销人并非设计师在很大意义上,“大D设计师或这到底意味着什么就随他。你知道我想说什么吗?吗?

珍:是的。

罗杰:是的。

杰弗瑞:通过实际设置类型和所有这些东西的技巧出现的人很少。青少年所做的东西,他们的,就像罗杰一开始说的那样,被这些字体,所有这些选择和所有这些工具,而年长的人不会为版式和布局而烦恼。他们正在考虑用户保留和新员工培训和所有这些东西。我想看到一些产品人也,或者我希望看到更多的尊重,除了这个方面,我们还展示了设计的那个方面。

罗杰:在最后一天,我有一个大在Facebook上谈论摄影,的封面《新闻周刊》,的滚石,和士绅,我认为这个问题看起来很奇怪。看到人们在谈话中跳跃的样子真令人着迷。有个来自新加坡的家伙刚刚发表了评论,”好吧,最终它必须掌握在读者手中。读者会做出决定的。”我想,在所有这些对话中,有一件事情是关于我们在网络上进行排版或布局,或以数字格式,是不是忘记了一点,我们正在做的是传达一个信息,读者和用户将理解和享受。他们会接受的,他们会得到一些东西,他们会回来的。但其实这个作者和读者之间的点对点通信的排版。

发生的的一件事是,读者有比以往更多的信息。在过去,一个平面设计师经常把自己或自己当作艺术家,思考大的想法。你会伸展画布,然后做木炭或蜡笔,然后你油漆,然后你会有这美妙的事情,你会让人们看看。所以,这是一种自上而下的沟通。但是在平面设计,在杂志、报纸或广告中,或在网上或印刷品上,真的想把这个“道”传好。

天意如此认为的响应,整个响应运动教给我们一个重要的教训,不是关于帆布广场,这不是一个8.5的11日或者我们正在处理的1200像素宽的问题。我们不知道我们正在处理。现在有这么多该死的设备,和媒体查询并不总是告诉我们答案。它知道它是一台iPad,但它不知道这一代或…我们没有得到好回去报告实际上是屏幕的密度,或渲染方法。我们的猜测。我们说,”可以,就是这些,这个百分比必须是这样的。”但是很多出版物和广告,我明白了,如果我在不同的设备上查看它们,我不能读或太小了;或者线太宽,这是最古老的web-typography难题太多一行上的字符数所以很难阅读。

但当前状态。我认为现在图形设计最令人兴奋的事情就是与用户和读者的联系。我们开始了解他们是谁,他们想要的东西,我认为,最终我们正在试图做的机器学习在服务器端会通知页面布局,这样人们可以更容易阅读,有更多的享受。不,我们要求他们任何问题;我们就看他们喜欢什么,给他们更多的,看看有什么作用,会议时间是如何被延长不同种类的东西。度量标准将开始回复我们,并开始修改页面。如果我们允许一个变量的格式,然后我们可以得到神奇的事情。我的意思是,他们可以选择自己的字体,如果我们与他们合作,他们可以做他们自己的颜色和布局。只要我们这样做,一旦我们得到了读者,那我们就是天才了。那么设计就很棒了。这是一个巨大的挑战。

杰弗瑞:我对此有复杂的感情。我喜欢定制的概念。我认为定制非常重要。我们总是说,网络是一个谈话。我们过去常常在没有评论之前就这么说。我们说,”网络是一个谈话,”然后我们开始在博客上发表评论,如果你们还记得博客文章和评论,然后我们想,”是的,这真的是一个谈话。”它总是一个谈话design-wise太,因为即使回到了可怕的天的液体布局,在那里,”我希望我的屏幕大,我将10,每行1000个字符,”而这一切。

但总有机会,用户要安装特大型字体或override-I的意思是,我有一个Chrome插件,可以让我在任何网站上覆盖任何字体,并用一些可怕的东西替换它。我有困难,如果我对一个网站生气,我可以把它在乳牙只是为了我自己的快乐。所以,总有那个东西,我认为这是一个组合,因为你想让人的意思是,如果有人对比有问题,他们需要能够推动这一进程。某些浏览器中的工具让人们这样做,但是现在对于一个设计师来说很难,人们如何相互作用的。

如果我们可以让它一个一体化的设计方案,比如创建类型大小小部件,而不是依赖于浏览器,那我们就可以了。但现在我们和响应玩三维国际象棋布局,因为,你知道的,当有人使这种类型的七倍,而且,好吧,我们有所有这些最小宽度和……我猜我想说的是现在设计是非常困难的,尽管用户一直在混合和他们一直有一些权力,一旦我们开始思考,希望我们会得到好的设计结束时,这变得更加棘手。

罗杰:我认为这就像你设计的模板。你意识到你需要调整不同的视窗。所以,您知道,在某些地方将是一列,而在其他地方将是多列。我想这就是你和用户打交道的方式。你还想建立一条道路,他们可以旅游,但是你要决定目的地是什么。所以,这意味着你必须尽你所能去引导那些经历。

我认为,我们知道的一件事情是,如果读者觉得他们是合作者,这是一个双向沟通,他们记得东西,他们更喜欢它。所以,那不是我真正想说的。我认为在响应设计,设计挑战变得更加困难。我们不得不考虑基本印刷关系标题,一个报价,甲板,一个文本,标题。这些东西之间有什么关系?我们可能需要处理的大小和宽度稍有不同,我们会写代码。但是现在我们要说的是,如果我们能发现什么对读者有用,让我们给他们更多。这是一个最古老的东西在网上,他们过去叫什么协同过滤。我们需要设计的协同过滤。

珍:我认为,在2017年,有一件事我们确实知道,在互联网发展的不同阶段,我们还不知道,那就是这种媒介是不可控的。我们不太了解某人浏览我们网站屏幕大小的情况,字体大小,他们是如何经历的。在某种程度上,我甚至觉得愚蠢的说,因为它是如此显而易见,如此根深蒂固以至于很多人都在工作。然而你每天都会遇到那些完全不这样思考的网页设计师;他们用PDF设计固定的东西,然后把那个东西保持到最终结果,然后他们继续,”我想要15像素和我没有15像素。你没有按我说的去做。””

我仍然觉得这个行业在努力理解这个生物在这个多维空间里是什么……你不能控制它,但是你可以编程它。所以,您可以创建一个最小值和最大值,你能说,在这些条件下,这就是我想要的,在这些条件下,这就是我想要的。我不能控制它,也不能预测这些条件何时会到位,但我可以说一些事情,我可以设定一些限制意味着什么。而且我认为CSS网格,与固定的网站,我们有一个固定的大小。用液体,我们有点说,”哦,会完全湿漉漉的。”响应,就像,”可以,它被压扁,所有的东西都压得很均匀,还是一切都是拉伸,一切都是拉伸均匀。我们已经重新安排一些,不过基本上都是跳跃,同时延伸。””

使用CSS网格,你可以很容易地让一些东西挤压,而另一些东西保持固定,这个东西修好了,另一个东西就压扁了,这另一个固定的整个时间…我的意思是,它在不同方式下表现的更加动态。我试着教,布局……我不知道,我想我们在一个陌生的时间,因为一方面,网络产业不是利用平面设计的方式,我们的力量。我们复制彼此的工作太多了。太多的事情看起来像中等;太多的事情看起来像2007年网页设计。太多的事情看起来像彼此的副本。每个人的无聊,大家都在谈论这个,每个人都准备好继续前进。

所以,我们肯定知道有一个方法我们可以使用图形设计与我们见过在网上地震前,整个20世纪的力量带给网络。同时,那些知道工作最好的人,历史学家,知道历史的人,受过训练的人,走出学校的人不懂网络。他们认为它是PDF格式,这是一个在pdf格式显示他们画的东西,他们发现在pdf文档。所以,有这个奇怪的紧张。我们迫切需要以一种我们以前从未有过的方式找出我们的媒介是什么,但是我们也需要把图形设计和其他领域的力量,也是。就像,我最近看很多电影和摄影,因为我不认为这只是打印。而是站在几个不同的设计媒介,实现我们的媒体是什么。

杰弗瑞:我有三个快速点基于你刚才说的话,因为我太激动了,我的大脑要爆炸。首先,我想回到CSS网格,但我对CSS网格点。首先,我认为responsive-the响应问题,事实是我们不知道导致自然模式库,原子设计,模块化设计,无论你想叫它当人们说,”我们在设计系统而不是页面”-我们还在设计网页,最终。

珍:我们是。

杰弗瑞:但在某种程度上,就像我现在正在和客户一起做项目,我还没有编辑页面。我只是说,”这里是文字-动作模式一的想法。这是如何在大屏幕上看,下面是它在小屏幕上看起来的样子。也许它不会从一个屏幕改变到下一个屏幕,就是这个,我们叫它一个单位的宽度和高度。”我想构建块。最终,使一个伟大的页面,你得想想书页,但是我认为反应是引导我们在好的方向模式库,原子设计模块。

第二,我想要一点你精彩的评论,Jen关于一些印刷专家或传统出版专家如何不了解网络。出色的例子:有一个公司我知道,他们实际使用罗杰的TreeSaver技术几年前创建一组出版物,当然,可以配置自己。他们进行分页,和广告,出版商希望和一切,但他们也有反应。现在还没有人这样称呼它,因为响应设计和TreeSaver同时出现。

所以,Roger和他的同事提出了这个产品,它使用JavaScript来对任何设备进行分页和多页布局。这出版公司由专家一直在掌舵的令人难以置信的伟大传统的印刷出版物多年来,他们曾经让他们的设计师把布局安装在泡沫芯上,然后走进去,他们会把它们看成是固定的布局。我还记得这些专家所说的无意中听到的对话,”为什么这里有空白区?”这是解释说,”好吧,这就是文章的结尾。””好吧,我们不应该在那儿卖广告吗?””好吧,但它不是一个印刷出版。这个空间存在于这个设备而不是另一个。””在哪个设备上?””好吧,这发生在代表任何设备。这是一个假想的设备。”这是完全不同的世纪,对吧?吗?

罗杰:这是悲伤的。

杰弗瑞:最后一点:我认为对于浏览器制造商来说,在过去的日子里,我们是做web标准的事情,浏览器制造商被撕裂,因为他们有这样的人史蒂夫·冠军Web标准项目说,”你必须正确地支持CSS1中。”他们会说,”是的,我们听见了,但是有很多的细节。”同时,我们有其他设计师,代表一百万名客户想要彩色滚动条的人。我们会生气,说,”螺丝的滚动条。支持CSS1中。””

但事实是浏览器厂商无法打开客户,我认为我们在类似的拐点,浏览器制造商正在兴奋的CSS网格,他们兴奋人推动边界布局,但与此同时,还有各种各样的传统企业,像2007年那样进行布局,他们必须同时支持。我想,成为一个浏览器制造商很难,因为如果你炸毁2007 designs-I不敢说你,我不是说有因果关系,但你不能背对着客户。如果你是电视节目,你必须呼吁民主党和共和党通常。

珍:浏览器制造商非常着迷于确保Google文档运行得快,或者Facebook的渲染正确。

杰弗瑞:或者Gmail会做它做的事情。

珍:因为这是一个典型的人打开一个web浏览器。他们想使用谷歌文档,Gmail还有脸谱网,如果这些东西坏了,不管是不是制作网站的人的错,看来浏览器有点问题。

杰弗瑞:我记得一段时间在美国非常核心的Web标准项目说,”好吧,它应该休息。应该断了!编码错了!它不验证!div从未关闭!应该断了!只有这样你才能让这些人做正确的事!”和浏览器制造商,”我们不能那样做。”然后后来,”是的,当然他们不能那么做。他们业务。”在某种程度上,我可以倒在剑上,因为我是一个设计师,在思考设计应该是什么……

珍:好吧,但同时,我想-我是说,当然,有一个广泛的不同的人,不同的公司和不同的人做网站不同的原因,所有这些担忧都很重要。它不像一个是比其他更重要。我只知道自己,也许你,杰夫瑞和很多人,我们喜欢这里的小角落深深思考设计和它可能意味着什么,以及我们能够通过设计给我们的客户,利用平面设计,通过使用字体,运用巴斯德时期所运用的技巧。人们可能喜欢也可能不喜欢我们所喜欢的,他们可能会或可能不会想要的技能,但绝对是一个巨大的观众。

我也认为你又知道,我一直在思考未来,因为我认为那里的商业机会。当你走到前面,当你最终波士顿环球报航运第一响应新闻网站,而不是过去的一百一十年后,它给你一个竞争优势。并非每个公司都愿意或准备采取这种飞跃,但有些人想;一些想要在前面。不是每个人都想复制Facebook的布局。有些人想成为下一个Facebook并做一些事情……Facebook的布局在他们想出来时是原创的。还有其他人想继续做新的事情。很多人对我说,”但可用性呢?你在谈论为布局创造一个全新的思维模式。没有人会理解如何使用它。你必须像我们一直做的那样做事,因为这样用户才会知道如何使用东西。””

杰弗瑞:”蓝色下划线的链接!””

珍:是的。有趣的是,有时人们这样对我说,我认为,”你认为我主张什么?你认为我提倡一些三环马戏团crazy-town布局?”我不是。我倡导:列的文本并将其偏心而不是集中。

杰弗瑞:正确的。正确的。

珍:用户不会感到困惑!没关系如果左边框右边距的宽度的两倍。或者您的导航需要位于预期的位置,但这不一定非得像过去十年那样。

杰弗瑞:同时,你在说电影。与第一个特写,人们惊恐地逃跑。他们认为这是一个巨大的头颅,他们不明白。然后他们做到了。当海浪朝摄像机,这是一个海洋,他们乘船出去了,人们从剧院里跑出来,好像要淹死了。然后他们明白了。今天,如果你想想我们现在,想象有人从1910年的电影观看任何现代电影,他们会害怕,他们会躲在座位下面。现在,观众们接受它然后离开,”这是假的。这是CGI。”人在暂停难以置信,但寻找CGI,对吧?吗?

珍:是的,和我们的用户是聪明的,它们一直在进化,没有什么是静止的。

罗杰:他们可以找到一个“走”按钮,他们可以找到好吧如果它在左边或右边。真的很讨厌,但是他们可以找到它。

杰弗瑞:同时,我们几代人正在消亡,而且,像,我女儿那一代,他们知道如何使用一切。我生气,作为一个设计师,我走了,”这毫无意义,因为用户界面设计得很糟糕。”但是我的女儿和她的朋友们,他们知道如何去做。他们看着它,”哦,是的……”他们可以整天做心理模型。他们不一定能读,但他们能使心智模式…实际上,她是一个很好的读者,这是一个愚蠢的笑话。但她知道这之前,她学会了阅读。她读得很慢,但是她两岁时用的是iPhone。

罗杰:提出视频很有趣,因为在当前YouTube-standard视频的世界,视频是自己的层,它与其他任何东西都没有关系。如果你想输入视频,你把它的视频。你的超级或者你在软件中编辑视频。我工作的事情之一,我在缅甸有一个客户,他突然开始出版一本即将出版的新出版物,网状物,还有视频。所以,这是一个24小时直播的新闻频道,只是在网络上,然后它是一个印刷出版在中国和缅甸,或者缅甸语。该网站有三种语言:缅甸语,中国人,还有英语。你如何一起做的?一个小员工?因为还有不是巨大的收入来源,这是在一个小国家,在一个发展阶段。

所以,我们正在研究方面,你如何区分类型……因为如果你要在网上做视频,你需要头衔,如果人们在嘈杂的地方听到声音,你就应该让他们去阅读,或者如果他们在教室和他们想观看视频,而不是看老师;你必须做它没有声音。所以,画外音是没有答案的。如果你学三种语言,你必须有一层翻译,最重要的是字幕。所以,我们如何做呢?它变得非常有趣,你怎么知道什么是视频,或类型是正确的颜色,他们可以阅读它,雅达雅达...

我在荷兰的朋友们正在狂热地研究如何做出响应性的可变字体,这些字体实际上对什么颜色有服务器提示,和其他treatments-the轮廓或shadows-they可能,自动的字体,接受。这是非常有趣的东西。所以,我认为有些人愿意使用的意思是,这不是一个一流的产品,这是发展中国家正在发生的事情,他们真正想到的地方,”让它真正可靠和美观,但同时,让我们忘掉网络上的视频吧,做点别的事情吧。”我爱。这是一个很大的排版挑战对于程序员和算出算法的人,类型的人,也是。什么字体可以同时以三种语言工作,只要翻转开关?吗?

杰弗瑞:我真高兴你这么说,因为我觉得在视频是管理员,很多人甚至不考虑,而且应该。我是一个网页设计师。我想因为我有,因为可访问的视频……我知道我会惹恼Netflix,葫芦或亚马逊。我不记得。要么是Netflix,葫芦或亚马逊,我在看录像,我发现,说到可定制的,如果你去超市,你可以设置大小,你可以用黑色的轮廓,白色的轮廓,你可以把它弄成黄色……我女儿走进来,开始把它弄得非常疯狂,喜欢黄色类型与一个橙色的轮廓。但就像古老的窗户从Windows 3.1黑色金属外壳等等。用户可以使东西丑陋的地狱如果他们想,这是我处理定制,我对此很关心。

但是,我的意思是,机会来了。设置类型视频将是非常重要的,就像响应设计,有些人在他们的小手机,看有些人吹到全屏,有些人在Firefox的浏览器窗口内观看,同时打开另一个浏览器窗口做其他事情。有很多复杂性。同时,虚拟现实。网络虚拟现实是一种新兴标准,和类型的虚拟现实导航,现在人们思考不够。我希望看到……我敢肯定类型网络正在考虑这件事。它的类型上有经验的曲线,而且是较低的雷诺数。

罗杰:好吧,这是有趣的。我不认为你正在谈论的定制是通过用户的大部分。我想我们很高兴能把这种类型做得更大,但是实际上有多少人这么做?10% ?我不知道。这不是一个很大的数字。

杰弗瑞:需要它的人。

罗杰:挣扎的人们。但与此同时,如果你能找出它是什么,如果你能追踪他们的经历……还有一件事马修•卡特说,”可读性就像80%的熟悉度。”就像web标准你说什么或者web约定;它们并不是真正的标准。如果你违反惯例,有时你会失去人。与此同时,你不能期望他们填写表格的选择设计。但是如果你听到从他们以同样的方式我们了解设备或他们的窗口是什么,如果我们能找到他们发现更容易阅读,这样我们就可以做得更像那样。这是一个算法问题这是一个多用户的决定。

杰弗瑞:这几乎是一个跨站点的问题,也是。想象一下,如果只有一个排版层抽象从你个人网站注意到一段时间后,”哇,当这个客户去他们推动网络类型字体大小,然后他们去了一个列表他们提高了字体大小,然后他们去了纽约时报缩小字体大小和改变了……所以,似乎是什么他们真正需要什么?””

它必须非常聪明。就像,好吧,也许他们这样做是因为列宽,或者他们这样做是因为他们在哪里观看,或者……但是复杂的机器学习层……我是说,现在我们有一个原始的例子,例如,我可以告诉我的iPhone,我需要一定的最小类型大小的软件支持,然后我使用一个支持它的Twitter客户端,我的字体更大。假设我使它稍微高于中间,因为我的眼睛不是和以前一样好,所以我比平时大一点,而另一个软件设备不这样做。但是,这是操作系统中提取。

罗杰:用户。

杰弗瑞:是的。

罗杰:好吧,我认为你想要用户串通一气,但你不能指望他们会去做。

杰弗瑞:所以,想象在一个层,存在…我不知道它的存在,也许相同的地方that-forgive我,我要说AMP。可以,我很抱歉,我讨厌AMP。但它存在于某个地方,它被保存的地方,或它的存在,谷歌字体存在。也不需要谷歌,它可能是其他地方。你选择加入,它跟踪你,开始调整字体大小为你更基于看你做什么。这会对设计师有帮助吗?这对于用户而言是有益的吗?吗?

罗杰:我认为这是不可避免的。我认为在相同的方式,亚马逊给你你喜欢的东西,或者它认为你喜欢,而且相对成功,我们会看到影响布局,也是。和印刷层,也有一些很有趣的事情发生在语言。因为,越来越多的,您的设计必须以多种语言。世界正在全球,我们希望能够与人沟通不一定说英语。所以,那么会发生什么呢?这是另一个问题编写规则,这样的布局可以适应中国,这是一个功能不同的事情。这样做不合理;整件事是不同的。正是这些小方块非常浓缩。你可以得到更多的中文文本在相同数量的空间可以用英语或任何拉丁语言。你知道的,一个人说,”忘记图标。我们可以学习中文和我们可以把中国的字形的每一件事我们需要触摸。”这并不是一个坏主意。我的意思是,我们可能都应该学习汉语。

杰弗瑞:Jen在她的一次谈话中,谈论我们充当如果设计结束在1960年代和1950年代在瑞士,我们都是做这一件事,这种基于网格的Helvetica处理事物的方法。那太好了,但还有数千年的平面设计来自亚洲文化和阿拉伯文化的历史和其他地方。在我看来,如果你设计一个中国网站,这是一个完美的机会,不让西方基于网格布局,根据瑞士排版设计惯例,但实际上,亚洲传统平面设计才是如此,这是,毕竟,建立在这些语言,和在网络上使用。

罗杰:是的,他们在我们之前排过字。

杰弗瑞:的确。

珍:有趣的是,因为一方面我真正想要的那种平面设计行业,20世纪的传统平面设计教学和理解,来到网络,因为我认为有很多的权力。但另一方面,我与它斗争,因为它是如此傲慢自大,绑在白人至上的思想和西方文化霸权,而且,”这是正确的做事情的方式,”而且,”这是做网格的方法,这是排字方法,这是使用字体的方法,这是做任何事情的方法。”我不想到处传播那些想法。我不想我们都去,,嘿,我应该如何使用网格?哦,让我看看这些专家,从这个特殊的文化——这些特殊的人

罗杰:从包豪斯…(笑)

珍: ,听取他们的意见。

所以,我一直在努力教育自己,因为,也,我没有平面设计背景,我没有受过那种正式的训练,所以我一直教我自己过去两年……但是平衡的我不知道,我有三英尺的西方书籍和一只脚非西方的书;我真的希望这能平衡得更好。努力学习阿拉伯语的设计,学习就像日本的传统线网格,特别是在垂直布局,所有的规则和细节…它不像单独发生。层层叠加的,肯定是被层层叠加的现代观念和想法的20世纪中叶,把事情摆好,严谨,有章可循,和遵守规则。所有这些已经来回。

但我确实认为这对于网络产业很重要,当我们开始在这个新事物,学习CSS网格并考虑布局,和学习全新的技术布局,以全球眼光这样做,并且不落入”好吧,这本书我已经在瑞士使用的网格,或者使用网格,我们都应该这样做的。”不,这是的方式。它可能是很酷。有些想法我们应该考虑,也许我们想把那些想法带过来,但我们不要全都买你知道……

罗杰:印刷地,有完全不同的约定。除了用阿拉伯语阅读,或者印第安文字和阿拉伯文字中的书法传统,在非常古老的中国或日本或韩国,你必须根据上下文以不同的方式连接字符。大多数排版系统试图迫使西方模式,这并不一定那么成功。现在,在中国有不同的事情发生,适合所有的人物的广场,我想当他们开始打活字时,当他们制作木字体,之前我们做过广场为他们提供了前所未有的方便。所以,他们把信压扁了。700年之后,人们有点习惯了,到800年,然而时间的。所以,如果你将中国书法引入网络,人们会抱愧蒙羞。这就像,”这是什么?这是滴下,我不能理解,我看不懂。””

而在德瓦那加里,或者孟加拉语,或泰米尔语,或者印度的其他主要语言,不能进行良好的结扎会使阅读变得困难。我的意思是,第一个字体在印度的世界是如此不可读,印度的孩子都在手机短信拉丁语。他们用拉丁语拼写自己的语言,因为他们看不懂该死的德瓦那加里语。在缅甸,一直如此柬埔寨的情况确实如此,一直到所谓的婆罗门文字文化,这是很难适应电子设备。现在正在发生的。谷歌实际上是带路,在很多方面,就这点而言。谷歌已经50梵文字母字体在谷歌字体。这是一种很神奇的。但它仍然是作为单独的符号设置类型。

变字体,我们可能不想进入,有一个人喜欢的机会约翰哈德逊有讲过,使用HTML中的连字符表来查找应该如何连接印度语言的连接。这将是只有多少我们可以成为流体和美丽。对西方人…我的意思是,这些语言我都不会说。我看着约翰哈德逊错字实验室柏林,你可以在YouTube上看到。这是如何发生的一个惊人的想法。然而,你需要知识就像他能够理解它是什么,我们需要做的。我认为这是全球挑战。我们将快速移动到一个更加复杂的世界。

杰弗瑞:有这么多的,再一次,解压缩,但是我想只关注变量字体一分钟,如果你不介意的话,因为我知道你们是非常困难的工作。跟我说说吧。

罗杰:你想知道什么?吗?

珍:它是什么?吗?

罗杰:我认为最简单的方法理解变量的字体是几个风格的字体,字体的家庭,推进一个字体文件。所以,你可以大胆的和光线在同一字体。而不是两个或12或15到一百个不同重量的变化字体在不同的文件中,在你的字体菜单选择,他们都能在一种字体。使用CSS,你可以说,”可以,我想把机器的重量,”如果浏览器愿意,字体就会做出响应,我认为我们看到的。所有的浏览器都在创建一个界面,您可以这样做。所以,的第一次迭代变量的字体,因此,随着这些重量或宽度或大小的变化,现在正在大浏览器的开发版本中发生。

杰弗瑞:他们在做字体和一些新的CSS吗?他们和SVG一起做吗?如何控制类似的东西,不是写CSS时设想?吗?

罗杰:好吧,一个变量的OpenType字体是一个版本。这是未来的事。所以,这些字体是在网上下载的,就像下载TrueType或OpenType字体一样。诀窍是然后指定你想要变化如何在页面上发布。这需要一点学习曲线,但有一些界面,人们正在致力于为字体中的三个或四个不同轴设置滑块。现在,谷歌苹果微软,和Adobe已经接受了这些fonts-weight,前三轴宽度,和大小-因为如果您有一个字体而不是15个字体,页面加载更快。所以,有一个改善每个字体文件大小的30%。现在,如果你是YouTube上,你也许不太在乎这个。但对于谷歌来说,正在下载的文本的数量在世界上是一件大事,同时这是一个很大的数字。

杰弗瑞:我就是这样理解的:如果我在布局中使用Adelle Sans和Adelle,理论上,它可以是一个包含正确字形和衬线的可变字体……吗?

罗杰:是的,你可以有衬线的轴。所有这一切开始的时候,我们在多个大师那是几年前Adobe干的。

杰弗瑞:对的,,自动取款机,20年前。

罗杰:是的。然后,与此同时,有一种叫做无路径的项目GX在苹果公司。如果你现在看看Mac上的操作系统,有一种字体叫做Skia,它是基于希腊铭文。那是一个美丽的字体,和它实际上是一个变量的字体,这是在TrueType GX完成。这就是我们现在正在做的模型。当Google听说GX 20年前在苹果做了什么,他们说,”这可能是网上真正的节省!”所以,谷歌大动力来实现这一点。

所以,他们雇佣了我们公司,类型网络,两次演示字体,全部在GitHub上。如果你去GitHub和查找阿姆斯特尔瓦,或除法,或者,如果转到类型网络站点,你可以找到这些字体,你现在可以使用它们,你可以从GitHub下载它们。typenetwork.com网站上有一个相当有趣的演示。Amstelvar使用这三个主要的轴,很令人兴奋。然后Decovar使用许多其他的,包括终端和衬线在字母上的工作方式,茎秆和材料内部的装饰。所以,它向您展示了变化的潜在设计潜力,这真的很有趣。这些都是由大卫Berlow

珍:好吧,我的理解是,例如,如果我想使用Goudy现在,如果我想去得到自己一个web字体,下载,在我的网站,并使用Goudy我的身体像复制品,好吧,酷。哦,我想用斜体字写点什么?好吧,的人也许不知道他们在做什么就说,,字体样式:斜体;;和繁荣,你完了。但如果你真的知道很多关于排版,你会意识到,不,我们不想把常规的字体和侧面,像倾斜的。我们想下载斜体字体,因为斜体字体更漂亮。

可以,所以现在你有两个字体:你有Goudy Goudy斜体。然后我们要做一些高亮呢?可以,我们有大胆的。我们需要加粗斜体的吗?可以,嗯,总共是四个。但这是太多的数据,所以,让我……我不打算在我的网站上使用粗体。可以,为什么?好吧,的原因。所以,我有Goudy,我有金胆

但现在我想做的我在Goudy H1标题,同样的,但我真的不应该把我的字体是为14或16点类型和36分,因为它不是真的那么美丽的如果我得到Goudy显示字体。所以,我得到Goudy显示。但是我需要Goudy显示大胆吗?或者,实际上,他们有一个黑色和一个光,和他们有一个…你可以得到…

这将是,好吧,我们只有一个字体,一种字体知道,,嘿,当你小的时候,如小版本的字体,当你长大的时候,就像字体的大版本。当你斜体,斜体实际上被计算并手动编码为相同的字体,粗体被手动编码为相同的字体。

杰弗瑞:这就是我们看,罗杰,对于像Decovar这样的未来?吗?

罗杰:是的。我认为……斜体字是最大的挑战。您可能最终会得到单独的斜体字体。但是在简单的斜体字中,像Avenir斜体,主要是倾斜的,只是有一些变化的一些终端更斜体。

Decovar所展示的事情之一是可以更改x高度,你可以上下滑动,或者你可以让其他有趣的变化。我们听到谣言说Adobe在不久的将来会支持这些字体用于桌面排版,也许在第三季度或者在今年第四季度。这是有趣的。我的意思是,这是有趣的,他们这样做。因为现在我们讨论的是网络。但是在网上我们有很多SVG文件作为标题,静态类的东西不需要排版,所以涉及到品牌和所有这一切。当然在打印出来会很有趣可以使标志,您可以使文本符合相同的矩形,可以为不同的词——“棒球”和“篮球可以安装在同一个矩形……

杰弗瑞:我想做出响应的标志,例如,那只是图表,然后一定规模以上的马克,然后在一定尺寸以上是标记和类型;然后是类型,也许有两种不同的变体。即将来临的;那马上就要来了。

罗杰:好吧,我认为非常,很有可能的。有一个有趣的网站叫做Axis-Praxis,,劳伦斯Penney的网站,你可以去.-pr..org。你需要一个兼容的浏览器,像Safari的构建。他有一些有趣的事情,你可以玩现在。我认为你将使用SVG,我们可以把字体。我说的是用于广告的桌面的东西,或出版设计,你想打印出来,不仅仅是网络。所以如果Adobe进入,和他们的一个关键成员这个财团的推动,整个世界可能在今年晚些时候开始。已经发生了,而且所有的浏览器都在使用它。我认为设计师的用户界面,我们设计这些东西的界面,仍然悬而未决。

杰弗瑞:我想我们得打包了。我们要放轴心实践在展览中指出,和类型网络在节目记录中……

罗杰:就这些吗?吗?

杰弗瑞:不,我可以整天都这么做。你们太聪明了。我喜欢和你聊天。它甚至让我感觉更聪明,还有很多东西要学,很多东西要玩。我希望人们继续阅读。我们会有labs.jensimmons.com在展览中指出,这是简在哪里显示的布局就可以完成,例如,在CSS网格中,我们甚至没有进入。我想在未来做一遍,因为有这么多的。但是我很抱歉,我的朋友们,我想我们得把事情总结一下。

罗杰:它是乐趣。

珍:非常感谢你邀请我。

杰弗瑞:谢谢你们俩。

罗杰:非常感谢。谢谢你听。

杰弗瑞:谢谢你!谢谢你!

”>

机械时代的排版可以教我们布局和排版今天和明天的屏幕吗?在翻页的商业模式是什么?排版能鼓励长篇阅读,而不仅仅是扫描吗?什么是最令人兴奋的领域的前沿实验在排版技术和数字布局,我们需要什么新技能来设计明天的网络内容?吗?

我们在谈论什么

  • 时代的布局和排版是如何连接的金属类型,为什么他们会再次。
  • 如何避免被当今设计者可用的所有工具和字体所淹没。
  • 网页布局的历史,无需多设备阅读和轨道出版意味着出版物设计的实践。
  • 远离框架;将创造力带回布局。
  • 布局打破模具(以及如何鼓励他们)。
  • 帮助读者觉得自己像一个合作者。让用户定制的新浪潮,以及它如何影响我们的设计。
  • CSS网格及其预兆。
  • 为什么它是好的尝试新布局的想法(为什么用户不会成为困惑)。
  • 实验性的,响应变量的字体。字体可以同时工作在三种语言,只要按一下开关。
  • WebVR和排版。
  • 摒弃了普遍认为20世纪50年代瑞士的布局是优秀设计的最后决定因素的观点。
  • 中文排版的挑战,日本人,韩国人,孟加拉,泰米尔人,和其他语言。
  • 可变字体。它们是什么,和他们潜在的更多的排版能力以更少的带宽。

特色

成绩单

Jeffrey Zeldman:你好,欢迎来到一个列表必威官网网址多少事件。我在这里与珍西蒙斯和罗杰黑色。我的名字叫Jeffrey Zeldman我们这里在网上说话排版和布局。早上好,每一个人。

珍·西蒙斯:早上好。

罗杰·布莱克:早上好。

杰弗瑞:Jen你考虑过版面和排版以及它们之间的不可分割性,或者没有。你想也许踢做事了吗?吗?

珍:是的,我们只是聊天一点我们开始录制之前,关于排版和布局,今天早上,我又在想如何,我认为我们喜欢最近两年的网络产业,在过去的五年里,我们真的在印刷术上做了很多工作,对印刷术思考了很多,如何你选好字体,你怎样将它们配对,你如何决定每一件东西的尺寸,你怎样建立一种节奏或者使它看起来漂亮。

但在所有这些交谈,尤其是网络但是,即使有时候你正在考虑InDesign——谈论排版或者阅读排版书籍,这是关于字体和类型的详细信息。但如果你回想一下设置金属类型,或者你特别回想那个时代,那时Linotype机器占主导地位,打字机来自这个疯狂的玩意儿,这个巨大的键盘和熔化的铅被喷射到这些机器里,这些机器在移动、咔嗒嗒嗒嗒嗒嗒嗒嗒嗒嗒嗒嗒而在另一端,会出现这种类型,这个字面上的金属线……布局,实际的布局,以及字体,完全相连,他们是一样的。

我第一次想到这个是因为我被邀请在一次排版会议上发言,我有点像,,但是我对印刷术了解多少?吗?作为一个将字体设置为设计师的人,我知道,但是我没有排版的专家。然后我想,,不,但版式和布局,现在我们把它看成两件事,但是我们总是认为这是一个。过去只是一件事。

罗杰:在那个时代,是有人在中间,排字员或排字员,实际上,在过去,知道一些事情当我的工作纽约时报在80年代,他们仍然有这些做pasteup ex-Linotype运营商,这是一个小羞辱,但他们实际上知道什么类型。在这个工业专业化的时代,我们有过这样的情况,这些技能被投入印刷部或作曲室,或打印机,和编辑忘记怎么做的东西。如果你走得更远,你让本杰明·富兰克林自己定型。那是一种不同的手工排版,和我们现在的回。

杰弗瑞:那真的很有趣。你是对的。我是一个出版社,这是我做的一件事,但我一开始是在网上写作和设置打字的,在某种程度上,我能做到。有趣的是,我记得在广告中,同样的,我们也一样-我在80年代末/90年代初开始做广告,我们有一个家伙,他会来和我们买饮料的基本上,我们会规范类型通过观察标本的书和猜测,他会来的,然后我们将削减分开他的pasteup刀片…珍,你还记得吗,也是吗?这段时间你在工作吗?吗?

珍:是的——

罗杰:她没有那么老。(笑)

珍:不,我是在pasteup受训。我开始在pasteup。

杰弗瑞:这是惊人的,

罗杰:而且字体数量有限,因为那是排字机所拥有的一切,或者无论你出版。平面设计师的角色可能会添加更多的领先或看看是否有另一个点大小可以使用。但通常在报纸或杂志上,严重限制你的选择,真的没有很多字体。的一件事,我认为当前设计师眼中的扩散字体。有数万种字体,其中许多免费的谷歌,或者你向上走一步,然后去Typekit,你只花了一点钱,但是你有大量选择。令人困惑的人。

杰弗瑞:罗杰,你当艺术总监已经几十年了,但你也是类型公司的共同创始人和共同所有者。事实上,你是我们搬到了webfonts的原因之一。我的意思是,我记得这个开始一篇文章从Hakon谎言,就像12年前一个列表。就像,,你知道的,我们应该有网络字体,因为CSS会支持它。我们该怎么办?吗?

罗杰:时间很长。1997,20年;有一个解决方案webfonts社区拒绝了。这是微软的测试结束的文件格式,我们不需要讨论。但在IE4中,他们支持@font-face在HTML W3C标准规范,和很高兴。但我们说,”这不是一个标准,不开放,我们不喜欢这样。我们宁愿使用Netscape的解决方案,”然后网景消失了,在那之后很多年里有很多阿里亚尔。

杰弗瑞:珍,你现在在没有Netscape就不存在的地方工作;所谓后裔,网景的孙子,这是Mozilla火狐浏览器,就像三代人一样,也许是五代,在渲染引擎方面,从一开始……

罗杰:城市香槟

杰弗瑞:Mozilla真的相信开源和开放字体和开放网络之类的东西。我知道你和珍一样,作为Mozilla代表你不在这里,但是,它一定在一定程度上影响了你的视角。

珍:是的,有一件事,直到我加入Mozilla,真正有机会花更多的时间研究CSS的细节和实现,并将一个浏览器与另一个浏览器进行比较,我才知道,看看Firefox,看看缺少了什么,我们需要什么,我们CSS应该优先考虑…Firefox有很好的支持字体和排版。还有一些关于CSS的细节,我们可以使用但是并不是每个浏览器都真正支持它,所以人们犹豫地使用它。一遍又一遍,我去检查,,我们把这个放在火狐里了吗?我应该提倡这个吗?吗?大多数时候,一切为了排版,就像,,哦,我们已经这样做了。我们几年前就这么做了。我们正在等待其他浏览器赶上这一点。

但是我认为你是对的,罗杰。我认为有很多工具设置类型和决策时使用什么字体,如何设置的所有细节,它变得非常强大。人有点不知所措,像,他们需要知道什么,以及如何做好工作。

罗杰:今年早些时候,Jeffrey联手在波因特,我今天在哪里,波因特学院在圣。彼得堡,,波因特设计挑战。我们请五位设计师想出一个更好的排版解决方案或出版解决方案,更好的阅读和布局网站解决方案。而且,非常,非常简单的HTML的原型,你可以找到在Zeldman.com网站上,说,”嘿,让我们只用一些印刷规范,我们已经有很长一段时间了,拉引号,副标题,还有漂亮的字幕,还有各种各样的东西。”他写了一个HTML规范,它很有趣,当我们看到很多网站排版,主页可能非常令人兴奋,但是你要进入基本故事页面,它们非常恐怖的。我们有经典的新闻故事页面,而且,你知道的,文本被各种各样的广告和其他垃圾,然后一堆,你知道的,种Taboola小玩意儿在底部,和其他事情打断,而且很难读懂。这就像几百年的排版历史被完全忽略了,试图获得一些点击。这就是其中的一个我认为,印刷方面的巨大挑战。我们如何规避的商业模式使这些丑陋的页面?吗?

杰弗瑞:但是你没有注意到,相反,就这样,比方说,一些较大的报纸,像washingtonpost.com,newyorktimes.com,这篇文章的页面已经很漂亮一段时间了,他们使用大字体,非常可读的布局……

罗杰:是的,或中等。

杰弗瑞:是的,媒介。

珍:大西洋是一个非常伟大的人。

杰弗瑞:纽约客网

珍:《纽约客》,的大西洋,和纽约时报,对我来说,三大领袖创造更美丽的布局。

罗杰:为什么你认为他们成功吗?因为他们有更多的钱,还是别的什么?吗?

珍:我认为国内政治中发生的一些事情,可能在他们的用户研究,他们能说,”嘿,杂波,杂波,广告,广告,好可怕,可怕的。人们不想要这个。让我们把书页整理一下。让我们找到一个方法来获取我们需要的广告,在纸上但用这样一种方式,使广告客户和用户快乐,读者,多,更幸福,”而不是因为广告模式而放弃一系列关于布局的假设。

杰弗瑞:那些报纸有商业模式-

罗杰:这与他们的商业模式不符。

杰弗瑞:对的,我们说的是一样的。是的,这些文件有一个商业模式的部分订阅,这样他们就可以进行更多的实验。我也认为他们必须。我相信Rich Ziade的可读性几年前的项目,现在几乎已不存在的,可悲的是,但如果你使用Safari,一个早期版本的Safari浏览器内置的;如果你看文章,这就是可读性1.0。

但我相信有巨大影响的意思是,它在我身上。就像,看了一会儿之后,我就是,我不能让这些东西乱七八糟的……我喜欢我旧的乱七八糟的布局,我也喜欢认为我太好了,可以把乱七八糟的布局做得不乱。我突然觉得,,不,这是废话。让我们消除一切无关紧要的。让我们去掉尽可能多和一个好的阅读体验,让你坐下来。那是我的另一件事。在newyorktimes.com页面,你真的向后倾斜和分析新闻,而不是向前倾斜,眯着眼。我认为,身体上,如果你相信有一个身心连接身体,那些设计师说,”坐下来,想想我们展示。不要把它当作福音。这些都是事实,我们理解他们。你怎么认为?””

珍:好吧,而且,你知道的,”我们会给你们留出一些空间,让你们真正思考,”就像你说的,像,”而不是扔这么多废话,你需要立即跑了。所以,你必须读,扫描,快,快,离开这里,因为我们在追赶你。”是这样的,”不,不,不,我们不会追你。我们把大量的时间和精力。””

罗杰:是有趣的观察接受这个想法,人们不读你的桌面出版,或者只是在一个地方。你去纽约时报,你去中学,有时,你在你的手机上,有时候你可能有一个平板电脑,你可能有台式电脑,你可能有一个巨大的屏幕,就像我在看你们一样,这是一个60英寸监视器。

杰弗瑞:就像我们在CNN一样。而且,不要忘记轨道含量,人们根本不必阅读你出版物上的内容。这说明了我们在布局创新方面的自由,如果我们创建的内容是可以接受足够好的地方吗?我们从……走了,对吗?这是可读性,背后的威胁这对于那些不记得了,这是一个设备,删除所有cruft-I应该早点说。它把所有的垃圾从布局中移除,所以它很漂亮,可读的…

珍:杰夫瑞我认为有一个好的机会,人们使用这些工具很多,而且我们没有任何关于它们的统计数据。谷歌分析不告诉你有多少的人来到你的网站点击reader-mode按钮。Safari reader-mode按钮,Firefox有一个阅读器模式按钮;Firefox已经将Pocket直接构建到浏览器中,我们正在研究如何给人们提供更好的阅读体验,尤其是当他们离线时,他们在火车上跳,他们跑来跑去,太多的网站是垃圾。我的意思是,我在过去的一周里点击了链接,我只是-我本来希望留在网站上,在他们的排版和所有内容中看到它,但是我真的不能。这使我身体不适;这是一个如此疯狂,凌乱,匆忙混乱。

杰弗瑞:是的,是的,是的。可读性用来提供这些数据。我相信水银阅读器提供了这些数据。我不确定,不过。

珍:是的,有趣的是,你知道的,人们总是痴迷于我们有多少IE6用户,或多少IE10浏览器用户,有多少IE11.…没有人问有多少人甚至不留在网页上,因为我们的设计是如此糟糕。这个数字可能很高,但我们不知道,因为我认为我们的任何统计工具都不能衡量有多少人使用像可读性这样的工具,或口袋里,或者稍后再读,或者读者模式,或者Instapaper……有很多方法可以做到。可能是40%的听众,你会不知道。

罗杰:是的,我认为翻页的商业模式,基于受众,你让尽可能多的人浏览网页的想法……这确实是老式的广播模式,这是当出版商走进网络,他们想,”可以,这是我们的机会……我们广播,我们可以有一个巨大的受众,让它在广告。”他们中的一些人,这是工作;对大部分孩子来说,用它不是。但它以一种可怕的方式扭曲了阅读体验。你所要做的就是比较大多数网站,传统的文本页面Kindle……

在电子书领域,印刷术,你可以抱怨字体选择之类的东西,但一旦你设置点大小,你喜欢工作在你的设备,它也许没有比廉价的平装书,不过还不错,你可以阅读它,你知道你在那里读书。我不认为事实——试过了,就像当时的“可读性”一样,我们在做TreeSaver,业务模型不支持这一点,因为它没有获得页面视图。读2,千言万语的东西并没有真正在网络上得到珍惜。这不重要。重要的是开始,出现,然后他们计算你。

杰弗瑞:印刷术能帮助克服网络阅读者长期以来的习惯吗?的,,我要读标题,浏览几个段落,我想我已经读过这篇文章了?吗?好的布局真的能吸引人们通过整个体验吗?吗?

罗杰:我认为是这样。我的意思是,我希望如此。什么是好的布局?你的字体设计原则是什么?吗?

杰弗瑞:我认为这取决于工作努力的方向。现在,我在做一个电子商务网站,我试图应用一些相同的原理。我还处于草图阶段,这对我来说最有趣。但是很快我就必须致力于像素,我想带一些相同的思考的经典,大,可读性强,参与网站排版,就其本质而言,页面上必须出现很多内容。它不可能是一个简单的阅读器布局,它必须是很多东西让你浏览和决定并单击弹出窗口和各种各样的东西。我想我的回答是,”这要看情况了。””

但珍,在某种程度上,您已经抽象了布局层。你目前正积极地研究布局,并不是为了它自己,但是怎样才能布局呢?。而不是开始,”可以,这是新闻版面,所以让我们用新闻的方式来做,这是一个医院的页面,让我们使它看起来像一个医院页面,”你会,”我们可以用这个页面做什么?”谁是那位伟大的艺术总监,罗杰,来自like well的广告,有一群,但在60年代的人,是[鲍勃]盖奇吗?他们问他如何保持灵感,他说,”我只是不停地寻找与页面相关的新内容。”我认为我们有机会在网络上并没有真正使用它。

珍:是的。我的意思是,你知道这个,杰夫瑞因为你已经看到我在很多会议上讲话。新技术的发展也同样如此,一旦我们最终有了字体和字体使用许可@font-face,突然有这个新时代的网络排版。因为CSS电网运2017年3月,近三个月前,我们现在有工具布局的方式要么是完全不可能的,或者有可能,但这是费力;只是有点太难了,或者太花哨了,或过于脆弱,真正值得做的事。

现在使用CSS网格,但与flexbox也,与多列布局,具有箱子尺寸:边框,这样我们有很多的事情。我认为我们真的需要离开使用框架,我们从一些第三方网站下载,只是把一切变成其他人使用的布局,问这个问题我们正在构建的页面的工作是什么?吗?也许这是一篇文章,也许不是。可能是一个接口,也许这是一个商店,也许是别的原因。人们是如何试图使用它的?这是设计。他们想干什么?我们的用户想要什么?他们需要什么?他们在挣扎什么?吗?

我们如何使用设计,我们如何利用布局更好地服务于他们,真正做一个这样的经验,我们想要的,这是新的篇章,或更容易或更优雅的使用,如果这个项目价值合适,或者能够帮助人们完成他们来这里的工作?我有一种感觉,我们会看到布局的巨大变化,我们要回顾三年后,五年之后,这将是真的清楚之前和之后,我们正处在页面布局发生巨大变化的临界点。

杰弗瑞:我同意。你的所作所为激励了我,我一直关注你的文章,betway体育注册和你的会议上露面,而这一切。我也有一个小故事。我做的事情之一就是每隔一个学期,我就在美国视觉艺术学院任教。MFA交互设计项目,这学期我有一个学生,Ritwik Deshpande,他是个聪明人,他是一个记者在印度。他对音乐很感兴趣,尤其是在合成器,他对创造性的网页布局非常感兴趣,并发现整个网页都是可读的,培养基,这整个事情的发生,这在某种程度上是非常好的,因为它使报纸可读,另一方面是把这千篇一律的一切。他是在相同的珍的到来。

所以他,为他的项目,决定做一篇关于合成器的文章,因为每个人都以同样的方式学习音乐合成器。他们看这些教学手册,没有相互作用,没有动态交互…实际上,基本上,他设计的东西在某种程度上就像你在儿童博物馆看到的一样,像,这是一个正弦波,这是一个方波,下面是您与这些东西交互时发生的情况。他使用JavaScript和CSS使这些小互动模块,显示non-synthesizer球员与合成器。他用解释性的文字来解释它,和他做了一个自定义布局,解释这一切。

原因我不得不帮助他与他的论文就像几乎所有我感兴趣的在一块,因为它是关于音乐和合成器的,我过去常常这样做,我过去常常弹奏它们;和它是关于web布局,大约,,如何进行这种交互式学习?吗?所以,这是everything-education,写作;页面什么时候可以不再是一个体验,成为不同的东西;之前你能走多远,人们变得困惑和需要传统段落的安慰吗?他打算对此做更多的事情。这不是一个产品。

同时,我喜欢它,因为通常情况下,当你有毕业于交互设计硕士学位的人时,我说通常情况下,”但这只是几年前的事,但通常他们只是想制造产品。这位先生,Ritwik,基本上是试图让自己是一个平面设计师的学习经验,作为一个交互设计师,作为基于合成器的音乐的粉丝。我只是觉得,这很棒,因为它让我想起了老网站:我会做一些不存在的酷的东西,因为我对这些东西很好奇。我想念那件事。我喜欢我们新的职业精神,但是,我很想实验因其自身原因。

珍:我,也是。

罗杰:是的,只是复制代码太多了。

杰弗瑞:是的,特别是当-

罗杰:我们从一开始就这么做了。

杰弗瑞:对的,但是我们没有-如果我做一个两列的布局,我没有把它作为平台发布。

珍:还有一个品牌。(笑)

杰弗瑞:对的,这听起来有点贬义。但是,老实说,什么人用引导,它是如此复杂。我不是诋毁。我没有比较我愚蠢的两列布局的90年代。这是一个大问题。我想瑞秋·安德鲁实际上谈论过,在里面她2015年的文章,在她的圣诞出版物中……

珍: 24的方式

杰弗瑞:谢谢你!她说,”我们告诉每个人,嘿,web标准允许你单独的这种结构化内容从这个ugly-you可以表示明天,你可以改变它,你不必……但是随着人们想要越来越复杂的、像应用程序一样的、具有层次和所有内容的布局,这是一个谎言。”你最终不得不写HTML内容,你知道的,边栏的div。你不需要,但是如果你想做某种布局,你必须这么做。它变得如此复杂,引导就像,”嘿,不管怎样,如果你打算这样做,我经历的麻烦为你这么做,我有回退,那你就到这儿来。”你不能责怪这个行业抓住的。

珍:我觉得看历史的轨迹与布局,短弧,我感觉引导和其他工具,喜欢它基金会,还有其他的;,之前他们有960网格悠悠我认为是第一个,雅虎用户界面库——这是有原因的,我认为我们需要他们。我认为我们进入一种情况我们需要船工作,我们仍在试图找出响应网页设计是什么意思,我们花了很多时间重新组织我们的整个工作流程和团队,以及它是一个客户端,或者是一个内容团队,一个设计团队,一个工程团队,意味着什么……由于响应性网页设计,我们不得不重新组织我们的整个组织。所以,我们有很多事情要做,达到引导或类似的东西,这是一个很好的权宜之计,无论什么。但我认为那个时代已经结束,我认为有很多公司,很多人都会这样,”你在说什么,珍?没有办法。”但三年后,你会变成,哦,天哪…

杰弗瑞:我还认为有一个初始阶段,我是说,罗杰,你是个例外。人训练有素的设计师,谁知道他们在平面设计和艺术指导方面在做什么,成为网页设计专家权威是一个例外。大多数时候它就像哲学专业和英语专业以及没有设计背景的各种人。那时候像罗杰这样的人越来越多。所以,就像那一代人一样,说,,杰森·圣玛丽亚代表。人去艺术学校,去了设计学校。有很多设计师喜欢他;就像下一波一样

罗杰:了解他们的历史。杰森知道历史。

杰弗瑞:了解他们的历史。但是现在有一个新一代的设计师,我想说,谁认为自己是产品的人,产品的人是谁,还有谁真的认为这种布局和所有那些工作都是他们的助手要完成的次要工作,我认为这在某种程度上可能会伤害我们。组织听我们说,”是的,设计是非常重要的!你是对的,我们会有一个内部的设计团队!”但是他们没有实际的实际操作设计师来运行这些团队。他们的产品和营销人并非设计师在很大意义上,“大D设计师或这到底意味着什么就随他。你知道我想说什么吗?吗?

珍:是的。

罗杰:是的。

杰弗瑞:通过实际设置类型和所有这些东西的技巧出现的人很少。青少年所做的东西,他们的,就像罗杰一开始说的那样,被这些字体,所有这些选择和所有这些工具,而年长的人不会为版式和布局而烦恼。他们正在考虑用户保留和新员工培训和所有这些东西。我想看到一些产品人也,或者我希望看到更多的尊重,除了这个方面,我们还展示了设计的那个方面。

罗杰:在最后一天,我有一个大在Facebook上谈论摄影,的封面《新闻周刊》,的滚石,和士绅,我认为这个问题看起来很奇怪。看到人们在谈话中跳跃的样子真令人着迷。有个来自新加坡的家伙刚刚发表了评论,”好吧,最终它必须掌握在读者手中。读者会做出决定的。”我想,在所有这些对话中,有一件事情是关于我们在网络上进行排版或布局,或以数字格式,是不是忘记了一点,我们正在做的是传达一个信息,读者和用户将理解和享受。他们会接受的,他们会得到一些东西,他们会回来的。但其实这个作者和读者之间的点对点通信的排版。

发生的的一件事是,读者有比以往更多的信息。在过去,一个平面设计师经常把自己或自己当作艺术家,思考大的想法。你会伸展画布,然后做木炭或蜡笔,然后你油漆,然后你会有这美妙的事情,你会让人们看看。所以,这是一种自上而下的沟通。但是在平面设计,在杂志、报纸或广告中,或在网上或印刷品上,真的想把这个“道”传好。

天意如此认为的响应,整个响应运动教给我们一个重要的教训,不是关于帆布广场,这不是一个8.5的11日或者我们正在处理的1200像素宽的问题。我们不知道我们正在处理。现在有这么多该死的设备,和媒体查询并不总是告诉我们答案。它知道它是一台iPad,但它不知道这一代或…我们没有得到好回去报告实际上是屏幕的密度,或渲染方法。我们的猜测。我们说,”可以,就是这些,这个百分比必须是这样的。”但是很多出版物和广告,我明白了,如果我在不同的设备上查看它们,我不能读或太小了;或者线太宽,这是最古老的web-typography难题太多一行上的字符数所以很难阅读。

但当前状态。我认为现在图形设计最令人兴奋的事情就是与用户和读者的联系。我们开始了解他们是谁,他们想要的东西,我认为,最终我们正在试图做的机器学习在服务器端会通知页面布局,这样人们可以更容易阅读,有更多的享受。不,我们要求他们任何问题;我们就看他们喜欢什么,给他们更多的,看看有什么作用,会议时间是如何被延长不同种类的东西。度量标准将开始回复我们,并开始修改页面。如果我们允许一个变量的格式,然后我们可以得到神奇的事情。我的意思是,他们可以选择自己的字体,如果我们与他们合作,他们可以做他们自己的颜色和布局。只要我们这样做,一旦我们得到了读者,那我们就是天才了。那么设计就很棒了。这是一个巨大的挑战。

杰弗瑞:我对此有复杂的感情。我喜欢定制的概念。我认为定制非常重要。我们总是说,网络是一个谈话。我们过去常常在没有评论之前就这么说。我们说,”网络是一个谈话,”然后我们开始在博客上发表评论,如果你们还记得博客文章和评论,然后我们想,”是的,这真的是一个谈话。”它总是一个谈话design-wise太,因为即使回到了可怕的天的液体布局,在那里,”我希望我的屏幕大,我将10,每行1000个字符,”而这一切。

但总有机会,用户要安装特大型字体或override-I的意思是,我有一个Chrome插件,可以让我在任何网站上覆盖任何字体,并用一些可怕的东西替换它。我有困难,如果我对一个网站生气,我可以把它在乳牙只是为了我自己的快乐。所以,总有那个东西,我认为这是一个组合,因为你想让人的意思是,如果有人对比有问题,他们需要能够推动这一进程。某些浏览器中的工具让人们这样做,但是现在对于一个设计师来说很难,人们如何相互作用的。

如果我们可以让它一个一体化的设计方案,比如创建类型大小小部件,而不是依赖于浏览器,那我们就可以了。但现在我们和响应玩三维国际象棋布局,因为,你知道的,当有人使这种类型的七倍,而且,好吧,我们有所有这些最小宽度和……我猜我想说的是现在设计是非常困难的,尽管用户一直在混合和他们一直有一些权力,一旦我们开始思考,希望我们会得到好的设计结束时,这变得更加棘手。

罗杰:我认为这就像你设计的模板。你意识到你需要调整不同的视窗。所以,您知道,在某些地方将是一列,而在其他地方将是多列。我想这就是你和用户打交道的方式。你还想建立一条道路,他们可以旅游,但是你要决定目的地是什么。所以,这意味着你必须尽你所能去引导那些经历。

我认为,我们知道的一件事情是,如果读者觉得他们是合作者,这是一个双向沟通,他们记得东西,他们更喜欢它。所以,那不是我真正想说的。我认为在响应设计,设计挑战变得更加困难。我们不得不考虑基本印刷关系标题,一个报价,甲板,一个文本,标题。这些东西之间有什么关系?我们可能需要处理的大小和宽度稍有不同,我们会写代码。但是现在我们要说的是,如果我们能发现什么对读者有用,让我们给他们更多。这是一个最古老的东西在网上,他们过去叫什么协同过滤。我们需要设计的协同过滤。

珍:我认为,在2017年,有一件事我们确实知道,在互联网发展的不同阶段,我们还不知道,那就是这种媒介是不可控的。我们不太了解某人浏览我们网站屏幕大小的情况,字体大小,他们是如何经历的。在某种程度上,我甚至觉得愚蠢的说,因为它是如此显而易见,如此根深蒂固以至于很多人都在工作。然而你每天都会遇到那些完全不这样思考的网页设计师;他们用PDF设计固定的东西,然后把那个东西保持到最终结果,然后他们继续,”我想要15像素和我没有15像素。你没有按我说的去做。””

我仍然觉得这个行业在努力理解这个生物在这个多维空间里是什么……你不能控制它,但是你可以编程它。所以,您可以创建一个最小值和最大值,你能说,在这些条件下,这就是我想要的,在这些条件下,这就是我想要的。我不能控制它,也不能预测这些条件何时会到位,但我可以说一些事情,我可以设定一些限制意味着什么。而且我认为CSS网格,与固定的网站,我们有一个固定的大小。用液体,我们有点说,”哦,会完全湿漉漉的。”响应,就像,”可以,它被压扁,所有的东西都压得很均匀,还是一切都是拉伸,一切都是拉伸均匀。我们已经重新安排一些,不过基本上都是跳跃,同时延伸。””

使用CSS网格,你可以很容易地让一些东西挤压,而另一些东西保持固定,这个东西修好了,另一个东西就压扁了,这另一个固定的整个时间…我的意思是,它在不同方式下表现的更加动态。我试着教,布局……我不知道,我想我们在一个陌生的时间,因为一方面,网络产业不是利用平面设计的方式,我们的力量。我们复制彼此的工作太多了。太多的事情看起来像中等;太多的事情看起来像2007年网页设计。太多的事情看起来像彼此的副本。每个人的无聊,大家都在谈论这个,每个人都准备好继续前进。

所以,我们肯定知道有一个方法我们可以使用图形设计与我们见过在网上地震前,整个20世纪的力量带给网络。同时,那些知道工作最好的人,历史学家,知道历史的人,受过训练的人,走出学校的人不懂网络。他们认为它是PDF格式,这是一个在pdf格式显示他们画的东西,他们发现在pdf文档。所以,有这个奇怪的紧张。我们迫切需要以一种我们以前从未有过的方式找出我们的媒介是什么,但是我们也需要把图形设计和其他领域的力量,也是。就像,我最近看很多电影和摄影,因为我不认为这只是打印。而是站在几个不同的设计媒介,实现我们的媒体是什么。

杰弗瑞:我有三个快速点基于你刚才说的话,因为我太激动了,我的大脑要爆炸。首先,我想回到CSS网格,但我对CSS网格点。首先,我认为responsive-the响应问题,事实是我们不知道导致自然模式库,原子设计,模块化设计,无论你想叫它当人们说,”我们在设计系统而不是页面”-我们还在设计网页,最终。

珍:我们是。

杰弗瑞:但在某种程度上,就像我现在正在和客户一起做项目,我还没有编辑页面。我只是说,”这里是文字-动作模式一的想法。这是如何在大屏幕上看,下面是它在小屏幕上看起来的样子。也许它不会从一个屏幕改变到下一个屏幕,就是这个,我们叫它一个单位的宽度和高度。”我想构建块。最终,使一个伟大的页面,你得想想书页,但是我认为反应是引导我们在好的方向模式库,原子设计模块。

第二,我想要一点你精彩的评论,Jen关于一些印刷专家或传统出版专家如何不了解网络。出色的例子:有一个公司我知道,他们实际使用罗杰的TreeSaver技术几年前创建一组出版物,当然,可以配置自己。他们进行分页,和广告,出版商希望和一切,但他们也有反应。现在还没有人这样称呼它,因为响应设计和TreeSaver同时出现。

所以,Roger和他的同事提出了这个产品,它使用JavaScript来对任何设备进行分页和多页布局。这出版公司由专家一直在掌舵的令人难以置信的伟大传统的印刷出版物多年来,他们曾经让他们的设计师把布局安装在泡沫芯上,然后走进去,他们会把它们看成是固定的布局。我还记得这些专家所说的无意中听到的对话,”为什么这里有空白区?”这是解释说,”好吧,这就是文章的结尾。””好吧,我们不应该在那儿卖广告吗?””好吧,但它不是一个印刷出版。这个空间存在于这个设备而不是另一个。””在哪个设备上?””好吧,这发生在代表任何设备。这是一个假想的设备。”这是完全不同的世纪,对吧?吗?

罗杰:这是悲伤的。

杰弗瑞:最后一点:我认为对于浏览器制造商来说,在过去的日子里,我们是做web标准的事情,浏览器制造商被撕裂,因为他们有这样的人史蒂夫·冠军Web标准项目说,”你必须正确地支持CSS1中。”他们会说,”是的,我们听见了,但是有很多的细节。”同时,我们有其他设计师,代表一百万名客户想要彩色滚动条的人。我们会生气,说,”螺丝的滚动条。支持CSS1中。””

但事实是浏览器厂商无法打开客户,我认为我们在类似的拐点,浏览器制造商正在兴奋的CSS网格,他们兴奋人推动边界布局,但与此同时,还有各种各样的传统企业,像2007年那样进行布局,他们必须同时支持。我想,成为一个浏览器制造商很难,因为如果你炸毁2007 designs-I不敢说你,我不是说有因果关系,但你不能背对着客户。如果你是电视节目,你必须呼吁民主党和共和党通常。

珍:浏览器制造商非常着迷于确保Google文档运行得快,或者Facebook的渲染正确。

杰弗瑞:或者Gmail会做它做的事情。

珍:因为这是一个典型的人打开一个web浏览器。他们想使用谷歌文档,Gmail还有脸谱网,如果这些东西坏了,不管是不是制作网站的人的错,看来浏览器有点问题。

杰弗瑞:我记得一段时间在美国非常核心的Web标准项目说,”好吧,它应该休息。应该断了!编码错了!它不验证!div从未关闭!应该断了!只有这样你才能让这些人做正确的事!”和浏览器制造商,”我们不能那样做。”然后后来,”是的,当然他们不能那么做。他们业务。”在某种程度上,我可以倒在剑上,因为我是一个设计师,在思考设计应该是什么……

珍:好吧,但同时,我想-我是说,当然,有一个广泛的不同的人,不同的公司和不同的人做网站不同的原因,所有这些担忧都很重要。它不像一个是比其他更重要。我只知道自己,也许你,杰夫瑞和很多人,我们喜欢这里的小角落深深思考设计和它可能意味着什么,以及我们能够通过设计给我们的客户,利用平面设计,通过使用字体,运用巴斯德时期所运用的技巧。人们可能喜欢也可能不喜欢我们所喜欢的,他们可能会或可能不会想要的技能,但绝对是一个巨大的观众。

我也认为你又知道,我一直在思考未来,因为我认为那里的商业机会。当你走到前面,当你最终波士顿环球报航运第一响应新闻网站,而不是过去的一百一十年后,它给你一个竞争优势。并非每个公司都愿意或准备采取这种飞跃,但有些人想;一些想要在前面。不是每个人都想复制Facebook的布局。有些人想成为下一个Facebook并做一些事情……Facebook的布局在他们想出来时是原创的。还有其他人想继续做新的事情。很多人对我说,”但可用性呢?你在谈论为布局创造一个全新的思维模式。没有人会理解如何使用它。你必须像我们一直做的那样做事,因为这样用户才会知道如何使用东西。””

杰弗瑞:”蓝色下划线的链接!””

珍:是的。有趣的是,有时人们这样对我说,我认为,”你认为我主张什么?你认为我提倡一些三环马戏团crazy-town布局?”我不是。我倡导:列的文本并将其偏心而不是集中。

杰弗瑞:正确的。正确的。

珍:用户不会感到困惑!没关系如果左边框右边距的宽度的两倍。或者您的导航需要位于预期的位置,但这不一定非得像过去十年那样。

杰弗瑞:同时,你在说电影。与第一个特写,人们惊恐地逃跑。他们认为这是一个巨大的头颅,他们不明白。然后他们做到了。当海浪朝摄像机,这是一个海洋,他们乘船出去了,人们从剧院里跑出来,好像要淹死了。然后他们明白了。今天,如果你想想我们现在,想象有人从1910年的电影观看任何现代电影,他们会害怕,他们会躲在座位下面。现在,观众们接受它然后离开,”这是假的。这是CGI。”人在暂停难以置信,但寻找CGI,对吧?吗?

珍:是的,和我们的用户是聪明的,它们一直在进化,没有什么是静止的。

罗杰:他们可以找到一个“走”按钮,他们可以找到好吧如果它在左边或右边。真的很讨厌,但是他们可以找到它。

杰弗瑞:同时,我们几代人正在消亡,而且,像,我女儿那一代,他们知道如何使用一切。我生气,作为一个设计师,我走了,”这毫无意义,因为用户界面设计得很糟糕。”但是我的女儿和她的朋友们,他们知道如何去做。他们看着它,”哦,是的……”他们可以整天做心理模型。他们不一定能读,但他们能使心智模式…实际上,她是一个很好的读者,这是一个愚蠢的笑话。但她知道这之前,她学会了阅读。她读得很慢,但是她两岁时用的是iPhone。

罗杰:提出视频很有趣,因为在当前YouTube-standard视频的世界,视频是自己的层,它与其他任何东西都没有关系。如果你想输入视频,你把它的视频。你的超级或者你在软件中编辑视频。我工作的事情之一,我在缅甸有一个客户,他突然开始出版一本即将出版的新出版物,网状物,还有视频。所以,这是一个24小时直播的新闻频道,只是在网络上,然后它是一个印刷出版在中国和缅甸,或者缅甸语。该网站有三种语言:缅甸语,中国人,还有英语。你如何一起做的?一个小员工?因为还有不是巨大的收入来源,这是在一个小国家,在一个发展阶段。

所以,我们正在研究方面,你如何区分类型……因为如果你要在网上做视频,你需要头衔,如果人们在嘈杂的地方听到声音,你就应该让他们去阅读,或者如果他们在教室和他们想观看视频,而不是看老师;你必须做它没有声音。所以,画外音是没有答案的。如果你学三种语言,你必须有一层翻译,最重要的是字幕。所以,我们如何做呢?它变得非常有趣,你怎么知道什么是视频,或类型是正确的颜色,他们可以阅读它,雅达雅达...

我在荷兰的朋友们正在狂热地研究如何做出响应性的可变字体,这些字体实际上对什么颜色有服务器提示,和其他treatments-the轮廓或shadows-they可能,自动的字体,接受。这是非常有趣的东西。所以,我认为有些人愿意使用的意思是,这不是一个一流的产品,这是发展中国家正在发生的事情,他们真正想到的地方,”让它真正可靠和美观,但同时,让我们忘掉网络上的视频吧,做点别的事情吧。”我爱。这是一个很大的排版挑战对于程序员和算出算法的人,类型的人,也是。什么字体可以同时以三种语言工作,只要翻转开关?吗?

杰弗瑞:我真高兴你这么说,因为我觉得在视频是管理员,很多人甚至不考虑,而且应该。我是一个网页设计师。我想因为我有,因为可访问的视频……我知道我会惹恼Netflix,葫芦或亚马逊。我不记得。要么是Netflix,葫芦或亚马逊,我在看录像,我发现,说到可定制的,如果你去超市,你可以设置大小,你可以用黑色的轮廓,白色的轮廓,你可以把它弄成黄色……我女儿走进来,开始把它弄得非常疯狂,喜欢黄色类型与一个橙色的轮廓。但就像古老的窗户从Windows 3.1黑色金属外壳等等。用户可以使东西丑陋的地狱如果他们想,这是我处理定制,我对此很关心。

但是,我的意思是,机会来了。设置类型视频将是非常重要的,就像响应设计,有些人在他们的小手机,看有些人吹到全屏,有些人在Firefox的浏览器窗口内观看,同时打开另一个浏览器窗口做其他事情。有很多复杂性。同时,虚拟现实。网络虚拟现实是一种新兴标准,和类型的虚拟现实导航,现在人们思考不够。我希望看到……我敢肯定类型网络正在考虑这件事。它的类型上有经验的曲线,而且是较低的雷诺数。

罗杰:好吧,这是有趣的。我不认为你正在谈论的定制是通过用户的大部分。我想我们很高兴能把这种类型做得更大,但是实际上有多少人这么做?10% ?我不知道。这不是一个很大的数字。

杰弗瑞:需要它的人。

罗杰:挣扎的人们。但与此同时,如果你能找出它是什么,如果你能追踪他们的经历……还有一件事马修•卡特说,”可读性就像80%的熟悉度。”就像web标准你说什么或者web约定;它们并不是真正的标准。如果你违反惯例,有时你会失去人。与此同时,你不能期望他们填写表格的选择设计。但是如果你听到从他们以同样的方式我们了解设备或他们的窗口是什么,如果我们能找到他们发现更容易阅读,这样我们就可以做得更像那样。这是一个算法问题这是一个多用户的决定。

杰弗瑞:这几乎是一个跨站点的问题,也是。想象一下,如果只有一个排版层抽象从你个人网站注意到一段时间后,”哇,当这个客户去他们推动网络类型字体大小,然后他们去了一个列表他们提高了字体大小,然后他们去了纽约时报缩小字体大小和改变了……所以,似乎是什么他们真正需要什么?””

它必须非常聪明。就像,好吧,也许他们这样做是因为列宽,或者他们这样做是因为他们在哪里观看,或者……但是复杂的机器学习层……我是说,现在我们有一个原始的例子,例如,我可以告诉我的iPhone,我需要一定的最小类型大小的软件支持,然后我使用一个支持它的Twitter客户端,我的字体更大。假设我使它稍微高于中间,因为我的眼睛不是和以前一样好,所以我比平时大一点,而另一个软件设备不这样做。但是,这是操作系统中提取。

罗杰:用户。

杰弗瑞:是的。

罗杰:好吧,我认为你想要用户串通一气,但你不能指望他们会去做。

杰弗瑞:所以,想象在一个层,存在…我不知道它的存在,也许相同的地方that-forgive我,我要说AMP。可以,我很抱歉,我讨厌AMP。但它存在于某个地方,它被保存的地方,或它的存在,谷歌字体存在。也不需要谷歌,它可能是其他地方。你选择加入,它跟踪你,开始调整字体大小为你更基于看你做什么。这会对设计师有帮助吗?这对于用户而言是有益的吗?吗?

罗杰:我认为这是不可避免的。我认为在相同的方式,亚马逊给你你喜欢的东西,或者它认为你喜欢,而且相对成功,我们会看到影响布局,也是。和印刷层,也有一些很有趣的事情发生在语言。因为,越来越多的,您的设计必须以多种语言。世界正在全球,我们希望能够与人沟通不一定说英语。所以,那么会发生什么呢?这是另一个问题编写规则,这样的布局可以适应中国,这是一个功能不同的事情。这样做不合理;整件事是不同的。正是这些小方块非常浓缩。你可以得到更多的中文文本在相同数量的空间可以用英语或任何拉丁语言。你知道的,一个人说,”忘记图标。我们可以学习中文和我们可以把中国的字形的每一件事我们需要触摸。”这并不是一个坏主意。我的意思是,我们可能都应该学习汉语。

杰弗瑞:Jen在她的一次谈话中,谈论我们充当如果设计结束在1960年代和1950年代在瑞士,我们都是做这一件事,这种基于网格的Helvetica处理事物的方法。那太好了,但还有数千年的平面设计来自亚洲文化和阿拉伯文化的历史和其他地方。在我看来,如果你设计一个中国网站,这是一个完美的机会,不让西方基于网格布局,根据瑞士排版设计惯例,但实际上,亚洲传统平面设计才是如此,这是,毕竟,建立在这些语言,和在网络上使用。

罗杰:是的,他们在我们之前排过字。

杰弗瑞:的确。

珍:有趣的是,因为一方面我真正想要的那种平面设计行业,20世纪的传统平面设计教学和理解,来到网络,因为我认为有很多的权力。但另一方面,我与它斗争,因为它是如此傲慢自大,绑在白人至上的思想和西方文化霸权,而且,”这是正确的做事情的方式,”而且,”这是做网格的方法,这是排字方法,这是使用字体的方法,这是做任何事情的方法。”我不想到处传播那些想法。我不想我们都去,,嘿,我应该如何使用网格?哦,让我看看这些专家,从这个特殊的文化——这些特殊的人

罗杰:从包豪斯…(笑)

珍: ,听取他们的意见。

所以,我一直在努力教育自己,因为,也,我没有平面设计背景,我没有受过那种正式的训练,所以我一直教我自己过去两年……但是平衡的我不知道,我有三英尺的西方书籍和一只脚非西方的书;我真的希望这能平衡得更好。努力学习阿拉伯语的设计,学习就像日本的传统线网格,特别是在垂直布局,所有的规则和细节…它不像单独发生。层层叠加的,肯定是被层层叠加的现代观念和想法的20世纪中叶,把事情摆好,严谨,有章可循,和遵守规则。所有这些已经来回。

但我确实认为这对于网络产业很重要,当我们开始在这个新事物,学习CSS网格并考虑布局,和学习全新的技术布局,以全球眼光这样做,并且不落入”好吧,这本书我已经在瑞士使用的网格,或者使用网格,我们都应该这样做的。”不,这是的方式。它可能是很酷。有些想法我们应该考虑,也许我们想把那些想法带过来,但我们不要全都买你知道……

罗杰:印刷地,有完全不同的约定。除了用阿拉伯语阅读,或者印第安文字和阿拉伯文字中的书法传统,在非常古老的中国或日本或韩国,你必须根据上下文以不同的方式连接字符。大多数排版系统试图迫使西方模式,这并不一定那么成功。现在,在中国有不同的事情发生,适合所有的人物的广场,我想当他们开始打活字时,当他们制作木字体,之前我们做过广场为他们提供了前所未有的方便。所以,他们把信压扁了。700年之后,人们有点习惯了,到800年,然而时间的。所以,如果你将中国书法引入网络,人们会抱愧蒙羞。这就像,”这是什么?这是滴下,我不能理解,我看不懂。””

而在德瓦那加里,或者孟加拉语,或泰米尔语,或者印度的其他主要语言,不能进行良好的结扎会使阅读变得困难。我的意思是,第一个字体在印度的世界是如此不可读,印度的孩子都在手机短信拉丁语。他们用拉丁语拼写自己的语言,因为他们看不懂该死的德瓦那加里语。在缅甸,一直如此柬埔寨的情况确实如此,一直到所谓的婆罗门文字文化,这是很难适应电子设备。现在正在发生的。谷歌实际上是带路,在很多方面,就这点而言。谷歌已经50梵文字母字体在谷歌字体。这是一种很神奇的。但它仍然是作为单独的符号设置类型。

变字体,我们可能不想进入,有一个人喜欢的机会约翰哈德逊有讲过,使用HTML中的连字符表来查找应该如何连接印度语言的连接。这将是只有多少我们可以成为流体和美丽。对西方人…我的意思是,这些语言我都不会说。我看着约翰哈德逊错字实验室柏林,你可以在YouTube上看到。这是如何发生的一个惊人的想法。然而,你需要知识就像他能够理解它是什么,我们需要做的。我认为这是全球挑战。我们将快速移动到一个更加复杂的世界。

杰弗瑞:有这么多的,再一次,解压缩,但是我想只关注变量字体一分钟,如果你不介意的话,因为我知道你们是非常困难的工作。跟我说说吧。

罗杰:你想知道什么?吗?

珍:它是什么?吗?

罗杰:我认为最简单的方法理解变量的字体是几个风格的字体,字体的家庭,推进一个字体文件。所以,你可以大胆的和光线在同一字体。而不是两个或12或15到一百个不同重量的变化字体在不同的文件中,在你的字体菜单选择,他们都能在一种字体。使用CSS,你可以说,”可以,我想把机器的重量,”如果浏览器愿意,字体就会做出响应,我认为我们看到的。所有的浏览器都在创建一个界面,您可以这样做。所以,的第一次迭代变量的字体,因此,随着这些重量或宽度或大小的变化,现在正在大浏览器的开发版本中发生。

杰弗瑞:他们在做字体和一些新的CSS吗?他们和SVG一起做吗?如何控制类似的东西,不是写CSS时设想?吗?

罗杰:好吧,一个变量的OpenType字体是一个版本。这是未来的事。所以,这些字体是在网上下载的,就像下载TrueType或OpenType字体一样。诀窍是然后指定你想要变化如何在页面上发布。这需要一点学习曲线,但有一些界面,人们正在致力于为字体中的三个或四个不同轴设置滑块。现在,谷歌苹果微软,和Adobe已经接受了这些fonts-weight,前三轴宽度,和大小-因为如果您有一个字体而不是15个字体,页面加载更快。所以,有一个改善每个字体文件大小的30%。现在,如果你是YouTube上,你也许不太在乎这个。但对于谷歌来说,正在下载的文本的数量在世界上是一件大事,同时这是一个很大的数字。

杰弗瑞:我就是这样理解的:如果我在布局中使用Adelle Sans和Adelle,理论上,它可以是一个包含正确字形和衬线的可变字体……吗?

罗杰:是的,你可以有衬线的轴。所有这一切开始的时候,我们在多个大师那是几年前Adobe干的。

杰弗瑞:对的,,自动取款机,20年前。

罗杰:是的。然后,与此同时,有一种叫做无路径的项目GX在苹果公司。如果你现在看看Mac上的操作系统,有一种字体叫做Skia,它是基于希腊铭文。那是一个美丽的字体,和它实际上是一个变量的字体,这是在TrueType GX完成。这就是我们现在正在做的模型。当Google听说GX 20年前在苹果做了什么,他们说,”这可能是网上真正的节省!”所以,谷歌大动力来实现这一点。

所以,他们雇佣了我们公司,类型网络,两次演示字体,全部在GitHub上。如果你去GitHub和查找阿姆斯特尔瓦,或除法,或者,如果转到类型网络站点,你可以找到这些字体,你现在可以使用它们,你可以从GitHub下载它们。typenetwork.com网站上有一个相当有趣的演示。Amstelvar使用这三个主要的轴,很令人兴奋。然后Decovar使用许多其他的,包括终端和衬线在字母上的工作方式,茎秆和材料内部的装饰。所以,它向您展示了变化的潜在设计潜力,这真的很有趣。这些都是由大卫Berlow

珍:好吧,我的理解是,例如,如果我想使用Goudy现在,如果我想去得到自己一个web字体,下载,在我的网站,并使用Goudy我的身体像复制品,好吧,酷。哦,我想用斜体字写点什么?好吧,的人也许不知道他们在做什么就说,,字体样式:斜体;;和繁荣,你完了。但如果你真的知道很多关于排版,你会意识到,不,我们不想把常规的字体和侧面,像倾斜的。我们想下载斜体字体,因为斜体字体更漂亮。

可以,所以现在你有两个字体:你有Goudy Goudy斜体。然后我们要做一些高亮呢?可以,我们有大胆的。我们需要加粗斜体的吗?可以,嗯,总共是四个。但这是太多的数据,所以,让我……我不打算在我的网站上使用粗体。可以,为什么?好吧,的原因。所以,我有Goudy,我有金胆

但现在我想做的我在Goudy H1标题,同样的,但我真的不应该把我的字体是为14或16点类型和36分,因为它不是真的那么美丽的如果我得到Goudy显示字体。所以,我得到Goudy显示。但是我需要Goudy显示大胆吗?或者,实际上,他们有一个黑色和一个光,和他们有一个…你可以得到…

这将是,好吧,我们只有一个字体,一种字体知道,,嘿,当你小的时候,如小版本的字体,当你长大的时候,就像字体的大版本。当你斜体,斜体实际上被计算并手动编码为相同的字体,粗体被手动编码为相同的字体。

杰弗瑞:这就是我们看,罗杰,对于像Decovar这样的未来?吗?

罗杰:是的。我认为……斜体字是最大的挑战。您可能最终会得到单独的斜体字体。但是在简单的斜体字中,像Avenir斜体,主要是倾斜的,只是有一些变化的一些终端更斜体。

Decovar所展示的事情之一是可以更改x高度,你可以上下滑动,或者你可以让其他有趣的变化。我们听到谣言说Adobe在不久的将来会支持这些字体用于桌面排版,也许在第三季度或者在今年第四季度。这是有趣的。我的意思是,这是有趣的,他们这样做。因为现在我们讨论的是网络。但是在网上我们有很多SVG文件作为标题,静态类的东西不需要排版,所以涉及到品牌和所有这一切。当然在打印出来会很有趣可以使标志,您可以使文本符合相同的矩形,可以为不同的词——“棒球”和“篮球可以安装在同一个矩形……

杰弗瑞:我想做出响应的标志,例如,那只是图表,然后一定规模以上的马克,然后在一定尺寸以上是标记和类型;然后是类型,也许有两种不同的变体。即将来临的;那马上就要来了。

罗杰:好吧,我认为非常,很有可能的。有一个有趣的网站叫做Axis-Praxis,,劳伦斯Penney的网站,你可以去.-pr..org。你需要一个兼容的浏览器,像Safari的构建。他有一些有趣的事情,你可以玩现在。我认为你将使用SVG,我们可以把字体。我说的是用于广告的桌面的东西,或出版设计,你想打印出来,不仅仅是网络。所以如果Adobe进入,和他们的一个关键成员这个财团的推动,整个世界可能在今年晚些时候开始。已经发生了,而且所有的浏览器都在使用它。我认为设计师的用户界面,我们设计这些东西的界面,仍然悬而未决。

杰弗瑞:我想我们得打包了。我们要放轴心实践在展览中指出,和类型网络在节目记录中……

罗杰:就这些吗?吗?

杰弗瑞:不,我可以整天都这么做。你们太聪明了。我喜欢和你聊天。它甚至让我感觉更聪明,还有很多东西要学,很多东西要玩。我希望人们继续阅读。我们会有labs.jensimmons.com在展览中指出,这是简在哪里显示的布局就可以完成,例如,在CSS网格中,我们甚至没有进入。我想在未来做一遍,因为有这么多的。但是我很抱歉,我的朋友们,我想我们得把事情总结一下。

罗杰:它是乐趣。

珍:非常感谢你邀请我。

杰弗瑞:谢谢你们俩。

罗杰:非常感谢。谢谢你听。

杰弗瑞:谢谢你!谢谢你!

参与者

珍西蒙斯的照片 专家

Jen西蒙斯

Jen西蒙斯是一个具有二十多年工作经验的设计师和前端开发人员,,写作,以及谈论新兴技术和网络的未来。她为欧洲核子研究中心做过项目,W3C,谷歌德鲁帕尔和更多的,在Mozilla,目前是一个设计师提倡,她倡导网络标准,并研究即将到来的网络平面设计革命。Jen也是未来的网络,名叫播客的净奖在2015年。

Jeffrey Zeldman的照片 专家

Jeffrey Zeldman

设计和博客自1995年以来,,Jeffrey Zeldman(@zeldman成立一个列表1998;网页设计会议分开的事件;共同创办和发布一本书简短的书让网站的人;写下了改变行业的前端圣经与Web标准设计,现在是由伊桑·马科特合著的第三版;是MFA交互设计计划在纽约视觉艺术学院;和主机大型网络秀,一个以特邀嘉宾为主题的网络广播脱口秀节目一切网络重要。”他的最新消息是studio.zeldman,纽约的一个网络和交互设计工作室和战略咨询公司。更多

过去的事件必威官网网址多少

问博士Web-Live

设计你的职业生涯就像你设计一个网站。偷听这记录我们无畏的领袖Jeffrey Zeldman和他的搭档萨拉Parmenter回答观众的问题对他们的网络事业。

前端开发状态

前端开发正在快速变化,和很多读者问:现在我们需要知道什么?在11月4日的这次活动中,一个专家小组从设计师代码在开发堆栈工程师探讨了技能,职业道路,和技术构成这个多样化的领域。

爱你的CMS

选择和配置”最好的CMS可以使迷惑和混淆,但担心不是。艾琳·韦布,凯伦McGrane杰夫·伊顿,通过定制和瑞安Irelan带你,传统对"无头”CMSes设计,后端UX,和更多的在这个小时的事件记录生活在8月25日。

模式语言:响应式风格指南

我们知道我们不能固定网页设计了所以我们如何管理高效的工作流而复杂的会计系统和无限的变化,今天的响应网站吗?风格指南救援!好吧,某种程度上。

Sass说话

萨斯。更少。罗盘咕哝。吞咽。如果你被工具如预处理器和taskrunners-not提到所有的复杂的设置建议你可能想知道:我们甚至可以编写CSS香草吗?在这个事件从周三开始,5月6日,2015年,我们请一组开发人员分享他们的故事,策略,以及案例研究。

性能设计:我们能拥有一切吗?吗?

每个人都希望网站回应,美丽的,而且速度快。我们需要权衡?,其工作性能,呢?这次活动从2月26日开始,2015年,我们问一个设计师和开发者小组内部和机构团队分享他们的故事,策略,以及案例研究。在这里看视频或阅读成绩单。

关于我们的事件必威官网网址多少

将本地网络的感觉meetup在线空间,我们以社区为中心的会议讨论一天或一小时的事件。必威官网网址多少我们召集专家和读者对realtalk-not演示。加入我们聆听新的声音,问棘手的问题,进一步,把我们的社区的谈话。

主办单位