2021-03-10

一起來一趟網頁設計的世界巡禮吧

一起來一趟網頁設計的世界巡禮吧

還記得先前介紹過關於日本製作的網頁風格嗎?許多人私訊我們想了解更多各國網站的差異,這是個非常有趣的主題,就讓我們一起來看看各國的網站有什麼屬於他們獨特的地

各國網頁設計風格大不同

從眾多的實驗得知,亞洲的使用者對於高對比的顏色會產生較高的注意力,同樣的一張圖片,同時給予亞洲和歐美的使用者,第一眼注意到的地方也有很大的差異。

因此亞洲的網站設計採用了大量的對比和高明度的文字圖片,而歐美的網站採用了大區塊的設計。

在歐美的報紙內容上,每一段橫向文字不會太長,一個版面常會分成五至六個區塊處理文字,但亞洲文字就不擅長做這樣的處理

甚至在亞洲網站的排版上,會運用大量的符號及圖片,這也是在歐美網站上比較少看到的。

加上亞洲使用者已經很習慣同時間處理大量的資訊,但歐美的設計同時提倡簡約設計,這樣的資訊處理習慣和承受度,也影響了亞洲及歐美網頁設計差異。

網頁設計的技術跟風格與國家的文化背景息息相關,從網站中一定可以看出屬於這個國家的端倪,也能帶來不同的視覺體驗


日本網站

先前有特別把日本網站的風格拿來當一個主題,日本的網站是我很喜歡的風格,就跟日本給我們的感覺一樣

乾乾淨淨,柔和的就像一陣風一樣的舒服,風格清晰,而比較常見的兩種網頁設計風格

進站主頁常是以全版面大圖輪播,也多以實境照為主,搭配直式文字,喜歡使用淡入淡出的設計

http://gohanyahale.com/

 

