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     裕潤五金

 

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

 

https://www.ihi.co.jp/   IHIは総合重工業

更多日本網站分享: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/

 

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

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

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

 

  • 意匠使用程式語言為最新版 html5 + CSS3 ,相容各種iOS、Android、Windows、Mac 系統
  • PHP & MySQL 連結資料庫
  • 自適應各種瀏覽裝置,不管是桌上型電腦、平板電腦、智慧型手機等各種樣式的網頁
  • 任何語系轉換或整合系統,使用意匠開發CRM管理後台進行操作即可,減少繁雜作業手續與人力消耗
  • Google Analytics數據分析工具埋設,報表後台即可看到行銷數據
  • 整合金流/物流 API,介面簡單明瞭輕鬆轉換為購物站進行收支付
  • 採用「SEO優化結構」方式來製作網站,後台可自行設定關鍵字,有效提高網站效益
  • 專才專職全方位服務,每個專業人員各有領域
  • 客製化打造品牌企業形象,為您的品牌形象大大加分
  • 深耕在地十幾年,服務全台上千家客
  • 誠信服務創造價值,持對客戶的承諾,創造長久的信賴
  • 行銷公司配合,每週、每月定期提供排名及成效報表
  • 品牌形象、政府機關、學校系所、醫院診所、購物民生、RWD響應式網站,是您選擇網頁設計公司的第一首選!
  • 透過全方位專業的網站規劃,幫助客戶在網際的市場暢行無阻
  • 主機代管、多元金流、數位行銷、多國語言翻譯等複合式專業服務

意匠也提供全方位廣告行銷方案

▪ SEO搜尋引擎優化:

想讓您的產品出現在搜尋結果第一頁嗎?只要SEO優化做的好,幫您的關鍵字搶得被潛在客戶看見的重要先機!

需要SEO搜尋引擎優化? 了解更多 >

▪ Google 關鍵字廣告:

善用關鍵字廣告迅速提升曝光度與網站搜尋排名,立即精準地幫你帶來有效客戶!

需要數位廣告行銷? 了解更多 >

聯絡我們

Contact us

聯絡我們