國(guó)內(nèi)網(wǎng)站與國(guó)外網(wǎng)站設(shè)計(jì)對(duì)比分析
前幾天遇到了一個(gè)客戶要做一個(gè)網(wǎng)站,這個(gè)網(wǎng)站的客戶來(lái)自全球各地,國(guó)內(nèi)和國(guó)外。因而客戶要求,這個(gè)網(wǎng)站不但要做到讓國(guó)內(nèi)客戶的喜愛(ài),還要做到讓國(guó)外客戶瀏覽也感到愉快。也就是說(shuō),這個(gè)網(wǎng)站得讓全球的用戶都喜歡。這讓筆者感到為難了。因?yàn),各?guó)的用戶習(xí)慣不同,對(duì)網(wǎng)站整體感官的要求也不同,想要一個(gè)網(wǎng)站能讓全球的用戶都喜歡,似乎有點(diǎn)困難了。下面我們就從中國(guó)和歐美國(guó)家一些網(wǎng)站的整體風(fēng)格來(lái)討論一下。
一、色彩的搭配不同
如果你會(huì)留意一些歐美國(guó)家的網(wǎng)站,你就會(huì)發(fā)現(xiàn),他們的網(wǎng)站一般都會(huì)采用比較鮮明的顏色來(lái)做網(wǎng)站的主色調(diào),譬如說(shuō)白色,橙色,或者藍(lán)色等等。并且網(wǎng)站的色調(diào)搭配通常使用一種顏色為主色,另外一種顏色為配色,或者直接就一種顏色,而越有名氣的公司,使用的顏色就越簡(jiǎn)單,如我們所熟知的著名手機(jī)品牌蘋(píng)果官網(wǎng)和曾經(jīng)占據(jù)社交網(wǎng)絡(luò)第一位置的用戶量龐大的Facebook,用的色調(diào)就是簡(jiǎn)單的白色。這跟外國(guó)人直接了當(dāng)又開(kāi)朗奔放的性格有關(guān),與中國(guó)人喜歡委婉曲折的性格不同,中國(guó)的網(wǎng)站整體色調(diào)搭配更具有中國(guó)的民族風(fēng),這表現(xiàn)在,國(guó)內(nèi)的網(wǎng)站色調(diào)搭配通常會(huì)使用三種或者三種以上的色調(diào),網(wǎng)站主色調(diào)用一種,背景色又是一種,還有導(dǎo)航欄也要用一種顏色來(lái)標(biāo)明,似乎怕人家找不到似的。這種色調(diào)搭配在普通的企業(yè)網(wǎng)站中更為常見(jiàn),網(wǎng)站一打開(kāi),就是一堆色調(diào)湊起來(lái)的花花綠綠的畫(huà)面,而且色彩濃烈,容易給人一種壓迫感,并且由于每個(gè)人對(duì)色調(diào)的喜好不同,首先從色調(diào)的運(yùn)用上,可能已經(jīng)導(dǎo)致了網(wǎng)站的一部分跳出率。
插個(gè)題外話,之前有個(gè)客戶對(duì)網(wǎng)站的整體要求是“金碧輝煌”,好吧,設(shè)計(jì)NG了很多次,就是因?yàn)榭蛻糁?/FONT>是要一種個(gè)人的感覺(jué),但是對(duì)于整體色調(diào)的運(yùn)用卻毫無(wú)概念,但每個(gè)人對(duì)“金碧輝煌”的定義又不盡相同,并且,效果真正做出來(lái),也不排除會(huì)有人覺(jué)得,哇,這個(gè)老板真是財(cái)大氣粗啊!
二、網(wǎng)站的整體布局不同
打開(kāi)一個(gè)國(guó)內(nèi)企業(yè)網(wǎng)站,你會(huì)很清楚的看見(jiàn),導(dǎo)航,BENNAR圖,企業(yè)簡(jiǎn)介提示,新聞中心提示,產(chǎn)品/服務(wù)展示提示(這個(gè)是重點(diǎn),通常會(huì)占據(jù)比較大的界面甚至?xí)鰣D片輪播效果),其他的還會(huì)有什么聯(lián)系我們,成功案例/合作伙伴,甚至還會(huì)放一小段視頻等等等等。別誤會(huì),我上面所說(shuō)的這些都只是在首頁(yè)的。企業(yè)的用意是,我要讓你一眼就能知道我是做什么的啊,那你得理解我的公司,我的經(jīng)驗(yàn)理念,我的產(chǎn)品,我的輝煌歷史,然后我還得讓你輕易就能找到我,為達(dá)到這目的我甚至還得給你放一個(gè)廣告圖或者是動(dòng)畫(huà)……好了,所有的東西都堆砌在首頁(yè)去,不但要突出的重點(diǎn)沒(méi)突出,反而讓人感覺(jué)擁擠,當(dāng)然不會(huì)討人喜歡!
或者我們?cè)倏匆恍┐蟮男侣劵蛘咝袠I(yè)平臺(tái),毫不夸張的說(shuō),可以用密密麻麻來(lái)形容。廣告穿插上下左右中間還閃呀閃的,閃得人眼睛都花了,另外圖片還不斷的輪播,新聞標(biāo)題從上到下單是一個(gè)一個(gè)看下來(lái)你也得用大半天時(shí)間,想要找個(gè)自己感興趣的新聞,點(diǎn)擊半天到最后出現(xiàn)的估計(jì)還是文題不對(duì)或者根本就不是你所想要的東西……
例子在此就不舉了。你要真想知道,可以去找?guī)讉(gè)網(wǎng)站來(lái)對(duì)比一下。什么情況一看就都清楚了。
三、網(wǎng)站風(fēng)格設(shè)計(jì)的不同
這個(gè),我還真不知道應(yīng)該說(shuō)國(guó)人太死板,還是應(yīng)該說(shuō)歐美的人們太隨意。瀏覽國(guó)外的網(wǎng)站,太都設(shè)計(jì)很隨意也很簡(jiǎn)單,首頁(yè)就一張大圖片作為背景,然后隨意設(shè)置幾個(gè)按鈕,就完事了。點(diǎn)擊進(jìn)去的欄目設(shè)計(jì)也很簡(jiǎn)單,不會(huì)設(shè)計(jì)太多三級(jí)甚至四級(jí)頁(yè)面,下拉菜單也不會(huì)很長(zhǎng),就一個(gè)長(zhǎng)長(zhǎng)的頁(yè)面,導(dǎo)航放一邊,內(nèi)容放一邊。而國(guó)內(nèi)的網(wǎng)站就不同了。先是有一個(gè)導(dǎo)航頁(yè)(很多時(shí)候是Flash動(dòng)畫(huà)), 然后規(guī)規(guī)矩矩的首頁(yè)布局,版頭,BENNER圖,部分欄目顯示……每一個(gè)模塊都規(guī)劃得規(guī)規(guī)矩矩的,如果你經(jīng)常會(huì)瀏覽此類(lèi)的網(wǎng)站,你甚至不用再看別的,直接按路徑點(diǎn)擊進(jìn)去就是。而有些網(wǎng)站的欄目點(diǎn)進(jìn)去之后還會(huì)有很多的下拉菜單,為了整體更美觀一些,版面設(shè)計(jì)有可能會(huì)很精美,但你也不得不更努力的尋找你要到達(dá)的頁(yè)面的指示按鈕,真是讓人糾結(jié)呀!
四、對(duì)引導(dǎo)頁(yè)面的偏愛(ài)
道大家有沒(méi)有遇到這樣的情況,打開(kāi)一個(gè)網(wǎng)站的時(shí)候,引導(dǎo)頁(yè)動(dòng)畫(huà)那叫一個(gè)又臭又長(zhǎng),又沒(méi)有設(shè)置跳過(guò)按鈕,你必須得等到動(dòng)畫(huà)播放完,出現(xiàn)相關(guān)選擇按鈕之后,才能點(diǎn)擊進(jìn)入到網(wǎng)站的首頁(yè)。筆者的網(wǎng)站就曾經(jīng)收藏過(guò)某位大神的一幅漫畫(huà),用一個(gè)簡(jiǎn)單的故事說(shuō)明了引導(dǎo)頁(yè)到底是怎么樣一個(gè)東西。圖片如下:
想了解更多錯(cuò)誤類(lèi)型網(wǎng)站設(shè)計(jì)的童鞋可以百度一下這篇文章《親,別再建這八種網(wǎng)站啦!》來(lái)閱讀一下。
引導(dǎo)頁(yè)對(duì)我們的用戶體驗(yàn)百害無(wú)一利,為什么直到如今很多企業(yè)在做網(wǎng)站的時(shí)候還堅(jiān)持要求增加一個(gè)引導(dǎo)頁(yè)呢?這跟國(guó)人的委婉曲折的性格有關(guān),就是我要告訴你的東西,我還得找一種比較委婉的好聽(tīng)的說(shuō)辭告訴你,要不免得我一片好心卻惹來(lái)你的厭惡!但是你看一下歐美國(guó)家的網(wǎng)站它就很少這樣,輸入網(wǎng)址點(diǎn)擊進(jìn)去,直接是首頁(yè),并且首頁(yè)放的內(nèi)容就那么一點(diǎn),按鈕在那,你愛(ài)看哪個(gè)欄目就點(diǎn)擊進(jìn)去看吧!既然你能夠?qū)ふ业玫轿遥驼f(shuō)明你已經(jīng)對(duì)我有一定的了解了,再設(shè)置一個(gè)引導(dǎo)頁(yè)慢悠悠的展示不是我的風(fēng)格。
筆者就簡(jiǎn)單總結(jié)了以上幾點(diǎn),從整體上分析了國(guó)內(nèi)網(wǎng)站與國(guó)外網(wǎng)站在設(shè)計(jì)上的區(qū)別,從而也說(shuō)明了,為什么我們很難做得出一個(gè)能讓全球的用戶都喜歡的網(wǎng)站。當(dāng)然,由于目前互聯(lián)網(wǎng)的全球化給了我們更大的便利,國(guó)內(nèi)網(wǎng)站與國(guó)外網(wǎng)站已經(jīng)有部分互相滲透,這種設(shè)計(jì)上的區(qū)別已經(jīng)不再明顯,一致性也已經(jīng)逐漸的顯現(xiàn)了出來(lái)。
復(fù)制本文《國(guó)內(nèi)網(wǎng)站與國(guó)外網(wǎng)站設(shè)計(jì)對(duì)比分析》地址給好友: