什么是经久不衰的网页设计？

假设您接手了一个客户，他们想要您做一些非常具体的事情。他们想要一个网站，这个网站在不进行任何更改的情况下，在 10 年后仍然看起来不错。

事实证明，当你把这个问题抛给一群网页设计师和开发人员时，得到的答案会大相径庭！

来吧，我接受挑战的人

有些人认为这是一个有趣的挑战，并乐于接受这个机会。

接受。

满怀喜悦。

— Jeremy Keith (@adactio) 2017 年 7 月 27 日

接受挑战 👌

— Dick (@michaeldick) 2017 年 7 月 27 日

一定可以完成 👍

— Kevin Nagurski (@knagurski) 2017 年 7 月 27 日

保持简单的团队

这基本上是我自己的想法

专注于极简设计和优秀的排版。

— Zach Leatherman (@zachleat) 2017 年 7 月 27 日

我会避免极端：不要使用极其鲜艳的颜色；使用经典的字体集；简洁但不要过度极简；适度地使用圆角。

— keith•j•grant (@keithjgrant) 2017 年 7 月 27 日

专注于排版。

— Daniel Sellers (@daniel_sellers) 2017 年 7 月 27 日

保持简洁和极简，并使用优秀的排版。

— ⌘ Sean Bunton (@seanbunton) 2017 年 7 月 27 日

当然，还要向 Motherfucking website 和 Better Motherfucking Website 致敬。

拒绝的团队

很多人都直接说不行。一半人？

拒绝。

— Cennydd (@Cennydd) 2017 年 7 月 27 日

公平地说，我们并没有在这里设置很多细节。我敢打赌，有些人会想象这些客户是傻瓜，他们不知道自己在要求什么。

拒绝这项业务，因为这不是合理的期望。

— Len Damico (@lendamico) 2017 年 7 月 27 日

拒绝。

— Jez McKean (@jezmck) 2017 年 7 月 27 日

我想知道，如果客户表现得很好，明确知道自己在要求什么，并且愿意为此付费，那么这些设计师中是否会有很多人做出不同的回应。

哈哈

— Woman Code Warrior (@amberweinberg) 2017 年 7 月 28 日

尽管如此，仍然令人好奇的是，为什么这么多设计师没有看到其中的挑战，只看到了荒谬之处。

让我们来谈谈技术的人

我部分属于这个群体！在这个项目中，我们能做什么，应该做什么，又应该避免什么？

A) 系统字体
B) 语义 HTML
C) 让浏览器不断变化的渲染方式来更新网站
D) git drnk

— Sean T. McBeth (@Sean_McBeth) 2017 年 7 月 28 日

移动优先、SVG 图像、花时间进行 UX 分析（卡片排序分析等）、解耦的模块化微服务前端+后端

— Adam Mackintosh (@agm1984) 2017 年 7 月 27 日

老实说，就是一个 SPA，没有外部依赖项，构建一个存档和条目机制来处理内容。使用通配符重定向，并购买 10 年的托管服务。

— Jeff (@etisdew) 2017 年 7 月 28 日

如果你想要一个实际的答案，而不是“不行”，那么也许只有 HTML，内联样式，没有动态内容，没有外部调用。

— David v2.9.5 (@davidlaietta) 2017 年 7 月 28 日

“没有外部调用”在这里似乎特别明智。

根据我在业界的时间积累的经验和观察，我想说大约 75% 的网站在 10 年后就完全消失了，更不用说这些网站上的特定 URL 是否完全相同（可靠的外部资源）。

内容至上的人

简洁，内容驱动

— Eric Shuff (@ericshuff) 2017 年 7 月 27 日

专注于使其易于发布和管理优秀的内容。因为优秀的内容可以轻松地延续 10 年。

— Deepti Boddapati (@DeeptiBoddapati) 2017 年 7 月 27 日

非常基础，内容为中心，没有华丽的东西。

— Bethany (@fleshskeleton) 2017 年 7 月 27 日

