Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. Global Influences
Webdesign

墙内生存指南:中国的网页设计现状

by
Length:LongLanguages:
This post is part of a series called Web Design Across the World.
Big in Japan: Web Design in the Land of the Rising Sun

Chinese (Simplified) (中文(简体)) translation by Quill Qian (you can also view the original English article)

随着越来越多的西方的公司将注意力转向中国市场,我收到了许多提问,大多关于如何为中国市场设计一个网站以及在中国开展电子商务的一些技术细节。在本文中我将回答那些最常见的问题。

首先,需要声明的是

中国是一个特别多元化的国家。不同社会阶层的差异是如此巨大以至于不可能简单地使用“中国”或者“中国人”来概括。这种巨大的差异不仅存在于生活在像北京和上海那样的大城市的人们与其他地区的人们对于新技术的了解,同样也存在于对于“中国人”这个词语的理解中。当我在这篇文章中提到“中国”时,它一般指代的是中国大陆,而“中国人”将主要指代的是生活在城市里的中产阶级居民。

也就是说,下面的内容完全基于我对于中国科技产业的经验。考虑到我无法覆盖到所有人各自独特经历,同时为了简洁,我会做一些总体性的归纳。希望这些能够有用。

谁可以在中国拥有一个网站?

只有拥有有效的中国公司执照的的企业才能够合法地在一台中国的服务器上架设网站,个人在中国大陆无法拥有一个自己的网站。而这一管控在主机层面上实现:所有架设在中国服务器上的网站必须进行备案,获取一个ICP备案号,主机服务商会在核准你的账号时要求你提供ICP号。然而ICP号只提供给拥有公司执照的企业(译者注:事实上个人能够申请非经营性的网站,但同样需要ICP备案,并且多数主流主机服务商都会提供ICP备案代办服务)。法律规定网站的ICP备案号需要出现在网站主页上,通常是在底部。举个例子,翻到百度 首页的底部,你可以在茶色的版权信息边上看到它的ICP号。

任何人都可以通过从其他国家的公司购买主机服务的方式来规避ICP备案,但是这会导致其他问题:

  • 架设在大陆以外地区的服务器上的网站随时可能被中国国家防火墙(以下简称GFW)封锁(下文中将会提到更多关于GFW的情况)。
  • 访问架设在美国或者欧洲的网站的速度会较慢。
  • 主机服务商通常需要中国用户使用Visa或者Mastercard完成支付过程,然而它们在中国的普及率并不高。
  • 中国的网站管理员的需要使用英文的服务器管理界面,这对于他们的英语水平有一定的要求。

对此最常用的解决方案是把网站架设在香港的服务器上。香港的服务器与大陆接近,被封锁的可能性稍低,访问速度快,提供中文管理界面,不需要ICP备案,支付方面通常也支持从大陆进行银行转账。

在墙内的日常生活现状是怎样的?

或多或少有一点令人讨厌。

大多数主流的非中国的网站完全无法访问。试图访问一个被封锁的网站时通常会返回“该页无法显示”的信息,其中的原因不对任何人公开。此外,它还有可能导致你的浏览器在大约三十秒内无法访问任何网站。

有些网站被永久屏蔽,例如Twitter、Facebook和Youtube,而有些网站偶尔会被屏蔽(例如Mashable和Dropbox)。Gmail曾经一度能够访问,然而中国最近堵上了这个漏洞,它从2014年年中起被永久屏蔽。

有些浏览器无法访问的网站依旧能够通过App进行访问。例如,IMDB不能够通过浏览器访问,但是IMDB的iPad应用的所有功能能够正常使用。类似地,我的移动设备能够通过POP/IMAP的方式连接到我的Gmail账户,尽管移动设备上的浏览器无法打开Gmail的网页端。对于网站和应用的封锁变化的十分频繁,以至于许多时候周五晚上喝一杯时的对话里囊括了最近哪些网站的哪些访问方式被屏蔽了的内容。Instagram就在2014年9月29日因为香港的抗议事件而被封锁,我十分怀疑他们是否还会解封。

在这样的条件下如何工作?

三个字:VPN。 拥有一个VPN账号对于所有技术办公室来说是必须的,平常的几乎不值一提。

对于非程序员们来说,VPN的作用大致上就是在你访问目标网站之前首先连接到一个不会被屏蔽的服务器上,然后再从那里访问目标网站,从而避免本地防火墙的封锁。例如你想访问Facebook,但是它被墙了。所以你选择要求访问某个在澳大利亚的计算机,因为澳大利亚没有屏蔽Facebook,所以你能通过那台计算机连接到Facebook。这听上去完全不合法,可能的确是违法行为,但是我猜测政府对于这样的行为有一定的忍耐度:多数未接受足够教育的民众没有能力设置一个VPN账户,并且由于英语水平的欠缺,他们也很难对外面更广阔的网络世界里发生了什么感兴趣。

