32

Google 官方解释为什么这样设计 Google 搜索的新界面和新 logo

2010年5月7日

Google当然想提供更强大更好的搜索服务，所以他们在测试了长达半年之后，终于全面“变脸”了。这次变化的目的主要是要实现更强的技术、更快的结果，突出简洁性、趣味性和古怪精灵的个性化体验。Google的设计师要将一个数百万人已经熟悉的东西重新设计一番，这自然是一项充满挑战的工作。

增加灵活性的常用方法就是在页面左侧加入一串链接，也就是左侧导航，Google从2006年开始就不断在搜索主页上做着各种疯狂的实验，目的就是要找出既不会分散注意力又能提供强大导航的方式，既要很强大又要很简洁。

Google在去年5月迈出了第一步，也就是“搜索百宝箱”（Search Options）的发布，但它是可以展开/关闭的，这可以使用户快速尝试新的搜索工具，比如对时间和内容类型做详细的定义。通过“搜索百宝箱”，设计师、研究员和工程师们通力合作，以期找出各种永久打开搜索工具的可能性，Google做了上百种原型，同时收集用户对新界面进行学习后的反馈，再加上有史以来最大规模的视觉测试，最终Google设计出了与搜索相关的动态工具侧栏，并加以美化，也就是大家现在看到的新的搜索界面（上图）。

Google想到一旦增加左侧边栏势必会导致搜索结果页面比重的倾斜，所以又设计了新的无阴影的更明亮的Google logo（下图），以使新的设计感觉更轻快。

相应的，搜索结果界面的底部也做了轻量化处理，去掉了浅蓝色的背景和链接的下划线，整体颜色也更淡雅，同时扩大了搜索框（下图）：

最后Google还展示了四幅之前设计的原型（以对比现在的设计比这些还是强不少的？）：

  1. 蓝色主页：Google对蓝色情有独钟──毕竟蓝色通常都是链接的颜色，是蓝色连接了网络，所以蓝色也成了Google很多设计的基础颜色
  2. 蓝色按钮：大蓝色按钮是最初的实验，不过它马上被用户给骂疯了
  3. 通用搜索的分割线：这个设计将不同搜索类型分成不同部分展示出来
  4. 蓝色结果页：这个是Google最后的一个设计，其中把Web的网页搜索叫做了Everything，以显示Google要组织全球所有信息的目的

Via Google Blog

