新版Google Web网页设计风格

据国外知名博客消息，Google 在针对某些用户测试其新版的网站风格，这里让我们先睹为快吧。从以下新旧版本的对比可以看出，Google的新版本网站更加注重操作性和可视性等用户体验 方面。

1，Logo设计

Google的新Logo更大了，看起来更也比现在的老版本Logo更亮了，并且最大程度上减少了字母阴影效果，使得新版的Logo更有现代感了。

新Logo

当前Logo

2，首页

Google首页的搜索框更大了，两个搜索按钮也从默认的浏览器按钮样式，美化为新的CSS样式，使得其在不同的操作系统和不同浏览器中可以保持显 示效果的一致性。

新版本（点击放大）

当前版本（点击放大）

3， 搜索关键字提示功能

在首页的Ajax搜索关键字提示功能上，新版设计和当前版本区别不大，主要是关键字提示列表的样式发生了细微变化，从以前的灰色外框变成新的蓝色外 框。

新版本（点击放大）

当前版本（点击放大）

4，搜索结果页

当前的搜索结果页的操作方式是必须手动点击“显示更多选项”链接，才会出现左侧侧边栏的百宝箱；而新版本则默认打开。

新版本（点击放大）

当前版本（点击放大）

5，搜索结果的内容

在搜索结果页面，除了项目的标题还保留下划线超链接形式外，其他的链接文本都取消了下划线样式。

新版本

当前版本

6，左侧边栏

相比当前的左侧边聊，新版本中左侧边栏的项目中，添加了图标内容链接，使得链接区域变的更大，更方便点击操作了。

7，页脚

新版本的页脚搜索框变的更大了，搜索按钮也进行了CSS样式化，并且使得翻页样式和新版本的Logo进行了匹配。

新版本

当前版本

虽然我们还没有看到真正的新版Google网站，但是从上面的特色来看，Google在网站的用户体验方面又有了非常大的进步，那么，你喜欢新版本 的Google吗？

上一条： ie6下png透明代码|ie6 png透明
下一条： Mobile Web下的编码设计|设计培训班