jQuery.com 网站重新设计

发布日期： 作者：

我们刚刚发布了一个全新的网站重新设计（适用于 jQuery.com 及其所有子网站）。这已经酝酿了很久，现在把它推向市场感觉很棒。

新主页

jQuery.com

毫无疑问，这是重新设计中最具争议的部分，但绝对是最吸引眼球的。

jQuery 长期以来一直受到摇滚乐的驱动，即使追溯到其 最初发布 时，也深受始终优秀的 Devo 的启发。我们追求一个朗朗上口的 设计，帮助将 JavaScript 从其经常身处的冷淡的低谷中解救出来，赋予它一股强烈的趣味感。

新网站布局

jQuery Docs

整个网站采用了全新的布局。通过大幅改进的多层导航和标准化的侧边栏，浏览网站的各个部分应该会变得容易很多。

探索内部页面时，你可能需要戴上安全帽——字体大小、间距和颜色都需要调整，这将在接下来的一周内完成（同时处理 Trac、WordPress、Drupal 和 Mediawiki 真是太有趣了）。

新标识

jQuery Logo

最初的 jQuery 标识是 Devo 帽子的一种变体——我们借鉴了这一概念，颠覆了它，创造出了我们自己的标识——同时仍然受到 Devo 能量穹顶 的原始轮廓的启发。

感谢

网站和标识设计：Scott Jehl——他为这次重新设计投入了大量的工作，从构思到最终实施，他都倾注了心血。

摇滚风格的插画：来自 nGenWorks 的 Varick Rosete，他也是 Happy Webbies 的知名人物。

最初的标识原型设计：Bradley Sepos.

还要感谢 Media Temple 为我们提供托管服务。过去一周，他们一直帮助我们迁移网站到一些新的服务器——很快你就会看到子域的速度有所提高。