极简。大的文本元素，与内容混合一些图像，颜色很少。

— Veronica Domeier (@hellodomeier) 2017 年 7 月 27 日

看看现有的例子的人

采用 Craigslist 的设计理念。

— Chris Cashdollar (@ccashdollar) 2017 年 7 月 27 日

借鉴 @daringfireball

— Joe Casabona (@jcasabona) 2017 年 7 月 27 日

给他们 Google 首页。

— Darth Seh (@seh) 2017 年 7 月 27 日

https://#/wu3bjk5zoA 我想这可以行

— Pascal (@murindwaz) 2017 年 7 月 27 日

还有维基百科和太空大灌篮之类的。也可以看看 Brutalist Websites。

有趣的看法

我们自己的 Robin Rendle 有一个有趣的看法。由于人口增长、网络发展和移动设备的普及，他们网站可能不想使用英语，尤其是如果它面向全球用户。或者至少使用多种主要世界语言。

莎拉总是能出奇制胜

塑造使用该应用程序/网站的文化，让他们厌恶改变

— Overactive Algorithm (@sarah_edo) 2017 年 7 月 28 日

克里斯托弗为我们提供了一些选项，让他们措手不及

A) 说，“这是那些棘手的 Google 面试问题吗？”
B) 说，“GeoCities 存在了 10,000 年，所以这将很容易。”
C) 👀

— Christopher Schmitt (@teleject) 2017 年 7 月 28 日

为什么要做任何设计？

服务器根目录下的文本文件

— Eric Bailey (@ericwbailey) 2017 年 7 月 27 日

虽然我可能会争论，在这种情况下，你最好将其制作成一个 `.html` 文件而不是 `.txt` 文件，这样你至少可以链接一些东西。

我的看法

显然，“这取决于”这个网站要实现什么目的。

我可以告诉你，当我想到它的时候，我脑海中浮现的是什么。

我想象一个像名片一样的网站。我想象黑白配色。我想象一个简洁的 logo。

我想象非常（真的非常）好的排版。排版比网页古老得多，而且会比网页存活更久。选择经受过时间考验的字体。

我想象一些，但最少的文字内容。即使文字也会过时。

我想象最基本的号召性用语。可能只是一个显示的电子邮件地址。我更相信电子邮件而不是电话。

从技术上讲，我认为你可以依赖 HTML、CSS 和 JavaScript。我认为你现在用这些语言能做的事情在 10 年内都不会过时。

在布局方面，我会考虑用视窗单位尽可能多地实现。屏幕的大小和密度在 10 年内肯定会发生变化。任何能用 SVG 制作的，都用 SVG 制作。这将减少对新屏幕的担忧。响应式设计是一个明显的选择。

任何带有潮流气息的东西都要避免。

输入方式也肯定会发生变化。我们已经开始假设触摸屏。你可能不需要做太多互动的东西，但如果你做了，我不会相信键盘和鼠标。

我还会花时间在托管方面。注册域名 10 年。看看你是否可以提前购买 10 年的托管。选择一家你相当确定能持续 10 年的公司。使用一张你相当确定能持续 10 年的信用卡。确保任何需要续订的东西都能自动续订，比如 SSL 证书。

一如既往，欢迎在评论区中提出更多想法。

Tamer Ziady

# 2017 年 7 月 28 日

简单永远是永恒的。简洁的图形和简单的设计。

Rene

# 2017 年 7 月 28 日

给你！
我应该把账单寄到哪里？

开发：$ 10000（我们确实需要认真对待自己）
设置费：$250（没有设置，就没有网站，对吧？）
每月支持 x 10 年 $50/月：$6000（当然，提前支付）

总计：$7250

< div style="width:100vw;height:100vh">
     < a target="self" href="https://moneypit.com" title="We have too much" style="width:inherit;height:inherit;text-decoration:none">
     < picture style="width:inherit;height:inherit">
         < source srcset="https://moneypit.com/give-it-to-me.png" media="(-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
         < img src="https://moneypit.com/give-it-to-me-mobile.png" alt="Oh yeah" style="width:100%;height:auto">
     < /picture>
     < /a>
