墻內(nèi)生存指南：中國(guó)的網(wǎng)頁(yè)設(shè)計(jì)現(xiàn)狀_成都網(wǎng)站設(shè)計(jì)_創(chuàng)新互聯(lián)

隨著越來(lái)越多的西方的公司將注意力轉(zhuǎn)向中國(guó)市場(chǎng)，我收到了許多提問(wèn)，大多關(guān)于如何為中國(guó)市場(chǎng)設(shè)計(jì)一個(gè)網(wǎng)站以及在中國(guó)開(kāi)展電子商務(wù)的一些技術(shù)細(xì)節(jié)。在本文中我將回答那些最常見(jiàn)的問(wèn)題。

首先，需要聲明的是

中國(guó)是一個(gè)特別多元化的國(guó)家。不同社會(huì)階層的差異是如此巨大以至于不可能簡(jiǎn)單地使用“中國(guó)”或者“中國(guó)人”來(lái)概括。這種巨大的差異不僅存在于生活在像北京和上海那樣的大城市的人們與其他地區(qū)的人們對(duì)于新技術(shù)的了解，同樣也存在于對(duì)于“中國(guó)人”這個(gè)詞語(yǔ)的理解中。當(dāng)我在這篇文章中提到“中國(guó)”時(shí)，它一般指代的是中國(guó)大陸，而“中國(guó)人”將主要指代的是生活在城市里的中產(chǎn)階級(jí)居民。

也就是說(shuō)，下面的內(nèi)容完全基于我對(duì)于中國(guó)科技產(chǎn)業(yè)的經(jīng)驗(yàn)。考慮到我無(wú)法覆蓋到所有人各自獨(dú)特經(jīng)歷，同時(shí)為了簡(jiǎn)潔，我會(huì)做一些總體性的歸納。希望這些能夠有用。

誰(shuí)可以在中國(guó)擁有一個(gè)網(wǎng)站？

只有擁有有效的中國(guó)公司執(zhí)照的的企業(yè)才能夠合法地在一臺(tái)中國(guó)的服務(wù)器上架設(shè)網(wǎng)站，個(gè)人在中國(guó)大陸無(wú)法擁有一個(gè)自己的網(wǎng)站。而這一管控在主機(jī)層面上實(shí)現(xiàn)：所有架設(shè)在中國(guó)服務(wù)器上的網(wǎng)站必須進(jìn)行備案，獲取一個(gè)ICP備案號(hào)，主機(jī)服務(wù)商會(huì)在核準(zhǔn)你的賬號(hào)時(shí)要求你提供ICP號(hào)。然而ICP號(hào)只提供給擁有公司執(zhí)照的企業(yè)(譯者注：事實(shí)上個(gè)人能夠申請(qǐng)非經(jīng)營(yíng)性的網(wǎng)站，但同樣需要ICP備案，并且多數(shù)主流主機(jī)服務(wù)商都會(huì)提供ICP備案代辦服務(wù)）。法律規(guī)定網(wǎng)站的ICP備案號(hào)需要出現(xiàn)在網(wǎng)站主頁(yè)上，通常是在底部。舉個(gè)例子，翻到百度 首頁(yè)的底部，你可以在茶色的版權(quán)信息邊上看到它的ICP號(hào)。

任何人都可以通過(guò)從其他國(guó)家的公司購(gòu)買主機(jī)服務(wù)的方式來(lái)規(guī)避ICP備案，但是這會(huì)導(dǎo)致其他問(wèn)題：

? 架設(shè)在大陸以外地區(qū)的服務(wù)器上的網(wǎng)站隨時(shí)可能被中國(guó)國(guó)家防火墻（以下簡(jiǎn)稱GFW）封鎖（下文中將會(huì)提到更多關(guān)于GFW的情況）。

?訪問(wèn)架設(shè)在美國(guó)或者歐洲的網(wǎng)站的速度會(huì)較慢。

? 主機(jī)服務(wù)商通常需要中國(guó)用戶使用Visa或者M(jìn)astercard完成支付過(guò)程，然而它們?cè)谥袊?guó)的普及率并不高。

