这次谈判于2017年10月12日在布拉加,葡萄牙,2018年2月9日在柏林的AWW荣耀会议上再次给出了镜子。
在过去的夏天,我在网络会议上进行了演讲,后来进入了一个年轻的数字设计学生迷人的对话。比较我们在职业生涯的地方很有趣。我有十五年的网络客户设计,她有一年,但有些人在同样的情况下,我们享受了这项工作,但完全困惑,而且被一切迅速增加了复杂性。到底发生了什么? (当然,这是一个修辞问题。)
我们对我们俩相互承认我们的沮丧和混乱是一个缓解,我开始怀疑这种情况是否有笑或认真对待。我们俩都没有答案,但有点时间和距离向我展示了我们必须做两者。我想今天延长那个谈话,并试图抓住我对这种混乱的看法以及它的成本。
缺席是我困惑的主要来源。三年前,我停止制作网站为客户专注于抽象,这是一个我共同创立的软件公司。我的工作在去年年初完成,经过一点时间,我决定重新打开我事先运行的设计工作室。
你不知道吗?首先通过门的工作是网站。三年来,很多可以改变,所以我决定刷新如何最好地制作网站的最新发展......而且哦,我......
复杂性首先脱掉了。在看到当前的工作方法后,我是否不确定。最终,我同意这个项目。我的肠道告诉我,许多项目都是全新的工作流,工具链和开发方法中的新复杂性。这种信念是这次谈话的第二个线程:我想对简单的设计和实施做出适度的防御,作为网络的更好选择和在那里工作的人。
但是,我领先于自己。首先,我应该告诉你更多关于我是谁,我来自哪里。
我经营了一个精品设计工作室,这是一种自命不凡的说法,这是一个小写的小写。工作室是各种各样的工作:书籍,杂志,品牌,是的,当然,网站。今年是周年纪念日。工作室正在庆祝商务15年,我个人庆祝20年的制作网站。与任何大周年纪念日一样,您对如何开始的感情。
这款工作室始于2002年,作为一个男人(那是我)用一台笔记本电脑和一堆纸在他公寓的一角的桌子上。
十五年后,工作室仍然是一个带笔记本电脑和一堆纸的人,在他的公寓的角落里。
难以在过去的15年里,在工作室周围有多少变化。然后,没有社交媒体,我们今天知道它们 - 没有Facebook,没有Instagram,没有捕捉;您今天访问的大多数网站都不存在,然后我们访问的大部分网站现在都不存在。没有iPhone。您将在线上网来获取方向并打印出尼安德特人的地图。我们正在击中岩石,试图制作图形设计。
起初,我讨厌我的工作室缺乏明显的进步,但是它击中了我:如果我钉了呢?为什么改变它是否有效?我能够从许多不同角度接近许多不同的项目,我很高兴地报告我已经很好地讨论了很多!时间和实践真的有助于帮助。
除了网站。他们将自己与其他人分开,因为我在20年后做得更好。我的知识和技能发展了一点,然后事情发生了变化,我所知道的一半成为枯萎。这几乎没有发生在我做的任何其他工作中。
我想知道我是否有二十年的经验制作网站,或者如果它真的是五年的经验,重复四次。如果您一直在技术行业工作,请告诉我对您熟悉的声音。
正如我所说,我在20年前发了我的第一个网站。我知道这是因为我是一个少年做主的工作:将歌词转录到罗克波波的好电脑。这是1997年,我正在学习HTML,并且设计的设计有一个问题让我困惑:我如何把两件事彼此放在彼此之上?
二十年后,我们仍然营造出这一基本问题的答案。
回到1997年,我们使用了桌子和垫片GIF。这就像在地狱的电子表格中设计一个网站。出于某种原因,我发现这个过程有趣。也许我对房间里的一些东西的潜力感到着迷,击中一个按钮,然后在那里“出来”。
大约五年后,网站移动到CSS中的Floats,因为表不是语义。很公平!从那以后,我花了大约200小时阅读如何让浮动清除。我仍然不确定我理解;我键入清晰:两者都对盒式型号祷告。
五年的猜测工作后,我被Flexbox保存了。这是我的宝贝。我被培训为打印设计师,并使用Flexbox,我可以在基线上键入3或4行的CSS,并在基线中有两个文本块。 Hallelujah。我只需要等待十年来实现这一点。
现在,使用Flexbox弯曲后,CSS网格:一个强大的新功能,承诺使响应式网页设计更加令人困惑。当然,我正在开玩笑,因为网格是控制网上的布局的大改进。但是坐下来了解更多信息,有点怪异,因为每次我看到一个图表解释了CSS网格如何工作的图......
我提醒我在1997年做的表格布局。我知道网格和表格布局在他们的能力和方法方面具有根本不同,但这并不会阻止我对其表面相似性的不合理和不合理。我的蜥蜴大脑得到了谈论,它说我们陷入了循环,它是重复的。我们在一个周围完成了一圈,这将永远解决。从现在起五年来的另一种布局的方法将是五年。它可能类似于浮动,而不知道如何清除如何在我的职业生涯中第二次咬我的屁股。
在网站如何设计和制造的其他部分中存在类似的循环示例。没有什么能保持解决,所以当然一个有一年经验的人和十五年经验的人都可以混淆。事情经常只能理解那些在目前思想中的中间良好的人。如果你在浪潮中的甜蜜点之前,你的缺乏意味着你什么都不知道。如果您在之后,您将了解许多不适用于这种特定方式的事情。我没有把它提升到暗示年轻人愚蠢或缺乏经验的是无能为力的 - 当然他们不是。但请记住:如果您在行业中粘在一起,您会感受到所有三种情况。
一项争论称,方法论的持续变化是严格的健康。我同意。保持戏剧中的东西有助于我们更轻松地解决问题。如果没有任何改变,那就太可怕了。但我也同意其他论点:人们只有这么多的耐心。一个人可以跑多少圈?我现在在第五圈,我可以告诉你,从过去的rehashed想法与rehashed想法进行疲惫,而不会感到微小的偏见。
一旦禁忌的方法就会回到桌面上。例如,上周我正在阅读有关不使用样式表的好处的帖子,而是为所有内容提供内联样式。帖子发出了一些令人信服的积分,但几年前这种方法将疯狂谈话。
我们如何构建网站和软件的许多人都会介绍我们的想法。工具,方法和抽象的流失也表示替代意识形态。一个人通常必须以类似于创建工具成功使用它们的人的方式思考。它并不像放下螺丝刀并拿起扳手一样简单。一个人需要修改他们整个思维框架;他们必须改变主意。
在一种方式,更容易缺乏经验:您不必学会什么不再相关。另一方面,经验创造了两个不同的斗争:第一个是识别和解开不再需要的东西(也是工作也是如此)。第二个是保持开放,病人,愿意与新的东西搞,即使它类似于你很久以前的事情。
当我调查过去3年的所有改变时,我的意愿精神就在我身边。我从最大的意图开始,但我学到的越多,我所拥有的脾气暴躁。似乎大多数涉及建立精心制定的系统以自动化工作的新方法。这对于特别复杂和大的项目来说很好,但建立系统并保持似乎对一个有经验的人在一个小项目上的努力而不是没有它的工作。
发明了新方法,以管理对我和我的工作完全陌生的复杂程度。当我意识到我有替代的方式管理复杂性时,很容易远离大部分新的东西。我改变了我的设计而不是改变我的工具或工作流程。这就像设计房子,所以它很容易构建,而不是建立通常用于摩天大楼的起重机。
Directness在我的经验中最好,因此大部分工作都是一张很棒的照片,难忘的插图或俯仰完美的判决。除此之外,花哨的实施从未为我的客户移动过针。
我的网络设计哲学不是令人睁大眼睛。我的工作是帮助我的客户识别和表达关于他们的项目或公司的一个或两个独特的真实事物,然后通过令人轻触的令人难忘的设计来增强它。如果复杂性出现,我们专注于它,寻找模式,并改变我们建造的内容的蓝图。我们不一定要寻找更好的工具或猛虎师进程。在过去,我在Web的谷物之后打电话给这个,这是使用与HTML,CSS和屏幕一起摆动的设计选择,这使得简单,灵活,有弹性。
似乎每年在这种方法内建立的较少和更少的标记网站。所以,我认为提醒每个人将是有用的,即处理复杂性的最简单和最便宜的策略不是要发明东西来管理它,而是避免使用更聪明的计划完全复杂。
为了测试我的网络设计练习的技术要求,凭借我的有限需求来测试多种复杂性。这不是一个很长的名单:
所有这些都比满足至少五年,但即使是这些非常基本需求的复杂性也在过去几年中崩溃了。
例如,我刚向您展示了四种不同的方法,以将两件事彼此放在彼此相邻。每种新方法大多都替换了最后一个,所以希望我们使用Flexbox和CSS网格达到稳定点。但谁知道从现在开始五年后会出现什么?
Webfonts?我以为我们可以用@ font-face缩小几行,但是一本书刚刚发布了一个90页的电子书如何加载这些字体。这对我来说是完全令人惊讶的:我以为实现Webfonts是一个相对容易的程序,但我猜不!
甚至图像现在都很复杂。传染媒介图像被送达为SVG,但深入挖掘它可以让您跨眼睛,因为SVG本质上是另一个网页嵌入您的网页。通过光栅,需要沿着右侧设备的最佳图像发送的需要复杂,即付费服务已经为您提供管理。服务图像现在与服务中的服务一样复杂。
我的观点是,基础上现在足够复杂,他们似乎愚蠢地在其上添加了更可选的复杂性。我将我的例子保存到最基本的Web实现中,我没有触摸JavaScript,动画,库,框架,预处理器,包管理器,自动化,测试或部署。哇。
所有这些都捆绑在一起是2018年的流行方式。但其他人的工具安全是从外面拒绝的。即使入门也很敏感。上个月,我必须安装一个包管理器来安装包管理器。那是我关闭笔记本电脑并慢慢退缩的时候。我们已经开始的CSS Zen Garden很长的路。
如果您与高级软件开发人员交谈,您可能会听到他们抱怨意大利面条代码。这是代码被重写,无组织,不透明,并咆哮着依赖性。当我听到第一次使用的术语时,我充斥着,因为我无法将意大利面代码作为设计师识别,我确定是关于意大利面条工作流程和意大利面条的工具链。它感觉就像我们现在在网上。
这突破了我的心脏,因为我在网络上的大部分开始都是能够看到和轻松地了解我访问的任何网站。我有看法来源,但每年都在,它变得越来越少有助于调查其他人的工作。标记气球的大小并变得难以辨认,因为计算机在没有注意上下文的情况下生成它。风格变得过于冗长,冗余到混乱点。功能会对压缩的JavaScript后面遇到困扰。
这种情况对我来说很烦人,因为我的想法转向那个我在谈话开始时提到的年轻设计师。我有多少机会通过在我面前有清晰的例子来重现我所看到的?这是对她有什么会对的信息有多么有害?之前,网站可以解释自己;现在,有人需要走过它。
不清晰的情况,难以犯的是复杂性。我相信源的易读性是网络最重要的属性之一。这是将门打开对网络的独立,无线贡献的主要件。如果您可以编写标记,则不需要中等或推特或Instagram(尽管它们很好)。以及帮助某人写标记的最佳方法是确保他们可以读取标记。
我想知道年轻的设计师想到这种情况以及如何在复杂的领域教育自己。如果代码是难以辨认的,他们如何学习?这似乎更有经验的人通过这样做的是机会拉起的阶梯吗?二十年前,我决定制作自己的网站,因为我看到了一个HTML的例子,我可以读它。我的许多设计同伴都是一样的。我们拥有制作网站的技能,但我们停止了那里。我们陷入了标记,从未进入全面编程,因为我们愿意尽可能地走得更清楚。
如果关于网络的知识快速恶化,那么为改变和学习发展稳固的个人哲学,这是值得的。
硅谷试图提供其中的一些。一切都是关于速度。最着名的来自Facebook,他们的“快速和休息”口头禅。这句话现在已经在公交车下抛出了足够的时间,但很有趣,很少有人愿意承诺它的对面:“走缓慢并解决。”
这是我最喜欢过去几个月的互联网发现。我已经看过足够的时间来占据它。看,兔子不会失去因为他累了。他失去了因为他对去哪个方向感到困惑。你有没有注意到它是如何在中间停止的,因为它周围的每个人都大声大声地盯着它对它不明白的事情?那是我在推特上。
作为有几十年的网络经验的人,我讨厌将自己与乌龟进行比较,但嘿,如果它适合,它适合。让我们更喜欢那只乌龟:勤奋,直接和有目的。由于其覆盖范围和力量持续增加,网络需要缓慢和思想的口袋。我们所依赖的必须正确构建和智能地形成。我们需要为复杂性的重要兄弟姐妹创造空间:差别。没有细微的空间倾向于倾向于愚蠢。作为美国人,我可以告诉你,可以通过这种危险的快速愚蠢的危险鸡尾酒来造成的损坏量没有限制。
网络还需要勤奋的人,以便网络是什么以及它对每个人都能清晰可辨的想法。这适用于能够阅读网络创建的系统和社会环境,以便我们知道真实的,而且易读的呼叫也应该谦卑地申请写作易读的代码和设计系统,这些系统很容易易于解释差别他们的优雅。重要的工作也有一个地方。
这是通过保持我们的工作清晰,我们将门通向下一代我们的同事。对他们来说的工作也适用于我们,因为无论你是谁只是在学校还是拥有二十年的经验,你最终会在同一位置最终结束:你的第一年制作网站。