正在阅读:重剑无锋大巧不工 浅谈Chrome的设计理念重剑无锋大巧不工 浅谈Chrome的设计理念

2013-08-01 15:32 出处:PConline原创 作者:Aimo 责任编辑:censi
1Chrome:凭设计理念影响业界回顶部

  Chrome发布之时,业界各方莫不虎躯一震。这不仅仅是因为Chrome的后台大佬是互联网霸主Google,还因为Chrome本身实在是令人耳目一新。当时浏览器市场的两大巨头为IE和Mozilla Firefox,经过多年的成长,IE从界面清新的小伙子变成了吨位吓人的大胖子,Firefox也是愈发庞杂,臃肿得连它的幕后大老板都看不过眼——这位幕后大老板便是开发Chrome浏览器的Google了。

Firefox的流行和Google的推广密不可分
Firefox的流行和Google的推广密不可分

  Google此前一直是Mozilla基金会的赞助者,期望Firefox能够在浏览器市场上击败IE,好将Google的旗帜插遍互联网的每一个角落。但是好几年过去了,Firefox是给了IE不少压力,但市场份额仍然和IE有着一大截距离。Google虽然资助Mozilla,却不能直接控制Firefox的开发,而Firefox的设计理念和Google所想的又相差很远。想到指望Firefox击败IE不知是不是要等到山无棱,天地合,Google自己终于忍不住出手了。

Firefox实在追不上IE
Firefox实在追不上IE

  Google是业界中有名的工程师聚宝盆,习惯以工程师的思维开发产品,理念先进,虽说雷作不少,但是也有很多是引领业界潮流的产品。Chrome无疑属于后者,它的横空出世给浏览器市场注入了一股活力。Chrome出现以后,各大浏览器,甚至以创新著称的Opera,都多多少少地都受到了影响。我们发现浏览器们的标签页开始上置,地址栏和搜索框开始合体,Chrome带来了一个浏览器新时代。

大片留白的Google 新界面就是Google的最
大片留白的Google+新界面就是Google的最新雷作

  言归正传,让我们来说说Chrome的设计理念到底是什么吧。Chrome的理念其实不难理解——以互联网为本,把浏览器轻量化高效化,将网页内容最大程度地快速呈现给用户,让用户注重网页浏览而非浏览器本身。下面我们来粗略分析一下Chrome的设计理念如何得以体现。

  了解更多关于谷歌Chrome浏览器的使用技巧,请进入:谷歌Google Chrome浏览器专区

-----------------------------------------------------------------------------

更多相关文章:

不仅仅是“傻快” Chrome扩展程序简介

不只是马甲 简析Chrome和Webkit的渊源

集成最新Webkit内核 QQ浏览器6.14抢先体验

刺鲅来袭!Opera 12 Beta 凶悍出水!

-----------------------------------------------------------------------------

2Chrome的设计理念:界面篇回顶部

  我们先来看看Chrome诞生之前的浏览器,从屏幕最顶端往下数,分别是标题栏、菜单栏、工具栏、地址栏、书签栏,往底端看还有浏览器状态栏、进度条以及Windows任务栏,一栏还比一栏宽。也许在屏幕4:3比例还是主流的时候,你不会觉得这有什么,毕竟有时候密密麻麻的按钮真的就是能让人产生一种奇怪的快感——我的意思是说,会有一种像是在操纵宇宙飞船般的高端的感觉,嗯。

密密麻麻的按钮:甚爽
密密麻麻的按钮:甚爽

  很遗憾,出于种种原因,4:3的屏幕在现在的个人电脑上已经很少能见到。目前16:10和16:9的屏幕成为了主流,这类屏幕在4:3比例的狂热粉丝口中有一个难堪的外号:“带鱼屏”,意思就是说宽屏的形状扁得像带鱼。当然实际上并不会那么夸张,但宽屏上的浏览器带上了数种“栏”,剩下能用以显示网页内容的面积的确不多——也许就只能装进腊肠狗了。亲们,请忍受宽屏时代看一幅杀猫图片需要滚三下鼠标滚轮的用户体验吧。