?中國(guó)的網(wǎng)站管理員的需要使用英文的服務(wù)器管理界面，這對(duì)于他們的英語(yǔ)水平有一定的要求。

對(duì)此最常用的解決方案是把網(wǎng)站架設(shè)在香港的服務(wù)器上。香港的服務(wù)器與大陸接近，被封鎖的可能性稍低，訪問(wèn)速度快，提供中文管理界面，不需要ICP備案，支付方面通常也支持從大陸進(jìn)行銀行轉(zhuǎn)賬。

在墻內(nèi)的日常生活現(xiàn)狀是怎樣的？

或多或少有一點(diǎn)令人討厭。

大多數(shù)主流的非中國(guó)的網(wǎng)站完全無(wú)法訪問(wèn)。試圖訪問(wèn)一個(gè)被封鎖的網(wǎng)站時(shí)通常會(huì)返回“該頁(yè)無(wú)法顯示”的信息，其中的原因不對(duì)任何人公開(kāi)。此外，它還有可能導(dǎo)致你的瀏覽器在大約三十秒內(nèi)無(wú)法訪問(wèn)任何網(wǎng)站。

有些網(wǎng)站被永久屏蔽，例如Twitter、Facebook和Youtube，而有些網(wǎng)站偶爾會(huì)被屏蔽（例如Mashable和Dropbox)。Gmail曾經(jīng)一度能夠訪問(wèn)，然而中國(guó)最近堵上了這個(gè)漏洞，它從2014年年中起被永久屏蔽。

有些瀏覽器無(wú)法訪問(wèn)的網(wǎng)站依舊能夠通過(guò)App進(jìn)行訪問(wèn)。例如，IMDB不能夠通過(guò)瀏覽器訪問(wèn)，但是IMDB的iPad應(yīng)用的所有功能能夠正常使用。類似地，我的移動(dòng)設(shè)備能夠通過(guò)POP/IMAP的方式連接到我的Gmail賬戶，盡管移動(dòng)設(shè)備上的瀏覽器無(wú)法打開(kāi)Gmail的網(wǎng)頁(yè)端。對(duì)于網(wǎng)站和應(yīng)用的封鎖變化的十分頻繁，以至于許多時(shí)候周五晚上喝一杯時(shí)的對(duì)話里囊括了最近哪些網(wǎng)站的哪些訪問(wèn)方式被屏蔽了的內(nèi)容。Instagram就在2014年9月29日因?yàn)橄愀鄣目棺h事件而被封鎖，我十分懷疑他們是否還會(huì)解封。

在這樣的條件下如何工作？

三個(gè)字：VPN。 擁有一個(gè)VPN賬號(hào)對(duì)于所有技術(shù)辦公室來(lái)說(shuō)是必須的，平常的幾乎不值一提。

對(duì)于非程序員們來(lái)說(shuō)，VPN的作用大致上就是在你訪問(wèn)目標(biāo)網(wǎng)站之前首先連接到一個(gè)不會(huì)被屏蔽的服務(wù)器上，然后再?gòu)哪抢镌L問(wèn)目標(biāo)網(wǎng)站，從而避免本地防火墻的封鎖。例如你想訪問(wèn)Facebook，但是它被墻了。所以你選擇要求訪問(wèn)某個(gè)在澳大利亞的計(jì)算機(jī)，因?yàn)榘拇罄麃啗](méi)有屏蔽Facebook，所以你能通過(guò)那臺(tái)計(jì)算機(jī)連接到Facebook。這聽(tīng)上去完全不合法，可能的確是違法行為，但是我猜測(cè)政府對(duì)于這樣的行為有一定的忍耐度：多數(shù)未接受足夠教育的民眾沒(méi)有能力設(shè)置一個(gè)VPN賬戶，并且由于英語(yǔ)水平的欠缺，他們也很難對(duì)外面更廣闊的網(wǎng)絡(luò)世界里發(fā)生了什么感興趣。

