日期:2013-08-09  浏览次数:20606 次

为表达全国人民对青海玉树地震遇难同胞的深切哀悼,特在4月21日这一天举行全国哀悼活动。这一天,每团体的心境都是沉重的。

各大网站纷纷将首页变灰色表达对遇难同胞的哀思。我们的用户也一样,不希望在这一天看到哪个网站跟没事似的还色彩鲜明。

问题一,如何将首页变灰?

最常用的方式是使用滤镜html { filterrogidXImageTransform.Microsoft.BasicImage(grayscale=1); }或html { FILTER: gray }
优点:一行代码搞定,简单、方便。
缺点:仅IE支持,Firefox无效,Safari也无效

问题二,门户网站是如何做的?

新浪、网易、腾讯、搜狐将LOGO等图片手动改为灰色。

2008年5月21日汶川地震,各大门户使用的是同样的方法。

优点:最笨”的方法,却能让所有浏览器显示灰色。
缺点:任务量大,要考虑更多细节。

————
请依据用户访问量区分采用何种方法:
1、若用户90以上都用IE,人力又不够,建议用滤镜做。少做无用功。有时间努力想想如何让提高该网站的影响力吧。这才是重中之重。

2、若您所在的网站,用户群的基数很大,比如网易每天无数以亿计的访客,那么用火狐的也得有几十万,几百万吧。 那这个数字是不能容忍用滤镜的。
————
省时省力的全兼容的素颜代码暂时没有!

由于:某些浏览器不支持,我们是按WEB标准写代码的。标准不支持,真的没办法。

处理方案:字体可用CSS控制,图片少量的话就得手动改为灰色,量大建议写个通用脚本吧。日后有需求的时候,可以拿来就用。

————
最后强调:用哪种处理方案,取决于二点要素:用户访问基数、网站实力。

为了让用户用的更舒服,建议大门户好好弄弄你们的网站。不要得过且过。

以下是做的用户体验极佳的网站:(IE下都是正常的,没有可比性,次要说IE以外的情况)
第一名:
腾讯:
字体、图片、广告、FLASH均用灰色,次要位置制造专题,今日话题为:“4.14玉树地震网上留念馆”。搜索栏放置一束菊花。爱心捐款为红色等。  (主流浏览器均兼容)

点评:该体现的体现,该暗淡的暗淡,说出百姓心声,考虑细节。

 
第二名:

搜狐:字体、图片、广告、FLASH均用灰色,次要位置制造5个大幅专题图片入口位置,并特设了“点亮天路”。页脚没有色彩鲜明。(主流浏览器均兼容)

网易:字体、图片、广告、FLASH均用灰色,LOGO旁边放了蜡烛,网站制造哀思专题。(主流浏览器均兼容)

点评:搜狐新浪真的很不错。很用心的为用户考虑。网易做的也很到位。我是非常喜欢网易的。

第三名:
淘宝:字体、图片均为灰色。(火狐下体验不好,FLASH广告,图片广告均色彩鲜明,)

点评:其实淘宝可以做的更好的,我觉得。可能是淘宝是购物网站,不是旧事媒体的缘由吧。

新浪:字体、图片均为灰色。(火狐下体验不好,FLASH广告,图片广告均色彩鲜明,)

点评:互联网从业人员,尤其是技术人员谁能不用火狐呢?我们也是需求看旧事的。新浪可以做的更好的。加油。
其他,人民网,新华网等国家级旧事门户在火狐下仍然色彩鲜明。无语。

期待:
期待在标准不支持的情况下,网站要顾及用户感受,考虑细节中的用户体验。

期待火狐等知名浏览器,可以支持滤镜。
—————–