內頁的部分,上方輪播示意圖,子項目分層主要以多個區塊搭配圖片呈現主題,內容則多以的文字敘述呈現,字型會保持比較寬的間距
若欲呈現比較活潑生動的網站,則會在使用字體上跟編排上做差異,善用JavaScript加入一些插圖與Icon,讓整個網頁很有動態感(延伸閱讀:網站構成元素

下面這個網站超可愛 !請一定要點進去看

https://tetrachroma.co.jp/

既生動又充滿設計感的網站

http://air-plus.jp/

女子美術大學,充滿立體滿主題明確的網站

http://kankyo.joshibi.net/

有發現到日本旅遊,不管是電視或是電車上的廣告宣傳都是使用色彩對比強烈,呈現比較活潑的方式

這就是日本的特色之一

 

前言說到的,亞洲對於色彩的耐受度比較高,而日本又是喜歡鮮明色彩的國家,想當然的也反映在網站的設計上

若是像比較大的企業網站,分層就會使用比較多,點進項目的呈現方式也不同

以下的網站範例,首頁跟一般企業一樣,先以圖文區塊呈現出主要讓客戶了解的資訊

可以看到在這個網站上,首頁就呈現出非常多的資訊,但卻不會有讓人覺得過於複雜或難以閱讀

 

中部國際空港網站

https://www.centrair.jp/

 

以台灣企業最常見的公司沿革方式如下

熒茂光學

http://www.mildex.com.tw/ 

裕潤五金

http://www.yuruen.com.tw/index.php?lang=cht     

 

這是一個較為大規模日本企業的網站,設計的項目層數也相對比較多,而在日本企業網站多以文字上下條列敘述

IHIは総合重工業

https://www.ihi.co.jp/   

更多日本網站分享:http://4db.cc/


韓國的網站

介於台灣與日本之間的設計,個人是覺得設計趕更趨近台灣的網頁設計架構

主要也是以圖文為設計中心,在很多區塊都喜歡使用大量的圖片,淡入淡出效果用的更是淋漓盡致

而且有一個很特別的狀況,韓流文化盛行,消費市場發展攀高熱絡,多以購物網站為主

且產品主要呈現在首頁介面,並不像台灣購物網站會收入在產品項目裡,可見韓國網路消費市場的熱度

再者,綜藝文化的深入韓國民眾心中,因此很多網站也多以藝人或是高顏質人像照為主

 

http://maroocorp.co.kr/

 

https://www.cubeme.co.kr/main.do

 

https://www.cellreturn.com/KR/main/main.php

 

更多韓國網站分享:https://www.dbcut.com/bbs/index.php?&p=2


美國的網站

簡約與科技感路線,就會想到美國吧

由於美國地廣人博,是多人種多文化的結合,自然會有各種不同IDEA的產生,不僅在行銷上,在IT產業跟知識量也是走在最前端的

底圖不像亞洲國家會使用輪播圖,喜歡以深色色彩(藍色、白色)作為主調,中間區塊再加上重點的圖片配置,網站沒有太多色彩

果然如同美國喜歡簡約的風格,頁面的導航欄和橫幅區域基本上是固定,也比較沒有太多的變化

 

https://casper.com/

 

https://www.starbucks.com/

 


英國的網站

紳士的皇家風格,是大家對英國的解讀,網站色彩較少,常以白、灰、黑為主

僅有單純的色塊與明確的文字,雖然簡約,但與文字的配置卻很有設計感,別忘了英國可是很多潮牌的發源地呢

 

https://neverbland.com/

 

https://www.studio-akiko.com/en/

當然因為品牌不同會有不同的設計,例如Whittard 英倫玫瑰茶

色彩就稍豐富,還帶一點手繪感,但看的出來除了色彩圖片外,主旨還是以白灰為主

 

https://www.whittard.co.uk/


法國的網站

被評選為全世界最浪漫國家的法國,是時尚之都與藝術搖籃

很自然的在這樣的設計環境中,呈現的作品表現一定是獨具優雅精緻的美感,奢華的法國文藝復興、巴洛克、古典主義、洛可可、新古典主義,無一不影響著當地的創作者

 

要如何做出一個優雅時尚的網頁設計,對法國人來說是很重要的

與日本一樣,進站時喜歡用高清大圖,特別是針對時尚品牌,而顏色配置的方面與英國一樣,喜歡以白黑灰色作為基本色調,尤其是白色的使用

 

搭配深色文字,網站也喜歡預留較大部分的白色區塊

 

特別的是,法國不熱衷在特效的應用,更喜歡以排版來凸顯特色,乍看之下並於特別之處,但仔細比較後會發現低調的美感

如果要我說,法國網站就是簡單卻精緻的最佳寫照

 

https://www.placedestendances.com/fr/fr       place des tendances

 

http://www.guillaumebouvet.com/

 

https://jakobdeboer.com/

 

好了,看完了以上這些國家的網站,是不是覺得很有趣呢!

每個網站都像有一位說書人在等著告訴你有許多故事

不妨跟著網頁設計一起環遊世界看看!

  • 覺得網站不好看嗎?

    為您打造代表企業、品牌形象的高質感RWD響應式網頁。

  • 您的網站設計公司很難配合?

    十幾年來誠信服務全台,客戶好評推薦,值得您的信賴!

  • 網站後台超難用嗎?

    自行開發後台系統,簡單好上手,隨時修改不求人!

  • 有網站為什麼沒訂單?

    整合SEO關鍵字優化、網路廣告行銷,讓網站成為創造價值的利器!

  • 網頁動線不順、流程卡卡?

    不論是企業品牌形象、機關學校、醫療、購物民生...等各類型網站,我們有豐富的經驗幫您做最好的規劃!

  • 您的網站安全嗎?

    我們也提供主機代管、SSL加密憑證、網址、專業信箱...等服務

Contact us

需要任何服務或有疑問,歡迎利用LINE線上客服、填寫以下聯絡表單或來電,
將有專人即時為您服務、免費估價,謝謝!( * 為必填 )

聯絡意匠