中國(guó)的用戶是否知道他們的網(wǎng)絡(luò)訪問(wèn)受到限制？他們是否關(guān)心這一點(diǎn)？

我們?cè)僖淮蔚鼗氐搅诉@個(gè)問(wèn)題，哪些算是“中國(guó)的用戶”，大多數(shù)大城市里35歲以下的中國(guó)人和大學(xué)學(xué)生十分清楚他們無(wú)法訪問(wèn)大多數(shù)西方的網(wǎng)站，這也是網(wǎng)絡(luò)上常見(jiàn)的話題之一。關(guān)于GFW網(wǎng)絡(luò)上有許多怨言，但整體上是一種抱怨的語(yǔ)氣而非憤怒。這部分是因?yàn)槎鄶?shù)流行的西方網(wǎng)站在中國(guó)都有替代品，當(dāng)你有了 人人、微信和新浪微博的時(shí)候你很少有理由再去使用Facebook或者Twitter。

我們需要面對(duì)的現(xiàn)實(shí)是：GFW推動(dòng)了中國(guó)科技企業(yè)的發(fā)展。

我和其他人一樣并不樂(lè)意承認(rèn)這一點(diǎn)，我也不是GFW的支持者。但是GFW的確為本地初創(chuàng)團(tuán)隊(duì)提供了巨額的利潤(rùn)，對(duì)它們起到了孵化的作用。GFW給了中國(guó)的網(wǎng)站應(yīng)用它們初期發(fā)展時(shí)所需要的足夠的時(shí)間和用戶基礎(chǔ)。那些本來(lái)會(huì)選擇使用更成熟的國(guó)外社交網(wǎng)絡(luò)的用戶因?yàn)镚FW而被迫使用國(guó)內(nèi)的版本。就發(fā)展本地技術(shù)力量方面而言，這一措施卓有成效。

GFW的未來(lái)：它是否會(huì)倒下？

沒(méi)有人能夠回答這個(gè)問(wèn)題，但是我會(huì)給出我自己的分析。我個(gè)人認(rèn)為政府只有減少管制才能讓其良性發(fā)展而不影響中國(guó)經(jīng)濟(jì)增長(zhǎng)，阻斷本土的科技公司直面全球互聯(lián)網(wǎng)是一個(gè)巨大的錯(cuò)誤。此外，今天對(duì)于網(wǎng)絡(luò)有足夠了解的孩子們恰恰是未來(lái)的政策制定者。所以我認(rèn)為隨著時(shí)間的發(fā)展，網(wǎng)絡(luò)管制會(huì)逐漸減少直至至只屏蔽一些色情內(nèi)容和政治敏感話題。

但是誰(shuí)知道呢？畢竟中國(guó)在歷史上并非沒(méi)有采取過(guò)不可取的激進(jìn)的閉關(guān)鎖國(guó)的措施。

GFW會(huì)給網(wǎng)頁(yè)設(shè)計(jì)者和開(kāi)發(fā)者帶來(lái)什么樣的問(wèn)題？

1) 完全無(wú)法使用Google API

你的聯(lián)系頁(yè)上嵌入的Google地圖在中國(guó)無(wú)法被加載，Google fonts也是如此。除了Google Analytics之外，在任何你的站點(diǎn)上使用連接到Google API的代碼都可能導(dǎo)致整個(gè)站點(diǎn)無(wú)法正常使用。有時(shí)候它能夠完成加載，有時(shí)候則不能。

我們應(yīng)該怎么辦？Google API不久前才被屏蔽，而百度地圖目前并不提供嵌入地圖的功能。我并不知道是否有任何人想出了一個(gè)標(biāo)準(zhǔn)的替代方案，我們目前使用的是一些開(kāi)源的解決方案，例如OpenStreetMap。（譯者注：事實(shí)上百度地圖提供了相關(guān)的API）

在線字體的問(wèn)題則可以通過(guò)存儲(chǔ)到一個(gè)不會(huì)被屏蔽的或者中國(guó)國(guó)內(nèi)的服務(wù)器上解決-這樣我們就不需要連接到Google的API了。