带鱼屏已经来了,棍屏还会远吗
真·带鱼屏已经来了,棍屏还会远吗

  幸好Chrome的出现阻止了这股歪风邪气。在Chrome上,你的视线不必再像刘翔一样跨过N栏才能看到网页内容。Chrome上面只有两个栏——置顶的标签栏和其下的合为一行地址栏和工具栏。加上Windows自带的任务栏,不过区区三栏。这样,用以显示网页的面积就大大增加,用户更容易专注于网页本身的内容而不是浏览器上花花绿绿的按钮以及花俏的功能。

Chrome的超大显示面积让人神清气爽
Chrome的超大显示面积让人神清气爽

  此外,Chrome界面的配色也很有讲究。Chrome的默认配色一直都十分淡雅,从最初的浅灰蓝到现在的中性灰,都是十分平和且不引人注目的色调——18%的中性灰还是自然界中最中庸的调子。加上Chrome原生的按钮也没有颜色,这一切都是那样的不起眼。这正是Chrome所追求的风格——你最好把眼神放到色彩缤纷的网页内容上,而非该死的浏览器本身。对于一般用户来说,浏览器只应该是一个窥视外界的窗口,这就够了。

Chrome的主色调是18%中性灰
Chrome的主色调是18%中性灰

  除了视觉效果倾向于网页内容浏览,Chrome的互交设计也十分注重浏览器和网页的无缝对接。实际上,Chrome的大部分功能都可以通过标签页实现。当你需要设置Chrome的时候,设置界面不过是一个标签页;当你浏览网页的时候,网页内容也是一个标签页。就这样,Chrome在极力模糊浏览器和网页之间的界限,让用户在不知不觉中淡化了浏览器的概念。

Chrome的设置不过是一个标签页
Chrome的设置不过是一个标签页

  Chrome的这种理念也影响到了基于Chrome的扩展程序的开发。为了保持整体风格的一致,不对用户阅读网页形成过多干扰,Chrome并没有像Firefox一样为扩展程序提供大量接口。这使得Chrome上的扩展程序和浏览器本身契合度十足,很多时候扩展程序都只是在默默工作,并不会带来不协调的违和感。Chrome和其扩展程序这种以网页浏览为己任,不刷存在感的行为,赢得了大量良好口碑,这也是Chrome能在Firefox手中抢夺大量市场份额的重要原因。

  可以说,Chrome看上去简简单单却隐藏着Google设计师的深思熟虑。用户在使用Chrome时,整张网页扑面而至,这种直观的爽快感,恰恰成为Chrome毫不起眼的界面上最鲜艳夺目的一抹色彩。

3Chrome的设计理念:内核篇回顶部

  之前我们曾经有过文章介绍Chrome的内核——Chromium(点此查看相关文章),其中谈到Chromium使用了Webkit的WebCore排版引擎以及Google自己开发的V8 JavaScript引擎。Webkit是一个十分高效的浏览器内核,当年曾经和Firefox所使用的内核Gecko进行过激烈的竞争,角逐苹果Safari项目的支持,最终Webkit以轻便、高效等特点胜出。

Webkit的优点使它在很多领域大受欢迎
Webkit的优点使它在很多领域大受欢迎

  但Google并没有满足于Webkit的高效,深谙互联网精髓的Google对“高效”有着更苛刻的要求。Chrome只继承了Webkit核心的WebCore排版引擎部分,JavaScript解析引擎则使用了自家开发的更为高效的“V8”。WebCore和V8合体后,世上最快的浏览器引擎Chromium就诞生了,并用一轮轮高得不可思议的跑分嘲弄着其他浏览器。从这方面来说,Chrome的确也算得上跑分狂潮的始作俑者。

Chrome:你和我斗跑分?
Chrome:和我斗跑分?

  在浏览器界,Chrome和Opera在网页渲染方面可算是两个极端。Opera会优先解析网页中的文本,然后才加载脚本、图片等网页元素,以保证用户能够以最快速度读到网页的内容——这样做的坏处就是影响了网页整体的载入速度,跑分也相对难看;Chrome则反其道而行之,对网页上所有元素基本都以同样的速度去解析——这样可以保证整个网页能以最快速度完成渲染,网页能否第一时间得到可读性,则以Chromium的超高效率来保证(前提是你要有足够好的网速)。