< /div>

Juandiegoles

评论永久链接# 2017 年 8 月 2 日

所有资产都返回 404 错误，我想要退款。

Jacob Lett

# 2017 年 7 月 28 日

我认为这个问题的关键在于“在 10 年内看起来不错”。人们和企业往往不会以 10 年的时间跨度来思考，而是专注于当下。什么流行？什么受欢迎？我的竞争对手在做什么？

他们想变得酷炫和有影响力，似乎像 [一群鸟] 一样，从一个设计趋势转向另一个设计趋势。(http://stream1.gifsoup.com/view7/20140505/5030844/starlings-murmuration-flock-of-birds-ytgifs-o.gif) 想想你重新设计过多少东西……真是讽刺。

唯一的例外是拥有一个在设计方面有纪律的客户。一个了解趋势变化的人，并且愿意缓慢适应。我能想到的一个例子是 Google 主页。想想那个页面有多少流量，他们并没有把它塞满东西。

Luke

评论永久链接# 2017 年 7 月 30 日

我喜欢你的类比，尤其是因为鸟群移动是有原因的。一个企业的品牌和设计方向也应该如此。
[品牌 A] 在 10 年内绝对不应该看起来和现在一样。因为 10 年后的人们不希望看到和现在一样的东西。能够在正确的时间以正确的方式迁移其品牌的企业，会在 10 年后仍然存在。否则，它们就会变成柯达。

Bryan

# 2017 年 7 月 28 日

真希望我当时回复了 Twitter 上的问题。

我认为，我们作为设计师的工作是将商业需求和品牌故事与现实相匹配。虽然可能有一些企业在十年内不会改变其需求或品牌故事，但大多数企业会改变其在十年内的运作方式。

当企业发生足够大的变化时，可能需要重新设计。

或者进行迭代设计更新 ;)

Matt Kreiling

# 2017 年 7 月 28 日

Posthaven 旨在永存。

Jay

# 2017 年 7 月 28 日

你应该避免使用除了普通静态 HTML 和 CSS 之外的任何东西。没有 JavaScript、node.js、PHP、数据库等，以避免修补和升级的必要性，并希望你的主机能够保证 HTTP 服务器的安全性和最新状态。

Navarr

# 2017 年 7 月 28 日

这是可行的，但并不容易。

我现在有一个网站，在 5 年后看起来仍然不错（尽管它没有移动布局），但设计看起来并不过时——我认为这是这个问题的关键所在。

不打算在五年内再次更改设计。希望能够重写底层代码，使其能够实现移动化，但设计计划保持不变。

Zane Hannan

# 2017 年 7 月 28 日

天哪！

说实话，我能做的不多。我可以说“这至少两年内不需要任何刷新”，但我就会违背我对像 arXiv.org、CTAN、F-Zero 这样的东西的本能。

在大多数情况下，尽可能使用 SVG，一些扩展的 Markdown（dlist、SVG 中的图像/生成设计，没有主要外部依赖项等）用于主要内容。

即使这样，它是什么类型的网站呢？如果是文章，arXiv（以及通过 LaTeX 处理）很容易实现。如果是咖啡馆，越简单越好：可能一两张图片，基本的品牌和标准菜单？更简单的网站也很好。

越简单越好，真的。如果你回顾一下，很容易。如果你使用所有东西，那就没什么可做的了。

Jon Brown

# 2017 年 7 月 29 日

我喜欢各种各样的回复。令我惊讶的是，没有人说“一个页面，嵌入 MP4 视频，搞定”… 这样你甚至不用担心排版… 只需要担心 MP4 是否仍然可以播放，但我猜是可以的。

Craig England

# 2017 年 7 月 30 日

完全跳过这个问题，考虑客户想要的可能根本不是网站，是否合理？