2）嵌入的視頻無(wú)法加載

在應(yīng)該出現(xiàn)你的視頻的地方會(huì)出現(xiàn)一個(gè)帶有哭臉的大方框。Youtube和Vimeo都會(huì)受到影響。

我們應(yīng)該怎么辦？我們可以存儲(chǔ)一份同樣的視頻在一個(gè)中國(guó)的視頻網(wǎng)站上，例如優(yōu)酷或者土豆。然后我們可以寫一個(gè)腳本，根據(jù)用戶的IP來(lái)選擇所需要加載的視頻。

嵌入的在線字體和中文問(wèn)題

啊，這是我最喜歡的話題。

所有人都想避免使用中國(guó)的四種標(biāo)準(zhǔn)在線字體——他們被濫用到了一種境界以至于設(shè)計(jì)師們看到它們都有點(diǎn)惡心。 我曾經(jīng)寫過(guò)一個(gè)關(guān)于這個(gè)話題的帖子 ，現(xiàn)在我把大意貼在這里：從技術(shù)角度來(lái)說(shuō)，中文字體能夠和其他字體一樣使用@font-face嵌入。但是由于中文包含了太多 的字符，所以字體文件會(huì)變的異常大——每個(gè)字重都需要占到3到7兆。在加載的時(shí)候下載這樣一份完整的字體文件可以說(shuō)是不切實(shí)際的。

直到不久前，對(duì)于這個(gè)問(wèn)題只有一個(gè)不太理想的解決方案：如果你只想要使用少量特定的中文字符，你可以把這些字符放到一個(gè)精簡(jiǎn)的字體文件中。顯然，這個(gè)方案對(duì)于CMS主題的設(shè)計(jì)而言并不具有可行性。

Google和Adobe最近發(fā)布了中文在線字體（分別是(Noto中文 和 思源黑體）。但是Typekit在中國(guó)的加載速度會(huì)很慢，而且中國(guó)國(guó)內(nèi)的服務(wù)器無(wú)法使用任何Google API。

這一問(wèn)題在去年被Youziku.com解決。這是一個(gè)類似于Typekit的在線字體嵌入工具。他們有一套非常齊全的字庫(kù)，并且可以存儲(chǔ)你自己設(shè)計(jì)的字體。如果你使用他們的云端服務(wù)，每頁(yè)最多只能使用999個(gè)字符（同一個(gè)字符出現(xiàn)多次不會(huì)被重復(fù)計(jì)入字符總數(shù)）。所以如果你想要使用他們的服務(wù)，最好是盡可能地減少非標(biāo)準(zhǔn)字體的使用量——例如只在標(biāo)題中使用。如果你需要突破這個(gè)限制，他們提供了一套可以在你自己的服務(wù)器上完成處理過(guò)程并存儲(chǔ)字體文件的解決方案

中國(guó)用戶和西方用戶對(duì)于UX方面的偏好有什么區(qū)別？

沒(méi)有人喜歡過(guò)度復(fù)雜的設(shè)計(jì)。

在我們之前的問(wèn)答里， @jmshome 通過(guò)Twitter提出了一個(gè)問(wèn)題：相比于極簡(jiǎn)主義，中國(guó)人是否更偏好花哨的設(shè)計(jì)？

@wdtuts @tutsplus @kendraschaefer 我聽(tīng)說(shuō)他們更喜歡更花哨的設(shè)計(jì)，不喜歡極簡(jiǎn)主義的設(shè)計(jì)。這是否是因?yàn)樵赨X的偏好上存在差異？

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