中国的用户是否知道他们的网络访问受到限制?他们是否关心这一点?

我们再一次地回到了这个问题,哪些算是“中国的用户”,大多数大城市里35岁以下的中国人和大学学生十分清楚他们无法访问大多数西方的网站,这也是网络上常见的话题之一。关于GFW网络上有许多怨言,但整体上是一种抱怨的语气而非愤怒。这部分是因为多数流行的西方网站在中国都有替代品,当你有了 人人微信新浪微博的时候你很少有理由再去使用Facebook或者Twitter。

renren.com
My Sina Weibo Chinas Twitter user panel
我的新浪微博(中国版的Twitter)的用户界面:

我们需要面对的现实是:GFW推动了中国科技企业的发展。

我和其他人一样并不乐意承认这一点,我也不是GFW的支持者。但是GFW的确为本地初创团队提供了巨额的利润,对它们起到了孵化的作用。GFW给了中国的网站应用它们初期发展时所需要的足够的时间和用户基础。那些本来会选择使用更成熟的国外社交网络的用户因为GFW而被迫使用国内的版本。就发展本地技术力量方面而言,这一措施卓有成效。

GFW的未来:它是否会倒下?

没有人能够回答这个问题,但是我会给出我自己的分析。我个人认为政府只有减少管制才能让其良性发展而不影响中国经济增长,阻断本土的科技公司直面全球互联网是一个巨大的错误。此外,今天对于网络有足够了解的孩子们恰恰是未来的政策制定者。所以我认为随着时间的发展,网络管制会逐渐减少直至至只屏蔽一些色情内容和政治敏感话题。

但是谁知道呢?毕竟中国在历史上并非没有采取过不可取的激进的闭关锁国的措施。

GFW会给网页设计者和开发者带来什么样的问题?

1) 完全无法使用Google API

你的联系页上嵌入的Google地图在中国无法被加载,Google fonts也是如此。除了Google Analytics之外,在任何你的站点上使用连接到Google API的代码都可能导致整个站点无法正常使用。有时候它能够完成加载,有时候则不能。

我们应该怎么办?Google API不久前才被屏蔽,而百度地图目前并不提供嵌入地图的功能。我并不知道是否有任何人想出了一个标准的替代方案,我们目前使用的是一些开源的解决方案,例如OpenStreetMap。(译者注:事实上百度地图提供了相关的API)

在线字体的问题则可以通过存储到一个不会被屏蔽的或者中国国内的服务器上解决-这样我们就不需要连接到Google的API了。

2)嵌入的视频无法加载

在应该出现你的视频的地方会出现一个带有哭脸的大方框。Youtube和Vimeo都会受到影响。

我们应该怎么办?我们可以存储一份同样的视频在一个中国的视频网站上,例如优酷或者土豆。然后我们可以写一个脚本,根据用户的IP来选择所需要加载的视频。

嵌入的在线字体和中文问题

啊,这是我最喜欢的话题。

所有人都想避免使用中国的四种标准在线字体——他们被滥用到了一种境界以至于设计师们看到它们都有点恶心。 我曾经写过一个关于这个话题的帖子 ,现在我把大意贴在这里:从技术角度来说,中文字体能够和其他字体一样使用@font-face嵌入。但是由于中文包含了太多 的字符,所以字体文件会变的异常大——每个字重都需要占到3到7兆。在加载的时候下载这样一份完整的字体文件可以说是不切实际的。

直到不久前,对于这个问题只有一个不太理想的解决方案:如果你只想要使用少量特定的中文字符,你可以把这些字符放到一个精简的字体文件中。显然,这个方案对于CMS主题的设计而言并不具有可行性。