本站文章除注明转载外，均为本站原创编译
转载请注明：文章转载自：谷奥——探寻谷歌的奥秘 [http://www.guao.hk]
本文标题：Google 官方解释为什么这样设计 Google 搜索的新界面和新 logo
本文地址：http://www.guao.hk/posts/why-the-new-google-design.html
本文短网址：http://guao.cc/LWx
作者: 分类: Google新闻 标签: , , , ,
  1. vertical roller mill
    2010年8月7日08:57 | #1
    回复 | 引用

    恩，感觉淡点好，更轻快！

    Thumb up 0 Thumb down 0

  2. stone crusher
    2010年8月6日19:52 | #2
    回复 | 引用

    新版的logo比较好看，给人一种简单清晰的感觉，这样很好。

    Thumb up 0 Thumb down 0

  3. olz3
    2010年6月21日09:17 | #3
    回复 | 引用

    新版的更加好看！

    Thumb up 0 Thumb down 0

  4. power
    2010年6月2日15:08 | #4
    回复 | 引用

    google 搜索的结果显示格局刚开始用的时候是有点不习惯的，就感觉Google在不停的变，或许这样的更新变化 促成了它王者地位。

    Thumb up 0 Thumb down 0

  5. waffle
    2010年5月11日13:45 | #5
    回复 | 引用

    不喜欢新logo的配色。。。阴影处理不错

    Thumb up 0 Thumb down 0

  6. pizn
    2010年5月11日13:31 | #6
    回复 | 引用

    @HuMeng :
    有道理~

    Thumb up 0 Thumb down 0

  7. chris
    2010年5月11日12:43 | #7
    回复 | 引用

    視覺策劃肯定是usability 部門做的eye tracking

    Thumb up 0 Thumb down 0

  8. leeron
    2010年5月10日22:02 | #8
    回复 | 引用

    可惜谷歌杯具了，还是老咯LOGO

    Thumb up 0 Thumb down 0

  9. 嘎嘎
    2010年5月9日17:50 | #9
    回复 | 引用

    @lelia:
    你有不用谷歌的权利

    Thumb up 0 Thumb down 0

  10. HuMeng
    2010年5月9日17:45 | #10
    回复 | 引用

    @Garrid Lou: 　在中国，商标上的TM也有其特殊含义，其实TM标志并非对商标起到保护作用，它与R不同，TM表示的是该商标已经向国家商标局提出申请，并且国家商标局也已经下发了《受理通知书》，进入了异议期，这样就可以防止其他人提出重复申请，也表示现有商标持有人有优先使用权。 用TM则是商标符号的意思，即标注TM的文字、图形或符号是商标，但不一定已经注册（未经注册的不受法律保护）。TM是英文trademark的缩写。
    　　常用上标符号™表示。

    Thumb up 0 Thumb down 0

  11. lelia
    2010年5月9日13:02 | #11
    回复 | 引用

    讨厌这次的改版，特别是左边多出来的搜索选项，有时加上右边的广告，真正需要的搜索结果被挤得只剩中间小小的一块，看了很不习惯，很烦琐。google应该给用户选择关闭的权利，为什么要强制用户使用新的页面？

    Thumb up 0 Thumb down 0

  12. Garrid Lou
    2010年5月9日10:11 | #12
    回复 | 引用

    @HuMeng:
    这个是不是新的图标还米有申请商标才没放上去呢？

    Thumb up 0 Thumb down 0

  13. cometrace
    2010年5月8日09:56 | #13
    回复 | 引用

    新logo的颜色更加和谐，更加优雅了

    Thumb up 0 Thumb down 0

  14. 王
    2010年5月8日00:23 | #14
    回复 | 引用

    喜欢这次的改版

    Thumb up 0 Thumb down 0

  15. keano
    2010年5月8日00:15 | #15
    回复 | 引用

    URO :
    @keano:
    win健 + 右边数字键盘 ”+“

    @URO:
    虾米意思？

    Thumb up 0 Thumb down 0

  16. MR.1st_
    2010年5月7日21:26 | #16
    回复 | 引用

    第一次看见那蓝色按钮的时候我也想骂...
    不过还好没采用.

    Thumb up 0 Thumb down 0

  17. young
    2010年5月7日21:24 | #17
    回复 | 引用

    我装了谷奥推荐的　Multi-Column View of Google Search Results　扩展　

    杯具了

    Thumb up 0 Thumb down 0

  18. yelan
    2010年5月7日18:39 | #18
    回复 | 引用

    说不来，我好像不太习惯= =|||

    Thumb up 0 Thumb down 0

  19. 敏感词
    2010年5月7日17:44 | #19
    回复 | 引用

    原来的Logo更好看。新Logo给人的感觉很轻佻。尤其是第二个鲜黄色的o，真是逊毙了，偏偏“下一页”长长一串黄o，让人感觉好像一坨坨的……橘子
    从颜色选择中可以看出Chrome的Logo设计人参与了这次新Logo的设计。但我个人认为Chrome的全彩Logo本身就是悲剧，缺乏其他浏览器Logo的美感，比较而言Chromium的单色Logo还要好很多。

    Thumb up 0 Thumb down 0

  20. crusher
    2010年5月7日16:44 | #20
    回复 | 引用

    新界面很漂亮。很喜欢。我体验到好多次了

    Thumb up 0 Thumb down 0

  21. URO
    2010年5月7日14:35 | #21
    回复 | 引用

    @keano:
    win健 + 右边数字键盘 ”+“

    Thumb up 0 Thumb down 0

  22. HuMeng
    2010年5月7日12:30 | #22
    回复 | 引用

    我觉得Logo的重点是去掉了“TM”，你们觉得呢？

    Thumb up 0 Thumb down 0

  23. madbeef
    2010年5月7日12:20 | #23
    回复 | 引用

    我是非常喜欢这个新的UI设计的。简洁轻快，终于摆脱了电脑宅男设计风格

    Thumb up 0 Thumb down 0

  24. Google不爱我
    2010年5月7日12:10 | #24
    回复 | 引用

    感觉那些新图标在左侧边栏里看着还行，但是到“更多”里边看到大号的新图标，感觉不是一二般的难看……囧

    Thumb up 0 Thumb down 0

  25. 自由人
    2010年5月7日11:42 | #25
    回复 | 引用

    新版感觉挺不错的。。。特别是搜索框 感觉比以前要好些

    Thumb up 0 Thumb down 0

  26. xihongshi414
    2010年5月7日11:32 | #26
    回复 | 引用

    搜索的分割线觉着还不错啊，这样页面多清晰啊

    Thumb up 0 Thumb down 0

  27. snowvoice
    2010年5月7日11:09 | #27
    回复 | 引用

    但是中文的搜索页面并不舒服，它没有考虑到中文字体又大又方的特殊性吗？

    Thumb up 0 Thumb down 0

  28. JTR
    2010年5月7日10:52 | #28
    回复 | 引用

    请问有没有类似customizegoogle的FF扩展了？它停止开发好久了 虽然能用 但是有些不正常

    Thumb up 0 Thumb down 0

  29. nonomori
    2010年5月7日05:25 | #29
    回复 | 引用

    我怎么觉得蓝色大按钮还可以...

    Thumb up 0 Thumb down 0

  30. keano
    2010年5月7日05:20 | #30
    回复 | 引用

    其实新logo也是有阴影的
    只是阴影比较小而已
    仔细看能看到的

    Thumb up 0 Thumb down 0

  1. 2010年5月7日22:48 | #1
    如何回到经典老版 Google 搜索页面 | 谷奥——探寻谷歌的奥秘
  2. 2011年5月19日15:59 | #2
    Google 日语同义词匹配系统详解 | 谷奥——探寻谷歌的奥秘
首次留言需审核，之后不会再审核。由于缓存机制您的留言可能不会立即显示出来，请稍后刷新本页面

您可以直接点击别人评论右侧的回复，这样您的回复评论将同时发到原作者信箱