我收到過(guò)很多這樣的提問(wèn)。這的確是一個(gè)非常常見(jiàn)的誤區(qū)。中國(guó)人和其他人一樣欣賞簡(jiǎn)潔的設(shè)計(jì)，并且我十分驚訝于來(lái)自香港Apogee的Daniel Szuc幾年前在一個(gè)會(huì)議上支持我的觀點(diǎn)時(shí)提到他們?cè)趲啄昵熬鸵呀?jīng)試圖挑戰(zhàn)這一觀念。根據(jù)我的個(gè)人經(jīng)驗(yàn)，中國(guó)人更傾向于將超極簡(jiǎn)主義視作高貴——一個(gè)設(shè)計(jì)作品中字號(hào)越小，顏色越純，越干凈尊貴，則更有可能會(huì)被認(rèn)為是來(lái)自于奢侈品品牌的設(shè)計(jì)。

沒(méi)有人喜歡過(guò)度繁復(fù)。所以為什么中國(guó)的互聯(lián)網(wǎng)看上去與之相悖呢？我認(rèn)為主要源于對(duì)于網(wǎng)頁(yè)易用性的重要程度認(rèn)識(shí)不足和抄襲的文化氛圍。中國(guó)網(wǎng)站里有很大一部分都是在抄來(lái)抄去，一個(gè)人在某個(gè)站點(diǎn)上使用了比較重的設(shè)計(jì)獲得了成功，其他人便不愿去在此之上做出改變。我的中國(guó)客戶們相比其他客戶而言更加不太樂(lè)意去踏入完全未知的領(lǐng)域，并且許多時(shí)候和客戶的會(huì)議都始于要不要復(fù)制競(jìng)爭(zhēng)對(duì)手的網(wǎng)站的討論。這并非由于中國(guó)人的創(chuàng)造力低下，而是文化使然。在這里，當(dāng)你想要發(fā)布一個(gè)新產(chǎn)品時(shí)，大家公認(rèn)的最能夠保證成功的辦法就是選擇你的競(jìng)爭(zhēng)對(duì)手已經(jīng)走過(guò)的，被證明為行之有效的路，然后再在此之上做盡可能小的變化。

中國(guó)人還沒(méi)有習(xí)慣寬松的網(wǎng)格布局

如果真要說(shuō)在UX的偏好上有什么區(qū)別，我覺(jué)得Bootstrap的大間距三欄式版式還沒(méi)能在這兒流行起來(lái)可能算一個(gè)。許多中國(guó)人認(rèn)為30px的邊距太寬松，讓整個(gè)網(wǎng)頁(yè)看上去像散架了一樣。他們似乎更喜歡960.gs上那種間距稍小的版式。這不代表你不能夠讓你的客戶接受更寬的邊距，只是謹(jǐn)慎地提醒你這樣的設(shè)計(jì)再他們的接受度可能并沒(méi)有那么高。

避免使用黑白頭像

我曾被一個(gè)問(wèn)題困擾數(shù)年，那就是當(dāng)我向中國(guó)客戶建議在開(kāi)發(fā)團(tuán)隊(duì)介紹頁(yè)面中使用黑白頭像的時(shí)候總會(huì)遭到拒絕。最終有個(gè)人告訴我了答案：黑白頭像通常被用在葬禮上，所以黑白的圖片一般代表圖片中的那位已經(jīng)去世了。好吧。

技術(shù)方面

操作系統(tǒng)

你可以選擇對(duì)此視而不見(jiàn)，但超過(guò)一半的中國(guó)互聯(lián)網(wǎng)用戶仍然在使用Windows XP，Windows 7以大約三分之一的份額緊隨其后，只有大約1%的人在使用iOS。當(dāng)微軟停止對(duì)XP提供支持服務(wù)時(shí)，這兒的人們一片抓狂。你也可能會(huì)疑惑為什么中國(guó)要努力開(kāi)發(fā)自己的操作系統(tǒng)。不過(guò)幸運(yùn)的是不是所有使用XP的人都在使用IE6（雖然直到2012年八月還有20%的用戶還在使用那個(gè)古董，天哪）

瀏覽器s

你知道嗎？截止到2013年9月，中國(guó)國(guó)內(nèi)最流行的瀏覽器是你可能從來(lái)沒(méi)有聽(tīng)說(shuō)過(guò)的360安全瀏覽器，排在第二位的是IE，然后是一大塊“其他瀏覽器”。