Google和Adobe最近发布了中文在线字体(分别是(Noto中文思源黑体)。但是Typekit在中国的加载速度会很慢,而且中国国内的服务器无法使用任何Google API。

Source Han Sans
思源黑体
Google Sans Hakka Chinese 100 weight
Google Noto Sans Hakka Chinese (字重为100)

这一问题在去年被Youziku.com解决。这是一个类似于Typekit的在线字体嵌入工具。他们有一套非常齐全的字库,并且可以存储你自己设计的字体。如果你使用他们的云端服务,每页最多只能使用999个字符(同一个字符出现多次不会被重复计入字符总数)。所以如果你想要使用他们的服务,最好是尽可能地减少非标准字体的使用量——例如只在标题中使用。如果你需要突破这个限制,他们提供了一套可以在你自己的服务器上完成处理过程并存储字体文件的解决方案。

中国用户和西方用户对于UX方面的偏好有什么区别?

没有人喜欢过度复杂的设计。

在我们之前的问答里, @jmshome 通过Twitter提出了一个问题:相比于极简主义,中国人是否更偏好花哨的设计?

@wdtuts @tutsplus @kendraschaefer 我听说他们更喜欢更花哨的设计,不喜欢极简主义的设计。这是否是因为在UX的偏好上存在差异?

— James H (@jmshome) 2014/9/10

我收到过很多这样的提问。这的确是一个非常常见的误区。中国人和其他人一样欣赏简洁的设计,并且我十分惊讶于来自香港Apogee的Daniel Szuc几年前在一个会议上支持我的观点时提到他们在几年前就已经试图挑战这一观念。根据我的个人经验,中国人更倾向于将超极简主义视作高贵——一个设计作品中字号越小,颜色越纯,越干净尊贵,则更有可能会被认为是来自于奢侈品品牌的设计。

没有人喜欢过度繁复。所以为什么中国的互联网看上去与之相悖呢?我认为主要源于对于网页易用性的重要程度认识不足和抄袭的文化氛围。中国网站里有很大一部分都是在抄来抄去,一个人在某个站点上使用了比较重的设计获得了成功,其他人便不愿去在此之上做出改变。我的中国客户们相比其他客户而言更加不太乐意去踏入完全未知的领域,并且许多时候和客户的会议都始于要不要复制竞争对手的网站的讨论。这并非由于中国人的创造力低下,而是文化使然。在这里,当你想要发布一个新产品时,大家公认的最能够保证成功的办法就是选择你的竞争对手已经走过的,被证明为行之有效的路,然后再在此之上做尽可能小的变化。

中国人还没有习惯宽松的网格布局

如果真要说在UX的偏好上有什么区别,我觉得Bootstrap的大间距三栏式版式还没能在这儿流行起来可能算一个。许多中国人认为30px的边距太宽松,让整个网页看上去像散架了一样。他们似乎更喜欢960.gs上那种间距稍小的版式。这不代表你不能够让你的客户接受更宽的边距,只是谨慎地提醒你这样的设计再他们的接受度可能并没有那么高。

避免使用黑白头像

我曾被一个问题困扰数年,那就是当我向中国客户建议在开发团队介绍页面中使用黑白头像的时候总会遭到拒绝。最终有个人告诉我了答案:黑白头像通常被用在葬礼上,所以黑白的图片一般代表图片中的那位已经去世了。好吧。

技术方面

操作系统

你可以选择对此视而不见,但超过一半的中国互联网用户仍然在使用Windows XP,Windows 7以大约三分之一的份额紧随其后,只有大约1%的人在使用iOS。当微软停止对XP提供支持服务时,这儿的人们一片抓狂。你也可能会疑惑为什么中国要努力开发自己的操作系统。不过幸运的是不是所有使用XP的人都在使用IE6(虽然直到2012年八月还有20%的用户还在使用那个古董,天哪)

浏览器s

你知道吗?截止到2013年9月,中国国内最流行的浏览器是你可能从来没有听说过的360安全浏览器,排在第二位的是IE,然后是一大块“其他浏览器”。

如何应对中国的SEO?

在中国国内,替代Google的时一个叫百度的搜索引擎/开发者平台,它目前占据了中国市场的最大份额。

就像所有的搜索引擎一样,百度的排名算法不对外公开。但我可以说的是它主要为.cn的域名和在中国国内架设的站点建立索引。所以如果你需要一个不错的百度排名,你至少需要一个在中国国内的网站分支。

移动端现状

移动端浏览量比桌面端浏览发展的更快这一趋势在中国出现的时间远早于西方,并且亚洲的移动入口数据绝对会让你大感意外。移动端使用量是如此的大,以至于如果你的网站对于移动端并不友好,你会失去大部分用户。如果想要了解中国移动端市场的最新发展情况,可以访问中国互联网观察

微信

微信(也就是西方所熟知的Wechat)正在接近全球范围内掀起一股热潮。

微信
微信

微信是一个集合了其他一些社交网络的元素,主打聊天功能的移动端应用。它支持发送文字和语音进行聊天还有实时群聊。此外它还拥有一个类似于Twitter那样的个人照片流、一些供用户发现陌生人的特性和其他的一些功能。

微信公众账号

近些年来,微信开始提供公众账号,意味着企业可以使用微信向他们的订阅者推送更新。当然,你需要一个中国企业执照才能够申请。你可以从它的注册入口 了解到更多信息。

小结

总的来说,这一产业朝着非常良性的方向发展,除了可能会略微担心随时会有限制更严格的法律或者突如其来的上级的决定(例如政府使用了有效的对策来严格禁止VPN的使用)带来釜底抽薪式的打击。但请乐观地相信这发生的可能性非常小。这里是设计师们的新一片广阔的天地,许多大城市里的公司希望招募到更有才华的设计师,而客户们也正越来越看重成品的质量而不再一味追求廉价和快速产出。祝愿这样的大趋势能够持续更久。

如果有任何疑问的话,就在评论里提出吧!

Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.