国内外浏览器设计对比初探[组图].doc

国内外浏览器设计对比初探(组图) /a000495_1.htm 一、准备工作 1研究目的 对比评测针对国内市场的浏览器和国际市场浏览器设计思路的不同。面向国内市场的浏览器针对国内用户做了哪些改变，以及为什么这么做。（若赶时间，请翻到最后，直接查看总论） 注①：本文中出现的浏览器均指桌面版网页浏览器，Win7平台。 注②：文章很浅，希望对大家有点儿价值。欢迎拍砖评论！ 2浏览器分类 国内浏览器市场占有率 2010年5月（数据来源） 国外浏览器市场占有率 2010年5月（数据来源） 根据这次研究的目的，我们把浏览器做这样的分类。（均按占有率顺序排列） 国内组：IE6、360浏览器、遨游、腾讯TT、世界之窗、搜狗 国际组：IE78、Firefox、Chrome、Safari、Opera 更常见的分类方法——按照浏览器的4大内核来分类。 Trident：IE系列、国产系列（360浏览器、遨游、腾讯TT、世界之窗、搜狗） Gecko： Firefox Webkit：Safari、Chrome Presto：Opera 特例：国产Trident和Webkit双核心浏览器 遨游3 beta版 QQ浏览器5 预览版 搜狗浏览器2.0 正式版 二、界面设计对比 左侧图片为国内组，右侧为国际组。 按照前面给出的市场占有率顺序排列（IE7和IE8放在一起） 注1：各种浏览器都有一定的界面定制功能，这里的截图均为默认界面。 注2：除IE6外，其他浏览器都支持多标签浏览（现代浏览器最基本特征）。 视觉效果对比： 国内组：丰富、花哨、艳丽的界面；追求娱乐性、卡通化——个性化的IE6外壳 国际组：简洁、清爽、严谨的界面；讲求实用性、商务化——平台化的上网入口 界面布局设计对比结果： 国内组： 1. 由于均采用IE核心，这些浏览器从IE6进化而来，给IE6穿上了各自的卡通图标服装。 2. 国产浏览器都保留了IE6的标题栏，增加了可显隐的书签栏，同时将导航按钮、地址框、搜索框合并到一栏。其中360、TT和搜狗浏览器保留导航按钮“停止、刷新、主页”的位置和顺序；遨游交换了“停止、刷新”按钮的位置；世界之窗将“停止、刷新”合二为一。 3. 除IE6外，均有换肤功能。 国际组： 1. Firefox与IE8有着相似的界面，只有菜单栏和“刷新停止”按钮的位置不同，几乎可以无缝切换。 2. Chrome采用了超简洁的界面，并且带来了浏览器界面设计的趋势（下文有详述） 3. Safari与 Chrome一样把“菜单栏”整合进了最右侧的两个按钮“控制当前页”和“自定义和控制浏览器”，保留传统的标题栏。 4. Opera默认也把“菜单栏”整合进了最左侧的一个设置按钮（也可以调出来显示），同时学习Chrome的标签页显示方式，但是仍然保留传统的标题栏。 界面设计趋势 从上到下依次是：Chrome6，Firefox4，遨游3，QQ浏览器5 浏览器界面设计趋势——最大程度显示页面本身的内容。表现在： 1. 学习Chrome去标题栏，采用“上标签页”的方式显示标签 2. 将菜单栏和工具栏的功能整合为一个或者两个“设置、功能”按钮 3. 整合地址框和搜索框为一个（这个趋势待定） 4. 可选择隐藏的状态栏，把布局的选择留给用户才是最好的体验。 三、功能设计对比 对比各自的宣传语 国内组： IE6：未知 360浏览器：安全好用的浏览器 遨游：您上网必备的全能浏览器，上网从遨游开始 世界之窗：最强的广告过滤、最快的浏览速度、最小的资源占用 腾讯TT：快速、稳定、安全的浏览器 搜狗浏览器：上网最快的高速浏览器 国际组： IE8：Faster, Easier ,Safer 快捷、简单、安全的上网新体验 Firefox：Faster,more securecustomizable 更快更安全，可随心定制的浏览器* Chrome：A fast new browser高速的免费网络浏览器* Safari：Browse the web in smarter,more powerful way以全新眼光纵览网络世界 Opera：FasterSafer Internet 更快更安全地浏览网络* （注：带*号的中文翻译为非官方。） 从宣传口号上来看，国内组与国际组浏览器没有明显的区别，都着重强调“快速和安全”。但是由于国产浏览器使用IE核心，它强调的安全恐怕不是真正的安全。 功能设计之别 现代浏览器必备特色功能： 1. 对web标准的支持 2. 多标签浏览，隐私浏览 3. 广告弹窗拦截，内置下载工具 4. 智能地址栏，搜索栏 5. 插件、扩展程序 国内组浏览器——强调增加针对中国网民实用的功能，把许多国际版浏览器需要扩展的功能直接添加到浏览器上。 视频弹出播放、鼠标手势、