Rob Willox

# 2017 年 7 月 30 日

这是一种要求询问一些问题的请求。问题是，正如一些人指出的那样，企业本身并不是静止的，除非当然，它们只打算存在很短的时间。在这种情况下，为什么还要创建一个能够经受住时间考验的网站呢？

所有成功的企业都需要随着其市场或客户群的变化和成熟而不断变化。并且，由于他们网站的主要功能是支持他们的发展，因此它需要对不断变化的客户需求和行为做出适当的响应。而且，如果它没有做到，那么它的意义何在？

所有网站都应该拥有良好的排版、良好的内容和能够让访问者完成他们点击进入网站要完成的任务的 UI。而且，如果它在 10 年后仍然看起来不错，那就太好了！

Ben

# 2017 年 7 月 30 日

我会回答“不”。
因为这意味着如果它在 10 年后看起来不好（谁来评判呢？），你将为此负责。你会接受为 10 年前设计的东西负责吗？不可能。
我的回应是：为了承担 10 年的责任，每年支付我 15%，我会相应地更新网站！
双赢。

Amr Abdelaziz

# 2017 年 7 月 31 日

设计如此简单，所以它如此复杂

Nick

# 2017 年 7 月 31 日

当然，网站应该是活生生的“呼吸”的东西？

一个提出这种要求的客户显然不了解拥有网站的基本原理，因此应该避免。

如果网站在 10 年内不会改变，即使是在设计方面，它也不会具有相关性。它不可能在没有任何设计更改的情况下使用 10 年——随着网络的成熟，这些更改会不断发生，无论出于技术原因、SEO 原因、设备原因、性能原因、可用性原因等。

如果非要，那么简单的网站布局是唯一的选择。只有 h、p、ul、li、a、img 和 div 标签以及最基本的 CSS，没有 js 或对任何内容的外部调用。更简单的方法是使用静态 img 或 pdf！

Hilary Baumann

# 2017 年 7 月 31 日

我实际上已经完成了这个挑战……对我来说，这甚至不是假设。

我有一个我在 2006 年创建的网站，它仍在使用，而且还不错。它比一些不了解设计基础的人创建的东西看起来更好。而且，该网站的创建并不需要花费天文数字的资金或时间。

该网站纯粹是为了一个位于小镇的牙医提供信息。HTML、CSS 和 PHP（主要是用于一致导航的 PHP 包含文件）。

• 它在移动设备上也能正常运行，因为我当时实际上是在构建基于表格的液体布局网站。我在 2016 年做了一次调整，当时他们需要更改一些联系信息（有一段代码中存在一个错别字，导致它在 2006 年测试时运行完美，但现代浏览器无法容忍这个错别字，导致菜单发生偏移并偏离按钮图像。）

是的，我知道……表格……死了……但那是在 2006 年，而且它实际上在移动设备上也能正常运行！！！（我认为是液体或流体布局。与响应式布局不太一样，但很接近。）

• 永不过时的元素：幸运的是，真人照片相当永恒（Polo 衫和马尾辫）。而且照片中的牙椅在时间推移中也没有太大变化。另外像“如果支架断裂并吞下怎么办”之类的信息也是相当永恒的。它甚至在联系页面上使用了谷歌地图。以及带有混淆电子邮件地址和 PHP 脚本的联系表单。使用的字体也很基础。标志是永恒的，而不是流行的（与建筑物上的标志不匹配，但建筑物上的标志侧重于“牙套”，而不是企业的名称……同样是小城镇。）

如果当时知道现在所知道的一切，我会做出的 2 个小改动
1) 用户可以访问的网站地图将是未来防范的绝佳后备。你确实可以从 4 个顶级页面访问所有重要信息，但由于下拉菜单的创建方式，你无法在移动设备上访问某些页面。不过，如果这是某人访问网站的唯一方式，似乎没有丢失任何信息。我们当时还没有使用触控屏——iPhone 于 2007 年发布。
2) 用于更大显示器的 max-width CSS。文本不断变得越来越长，而不是像正常的段落……这让我很不爽，但在构建它时分辨率要低得多。max-width 在 2006 年甚至还是 CSS 的一部分吗？我认为不是。