关于“jQuery.com 网站重新设计”的 86 条评论

  5. mike 在 说：

    这是一个很有趣的代码库设计。:)

    但是，嘿，jQuery 让我对使用 Javascript 的工作变得可以忍受。John Resig 是个神。我希望新网站没有旧网站的一些 UI 问题（至少在 IE 中）。

  6. Vincent Voyer 在 说：

    哈哈，我喜欢用双文本制作阴影的菜单效果 :)

    一点建议，jpg 背景压缩得太厉害，渲染效果不好。

    它有典型的低压缩率 jpg 图像的渐变线条。1 像素宽的 jpg 图像不应该被压缩。

  8. Adam Schilling 在 说：

    不太喜欢。抱歉，伙计们。

    我建议去掉摇滚明星的引言和插画（向 Varick 道歉——它本身就很酷）。另外，那些初始勾选框上的悬停效果有点不稳定，而且在我看来，并不能很好地宣传 jQuery（从左到右扫过所有三个勾选框，看看会不会让你眼睛不舒服——即使只有一点点）。

    其他一切都很不错。我特别喜欢那个标识。当然，我喜欢这个库。

  9. jesse 在 说：

    哇……只是想找一些快速文档，然后 wha？主页很棒——在品牌方面绝对是一个有趣/令人愉快的惊喜（天哪，这押韵了）。

    我喜欢你一直抵抗使用 jquery 效果等等……让它显得“成熟”但仍然很有趣。设计很漂亮。

  11. Asbjørn Ulsberg 在 说：

    我喜欢它！我还没有浏览过所有页面的变体，但我目前看到的内容真的很棒。但是请将 favicon 的背景设置为白色而不是黑色——我认为这样会更好，因为大多数地址栏本身都是白色背景。

    哦，难道“谁在使用 jQuery”不应该链接到一个显示所有用户的页面吗？肯定有成千上万的网站使用 jQuery，如果有一个单独的页面显示所有用户，我认为，越多越好。

  12. Dave P 在 说：

    设计不错！我最近终于开始使用 jQuery 了……很长一段时间以来，我一直更喜欢 scriptaculous，在我的博客上也明确表示了这一点；但我最近也重新设计了我的网站，用 jQuery 和 jQuery UI 代替了 scriptaculous :-) 它真的是一个更强大的框架。

  13. Kelli 在 说：

    祝贺你们发布了新网站。

    我一直是 jQuery 的粉丝和用户。我喜欢这个库，并且广泛使用它。我也喜欢新网站——除了插画和勾选框上的悬停效果。它是一款很棒的插画，但很难把它当真。

    另外，“摇滚明星”的文字完全吸引了人们的注意力，抢走了你标识的视觉焦点——直到你将鼠标悬停在勾选框上。这是一种不错的效果，但感觉太大，而且很笨拙，太宽了。我将鼠标放在某个项目的右边，然后可以弹出旁边项目的方框。在展示 jQuery 的强大功能时，这种第一印象似乎不太好。

    我无意冒犯。你们创造了网络上最好的 JavaScript 库，除了那两个小问题之外，新网站非常棒。

  14. Klemen SlaviÄ 于 说：

    我是这个库的忠实粉丝，但我很失望地发现新首页。我想说，这种新布局更适合于脚本小子和特效爱好者，而不是专业人士。

    我已经使用 jQuery 一年半了，我对工程实践有了敬畏，我很遗憾地说这种视觉布局与我所期待的并不一致。当你面向一个视觉迷恋的群体时，很难被视为一个严肃的工具。我并不反对一个演示网站，它可以展示各种效果和教程，并带有所有花哨的东西，但请将主网站保留为简洁，方便我们所有有特定目的访问网站的人。

    我的两分钱。

  15. Jason 于 说：

    摇滚明星的风格看起来很愚蠢，很不专业，但我无论如何都会使用 jquery，无论你的主页是什么样子。:)

  16. cdamian 于 说：

    不错的库，不错的 logo，糟糕的网站。

    我一开始还以为今天是 4 月 1 日。

    我觉得你们可能会吓跑新用户，现有的用户可能只使用 docs.jquery.com，那些页面还不算太糟糕。

  18. Sebastian 于 说：

    在我看来，新设计有点“幼稚”，浪费了太多空间，但这只是个人喜好。

    哪里有“打包”的下载？我们没有使用 gz 压缩我们的 JS，因此总是下载打包的 jquery，但现在首页上无法访问它，只有压缩版。

    而且我的印象是，网站仍然和以前一样慢（至少从欧洲访问时是这样，不知道 jquery.com 的托管位置在哪里），这在浏览文档等时非常痛苦。你们能不能找到更好的托管，也许能找到一些公司资助这个项目？

    Sebastian

  19. Luca 于 说：

    这是一个很酷的重新设计，
    但需要检查一下
    – 蓝色菜单在 Ubuntu/FF3 中会溢出
    – 为什么使用复选框而不是单选按钮？

  20. Mark McDonnell 于 说：

    天啊！？

    说真的，我喜欢子页面设计，但主页上那个卡通人物的图形毫无用处，太糟糕了！它让 jQuery 看起来非常不成熟，很幼稚。

    我知道你们想在生活中一个非常极客化的方面注入一些“乐趣”（面对现实，编程对于很多人来说是一个非常无聊的主题），但老天爷，找到其他有趣或独特的方式吧，那个卡通人物太糟糕了，让人非常反感。

    也许我会把这个链接发给一些人，看看他们的想法，但我第一印象是：一切都好，除了那个卡通人物！

    此致敬礼，
    M.

  21. Johan Sahlén 于 说：

    我喜欢新网站的设计，logo 也还可以，但主页上的插图和摇滚风格感觉很不专业。如果我之前没有用过 jQuery 就访问这个网站，我觉得我会把它当成“脚本小子和特效爱好者”，就像 Klemen SlaviÄ 说的那样。

  22. Ian 于 说：

    总的来说，网站设计的更新是受欢迎的，但对于 logo 和主页图片，我有一些反馈想分享。

    Logo

    最初的 logo 图形与 Devo 的参考相关联——无论好坏，它都有个性。然而，现在从原始主题中抽象出来，让当前的图形沦为了通用的“swoosh”类别。

    我也不敢说字体——《银翼杀手》遇见《星际迷航》。这是典型的追求未来感和前沿性的作品，以至于最终落入了 80 年代科幻设计流派。当然，除非这是从一开始的目标。:)

    首页标题

    插图执行得很好，概念也很有趣，但我作为一个图形设计师和客户端开发人员，我更感兴趣的是成为一名专业匠人，而不是摇滚明星。

    显然，我使用 jQuery 是为了 jQuery 本身，而不是“网站设计”，但交流设计总是会产生影响，这种图形所传达的情感是（至少对我来说）——作为 jQuery 未来发展方向的反映——它指向了与我作为开发人员想要前进的方向不同的方向。

    我想我可以把上面的陈述简化为几个简单的表述

    设计：请少一点 David Carson，多一点 Paul Rand
    开发：请少一点 Joshua Davis，多一点 Douglas Crockford

    （免责声明——我尊重并欣赏上述每位设计师和开发人员的作品，这不是衡量谁比谁“更好”的标准——仅仅代表我更希望或之前想象中 jQuery 的方向。）

  23. adb 于 说：

    我倾向于同意 Johan 和 Klemen 的观点。

    并不是为了贬低所有投入网站开发的辛勤工作——当然，它是值得赞扬的——但它似乎不再适合 jQuery 了。旧的设计是专业而充满活力的；而这个设计太沉闷了。

    每一个变化，无论好坏，都会有反对者，所以请原谅我成为“那些人”中的一员。我相信我会慢慢习惯的。

  25. Ric 于 说：

    非常棒，很高兴看到你们有自己的形象，我认为它很适合 jQuery。jQuery 可以用来让网站对那些对网站如何工作没有兴趣的普通大众来说更有趣、更易用。

  26. Kris Khaira 于 说：

    新的 logo 很棒，但我不喜欢摇滚明星图形，新的设计也很乱。之前的网站简洁很多。

  29. redsquare 于 说：

    恭喜约翰等人。我喜欢这个设计和有趣的感觉。

    不专业？得了吧，它只是一个js库，而不是什么高傲的咨询公司……

  32. Jonathan Snook 于 说：

    以下是我的一些想法：保留插图。事实上，可以添加更多。并将它们轮流显示。向人们展示，使用 jQuery，你可以成为任何你想成为的人。（下一个应该是一张忍者插图。（或者是一个武士，因为出版商似乎更喜欢这个！））

    我喜欢现在网站与 UI 网站保持一致。我同意，现在的开发帽子有点过分，但我认为它向过去致敬是件好事。jQuery 的文字商标是最重要的部分，我认为它本身就很突出，我不会改变它。它已经足够有个性了。

    但是，如果我不抱怨一下，我会感到很失落，但对我来说，实际上是这个主栏的宽度。我发现它太小了，尤其是在文档中。将它再扩大 50-100 像素，会产生巨大的改变。

    此外，如果 logo 和顶部导航与 UI 网站完美对齐（顺便说一下，UI 网站稍微宽一些！），那会很棒。

    总而言之，我赞同新外观。有些人就是不喜欢改变。jQuery 是一个由一群游牧民族共同创建和管理的框架。是来自世界各地的人们走到一起，仅仅是为了乐趣而维护一个很棒的库。我认为这个网站反映了这一点。

  33. Matt Wilcox 于 说：

    我喜欢这个新外观。我认为，你们把一个通常出现在“功能性”网站设计中的枯燥主题，赋予了艺术设计风格，这太棒了。毕竟，jQuery 的本质就是抛开技术术语，让创作变得轻松。概念很到位，执行也很出色。

    遗憾的是，首页的这种对细节的关注显然没有延伸到子页面，它们看起来充其量是半成品。来吧，各位，既然开始了，就坚持到底吧！那么，为什么内容页面只是在默认字体中使用枯燥的黑色标题呢？为什么所有内容只是无聊的列表呢？内部页面看起来像是花了不到十分钟的时间来设计，而首页显然花了好几天的时间来设计。

    无论如何，这是一个很棒的重新设计，祝贺你们！:)

  35. Leo Ruggeri 于 说：

    新设计真的很漂亮，也很清晰。我唯一不喜欢的是“嘻哈”风格的摇滚明星插图。

    感谢你们付出的辛勤工作。

  37. Jeroen Ruigrok van der Werven 于 说：

    我欣赏大部分重新设计，但我同意大家的第一感觉是它有点脚本小子风格。在公司内部，这已经是使用 jQuery 的“推介”过程中很重要的一部分。
    岩石图像导致我不得不滚动才能阅读更多关于 jQuery 的内容，这不可能是目标，对吧？

    另外，为什么网站对可用屏幕空间的使用如此狭窄？图像在我的浏览器窗口中横向拉伸，但对于网站的内容，有人却只使用 50%？这导致我不得不滚动浏览更多网站内容，非常分散注意力！

    现在，这个网站让我做了更多事情，而不是更少。

  39. Kees 于 说：

    它看起来不错，但我认为它不适合这个网站。此外，文本页面上前景和背景之间的对比度分散了对内容的注意力。

    我本会选择更严肃的外观。

  41. adb 于 说：

    是的。Jonathan Snook 的轮换建议几乎和图中的那个人一样棒。这将是一个合理的妥协方案。我可以接受这个配色方案。>_>

    我只是……认为那张插图不应该成为 jQuery 的吉祥物，你知道吗？

  44. Alistair Davidson 于 说：

    我实际上喜欢这个新设计——有一个（可用性）注意事项。

    生产/开发复选框是互斥的，所以它们应该是单选按钮，而不是复选框。在互斥选项中使用复选框是大忌！更糟糕的是，那些不知情的人可能会看到这个网站上使用了这种做法，从而认为这是可以接受的。

  45. Matt Nowack 于 说：

    总的来说我喜欢这个重新设计，但我同意其他人的意见，即摇滚明星的图片有点幼稚。如果要保留它，也许可以把它移到内容下方，并给它一个比仅仅好看更好的存在理由，这将有助于减轻它的幼稚性。也许你可以用它来链接到使用 jQuery 的用户在 Digg 或 Google 等很酷的应用程序中的个人资料。

  48. Peter on 说：

    天哪，我们现在是 MTV 摇滚乐手了吗？我喜欢 jQuery，因为它功能强大且可靠。首页上的图画看起来像是为儿童设计的 jQuery，而且设计压倒了内容。

    我知道每次重新设计都会有人喊“我更喜欢旧的方式！”我并没有。我的意思是，我太羞于网站的外观，以至于无法提供一个链接来推荐另一个成年人使用它。这个设计并不“强大”或“前卫”，它压倒了你的内容，让你无法做任何事，只能盯着它发呆，而不是了解 jQuery。

  50. Sean O on 说：

    重新设计做得很好，伙计们。

    我不是那个卡通的忠实粉丝。它让网站看起来有点，嗯，卡通化。主页感觉像是我在有人经过时必须在工作中隐藏的东西。

    也许可以换一种对摇滚主题的理解？保留背景和“摇滚明星”的排版，它看起来很棒。

    也许可以制作一个吉他英雄式的屏幕，上面有 jQuery 的标志向下飞而不是脉冲，还有一个模糊的人物“弹奏”键盘……或者一个深色调的演唱会场景的广角镜头……