如何應(yīng)對(duì)中國(guó)的SEO？

在中國(guó)國(guó)內(nèi)，替代Google的時(shí)一個(gè)叫百度的搜索引擎/開(kāi)發(fā)者平臺(tái)，它目前占據(jù)了中國(guó)市場(chǎng)的大份額。

就像所有的搜索引擎一樣，百度的排名算法不對(duì)外公開(kāi)。但我可以說(shuō)的是它主要為.cn的域名和在中國(guó)國(guó)內(nèi)架設(shè)的站點(diǎn)建立索引。所以如果你需要一個(gè)不錯(cuò)的百度排名，你至少需要一個(gè)在中國(guó)國(guó)內(nèi)的網(wǎng)站分支。

移動(dòng)端現(xiàn)狀

移動(dòng)端瀏覽量比桌面端瀏覽發(fā)展的更快這一趨勢(shì)在中國(guó)出現(xiàn)的時(shí)間遠(yuǎn)早于西方，并且亞洲的移動(dòng)入口數(shù)據(jù)絕對(duì)會(huì)讓你大感意外。移動(dòng)端使用量是如此的大，以至于如果你的網(wǎng)站對(duì)于移動(dòng)端并不友好，你會(huì)失去大部分用戶。如果想要了解中國(guó)移動(dòng)端市場(chǎng)的最新發(fā)展情況，可以訪問(wèn)中國(guó)互聯(lián)網(wǎng)觀察。

微信

微信（也就是西方所熟知的Wechat)正在接近全球范圍內(nèi)掀起一股熱潮。

微信是一個(gè)集合了其他一些社交網(wǎng)絡(luò)的元素，主打聊天功能的移動(dòng)端應(yīng)用。它支持發(fā)送文字和語(yǔ)音進(jìn)行聊天還有實(shí)時(shí)群聊。此外它還擁有一個(gè)類似于Twitter那樣的個(gè)人照片流、一些供用戶發(fā)現(xiàn)陌生人的特性和其他的一些功能。

微信公眾賬號(hào)

近些年來(lái)，微信開(kāi)始提供公眾賬號(hào)，意味著企業(yè)可以使用微信向他們的訂閱者推送更新。當(dāng)然，你需要一個(gè)中國(guó)企業(yè)執(zhí)照才能夠申請(qǐng)。你可以從它的注冊(cè)入口 了解到更多信息。

小結(jié)

總的來(lái)說(shuō)，這一產(chǎn)業(yè)朝著非常良性的方向發(fā)展，除了可能會(huì)略微擔(dān)心隨時(shí)會(huì)有限制更嚴(yán)格的法律或者突如其來(lái)的上級(jí)的決定（例如政府使用了有效的對(duì)策來(lái)嚴(yán)格禁止VPN的使用）帶來(lái)釜底抽薪式的打擊。但請(qǐng)樂(lè)觀地相信這發(fā)生的可能性非常小。這里是設(shè)計(jì)師們的新一片廣闊的天地，許多大城市里的公司希望招募到更有才華的設(shè)計(jì)師，而客戶們也正越來(lái)越看重成品的質(zhì)量而不再一味追求廉價(jià)和快速產(chǎn)出。祝愿這樣的大趨勢(shì)能夠持續(xù)更久。

創(chuàng)新互聯(lián)專業(yè)從事成都網(wǎng)站建設(shè)，成都網(wǎng)站設(shè)計(jì)，成都網(wǎng)站制作

分享標(biāo)題：墻內(nèi)生存指南：中國(guó)的網(wǎng)頁(yè)設(shè)計(jì)現(xiàn)狀_成都網(wǎng)站設(shè)計(jì)_創(chuàng)新互聯(lián)
網(wǎng)站地址：http://muchs.cn/news/222253.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、品牌網(wǎng)站制作、外貿(mào)建站、域名注冊(cè)、App設(shè)計(jì)、手機(jī)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)