所以我的回答是，这真的取决于客户的期望以及他们所处的行业以及内容。也许甚至还取决于他们的位置和竞争对手（正如我所说，小城镇。）

我还有几个 WordPress 网站，尽管它们会收到插件和核心更新，但几年来也没有重新设计。较老的 WordPress 网站的问题在于，我在转向 WordPress 的 3-4 年时间里放弃了响应式布局，因为 CSS 不像今天这样。一些小型企业和艺术家客户仍然从口碑中获得大部分业务，但他们的网站是几年前构建的固定宽度 WordPress 网站。

Greg Comfort

# 2017 年 8 月 1 日

有人能说出十年来一直没有改变的网站吗？

我试图找到一个例子，但失败了。

甚至 archive.org 也在十年间发生了变化！

Tamer Ziady

永久链接到评论# 2017 年 8 月 1 日

Google.com – lol……简单！

T
Greg Comfort

永久链接到评论# 2017 年 8 月 2 日

是的，同意，我本来会说 Google.com 十年来没有改变。

刚刚在 archive.org 上查看了一下，它确实改变了一点。好吧，搜索框周围的东西发生了变化。
Thomas

永久链接到评论# 2017 年 8 月 7 日

我想 Google 在过去十年中肯定进行了一些后端和服务器更新。可能只是超级微小的东西；)

George Treint

# 2017 年 8 月 1 日

就网页设计而言，几乎不可能设计出能够持续 10 年的东西。随着技术的进步，这种媒介的本质不断变化，如果你无法适应，你肯定会失败。就在过去的一年里，我们不得不感谢谷歌大神添加了另一种媒介：AMP。与房屋的室内设计相比，网站的设计更难保持十年以上的相关性：创新空间更小。 10 Best Design -> 看看此网站上的任何公司，然后告诉我如果他们的网站有 10 年的历史，他们是否还存在！
G

Jez

# 2017 年 8 月 2 日

我觉得我应该澄清一下我的直白推文。

我想继续从客户那里赚钱，而这种问题会让我感到警钟敲响，他们将成为那种最终会让你赔钱的客户。

如果被迫，那么 KISS 方法对我来说最合适。

Davide

# 2017 年 8 月 2 日

在网络上已经存在超过 10 年的东西了，那就是：http://portale.hearstadv.it/images/WORKING.gif

Todor Panev

# 2017 年 8 月 2 日

嗯。理查德·斯托尔曼的网站怎么样？它现在可能有 20 年的历史了。

Matthias

# 2017 年 8 月 10 日

好吧，Google 在过去十年中发生了变化。
它今天绝对不像 2007 年那样了。不仅首页上的 logo 发生了变化（它甚至每天都在变化），而且搜索结果的显示方式也发生了很大变化。更不用说搜索结果本身了。
这让我想到 logo：我会花更多时间来尝试让它变得永恒，并避免将任何潮流应用于它。

我有一位客户的网站已经运行了 10 年了，它仍然“看起来不错”。另一方面，我为另一位客户制作了一个 logo，然后被网站公司修改成了 app 图标的样子。现在这使得它看起来过时了，我当时就知道会这样。
简而言之，就像其他人所说的那样：在排版和颜色上多花点心思，省略任何不必要的东西。

但我也能理解 Amber：网站是一个活生生的东西。不改进它就意味着要终结它。这是懒惰的一种有趣方式。

Shay Smith

# 2017 年 9 月 4 日

HTML、CSS 和 JavaScript 很有用，但 Google 在过去十年中发生了变化。网站应该修改，但基本的视觉效果不应该改变，这样才能看到一点旧的东西。

此评论线程已关闭。如果您有重要信息要分享，请联系我们。