日本網頁設計作品分享,連網頁都有職人精神!

本文於 2023/03/03 更新

世界上的網站超過 16 億個,每個網站都有屬於自己的設計風格,甚至用國家將網站劃分開,可以發現每個國家設計出的網站風格都不盡相同。而具有設計感的日本在網頁設計上又與其他國家有什麼差異呢?這篇文章就讓我們一起看日本網頁設計的特色吧。

目錄 Contents

  • 日本網頁設計與國外的差異
  • 日本網頁的特色
  • 日本網頁設計作品

日本網頁設計與國外的差異

世界上的網站超過 16 億個,你可能會覺得,這些網站都用同一套程式語言跟設計方法,是有什麼好不一樣的?舉例來說,白色在日本代表神聖、乾淨,在歐美則是純潔、真實;綠色在日本代表自然、放鬆,在台灣則隱喻綠帽、外遇。

原諒套餐
如果原諒有顏色,那一定是綠色。

因為每個國家的文化背景不同,造就了各國網站的不一。像是麥當勞、星巴克也都針對各國網站分別設計,與其說是網頁技術或是美感上的不同,倒不如說是文化背景上的差異。但講了這個多,實際上這些網頁設計到底差在哪?

以下是TOTO的日語及英語網站比較:

日本網頁設計_差異

日本TOTO網頁

  • 導覽詳細分明
  • 網頁較長
  • 較多細節照
  • 詳細說明每張圖片

美國TOTO網頁

  • 簡潔有力的UI
  • 網頁較短
  • 商品配合寬闊背景
  • 檢端文字搭配圖片想像

不管在照片、文章、或是UI等方面都可以看到差異,在網頁設計上日本與台灣還是有不少相似處。

日本網頁的特色

除了上面提到的照片或文章外,日本網頁設計也配合垂直字體、日本文化等特色打造網頁。

字體排版

在自型及字體排版上,常常會看到將日語以由上往下的方式垂直書寫,把大標題呈現在首頁中,配合網頁風格的字體進行排版,這也是日本網站中非常有特有的設計方式。

日系插畫

聞名世界的日本動畫及漫畫風格,也被應用在日本網頁設計中。

日本網頁設計_日系插畫_ニュー北九州シティ
ニュー北九州シティ

日本文化

利用日式風格打造出有濃厚日本文化風格的網站,連網站都非常有職人風格。

日本網頁作品

看完了日本網頁設計的介紹與特色,你是不是想看更多日本網頁了呢?再來要提供的網頁是日本國內專門蒐集各種特色作品的網站,每種都非常有特色且具互動性,不管是網頁設計師、或是像我一樣的網站經營者、又或是想要玩玩看日本網頁的鄉民們,都很適合進下面的網站一起玩玩看。

I/O 3000

Web Design Clip

同樣提供了許多高品質的日本網站,除了分類外同時具有 MyClip 功能,可將有興趣的網站加入書籤內。

MUUUUU.ORG

MUUUUU.ORG 為最多人推薦的日本網頁設計參考平台之一,分類標籤極多,包含顏色、種類、設計風格等,網站數量也破千個,對於想找單一產業的設計者來說是很棒的平台。

bookma! v3

網頁非常簡潔,甚至連分類標籤都沒有,對於想找特定種類的人來說比較麻煩。但優點是能獨立顯示手機或電腦版網頁,推薦給想參考響應式網頁的朋友們。

RESPONSIVE WEB DESIGN JP

日本網頁設計_作品_RESPONSIVE WEB DESIGN JP
https://responsive-jp.com/

網頁標題直接打上 RWD,就知道這個網站專門放優秀的 RWD 作品。RESPONSIVE WEB DESIGN JP 的分類比上面的網站更完善,一次顯示出三種常見螢幕:電腦、平板、手機。


看完了這麼多日本網站,真的只有佩服兩個字可以形容日本的網頁設計,希望有朝一日自己也能成為網頁設計大師!如果喜歡的話記得在下方按個讚,或分享給朋友!

發表迴響