新版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吗?

via: Will This Be The New Google Web Design?

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