Chrome和Opera渲染页面的方式有很大差异
Chrome和Opera渲染页面的方式有很大差异

  当然,想要马儿跑得快又不吃菜是不现实的。Chrome的高效也建立在对资源的高需求之上。Chrome不仅会在你点击链接的时候渲染页面,它还会在你还没做任何动作的时候预读DNS甚至预渲染网页,老爷机就等卡死吧。所幸现在的电脑硬件发展日新月异,四核已经走向了普及,大容量内存也随处可见。在此背景下,Chrome渲染高效的优势尤为明显。从这方面来说,Chrome的设计的确具有前瞻性。

摩尔定律让Chrome雄风焕发
摩尔定律让Chrome雄风焕发

  很明显,Chrome的内核Chromium是一个极其优秀的引擎,它轻量且效率奇高,能把网页内容最大程度地迅速呈现于用户眼前,很好地体现了Chrome的设计理念。

4Chrome的设计理念:响应机制篇回顶部

  让一个人抓狂的最好方法之一,就是让这个人陷入漫长的等待。而Chrome,应该就是让人等待最少的浏览器了。当你点击Chrome的时候,你感觉无需等待;当年键入网址并确认的时候,你感觉无需等待。你在Chrome上面的每一个操作,你都会感觉不需要等待。

Chrome在速度大战中的表现为人津津乐道
Chrome在速度大战中的表现为人津津乐道

  事实上,响应快捷也是Chrome发布伊始最大的宣传点之一。想想当年的浏览器都是怎样的吧。IE自不用说,各种流氓软件纷纷瞄上了这个一推就倒的娇贵大小姐,想快也快不了;Firefox本身就不快,为了保证战斗力还经常需要带上十八般兵器(扩展程序),没倒地不起算是不错了。

Firefox经常全副武装出击
Firefox经常全副武装出击

  此时,人们突然发现了一个0.3S即能启动的浏览器,试用以后纷纷表示十分感动。用IE、Firefox之类,可能每隔一段时间才能迎来一次速度的小爆发;转用Chrome以后,每时每刻都处于看似转瞬即逝的快感中,简直是天国啊有木有。

  不过这里得提一句,Chrome的响应如此快捷,其实在设计上也有取巧的地方。当点击Chrome的图标之时,Chrome是立刻打开,这点没错。但是大多数人可能不会注意到,Chrome在打开完成之时,并不意味着立刻就能使用,这在安装了较多扩展程序的时候又显得尤为明显。这种情况还出现在网页响应等功能上,比如说,在键入网址后按确定,Chrome会立即呈现一个全新的空白页而非在现有页面停留——尽管新页面还没有打开。

Chrome在所请页面还没加载前即已加载一个空白
Chrome在所请求页面还没加载前即已加载一个空白页面

  我们不能说这种设计因为有取巧的地方,就一文不值。这种设计并不一定会减短用户实际等待的时间,但是会让用户产生一种无需等待的感觉。这让用户减少了由等待产生的烦躁,直接地提升了用户体验。

  等待会让用户过多地去注意卡死在眼前的浏览器而非网页内容,Chrome的响应机制为用户带来了平滑的等待过程,进一步让用户和互联网无缝交接,体现了Chrome以互联网为本的设计理念。

  后话:

  重剑无锋,大巧不工。Chrome上面没有花俏的功能,没有张扬的界面,简约低调的设计风格却让全世界为之瞩目。我们可以看到,浏览器界面越来越简洁,用以显示网页的面积越来越大,IE9甚至把地址栏和标签栏都合为了一栏;浏览器界也燃起了速度竞赛的烽火,跑分风潮一浪盖过一浪;新版的浏览器还不断瘦身,以响应速度能赶上甚至超越Chrome为荣。

  不得不说,这些都是Chrome的设计理念带给业界的好风气。面对承袭了自己的设计理念的追赶者,Chrome接下来又会去如何应对呢?让我们拭目以待。

-----------------------------------------------------------------------------

更多相关文章:

不仅仅是“傻快” Chrome扩展程序简介

不只是马甲 简析Chrome和Webkit的渊源

集成最新Webkit内核 QQ浏览器6.14抢先体验

刺鲅来袭!Opera 12 Beta 凶悍出水!

-----------------------------------------------------------------------------

关注我们

最新资讯离线随时看 聊天吐槽赢奖品