如何看待日本的網頁設計?原因是什麼?

日本是一個設計大國。不論是工業設計、平面設計、包裝設計還是產品設計,都很有本國特色,在全球影響力都很大。
但是,我們在界面設計的範疇,不論是移動終端、軟體還是WEB圖形界面,卻很難找到一些出色的例子。不是沒有,也有像MIXI社區等等的正面案例,但是據我所知,大部分網站都「過分的簡潔樸素」到極點。再比如樂天和淘寶,可以看成是「充滿地域特色」的客戶體驗嗎?我們如何評論日本界面設計的「好」與「壞」呢?


我以前也這麼覺得的…………當初入學的研究課題里我還寫什麼「日本的網頁設計獨具一格(其實我就是想說意外的不在意visual design),和中國的挺不相同,我想關於這其中的文化差異也有興趣」什麼的……

後來我發現不是這樣的……尤其現在在日本岐阜第一的網頁設計公司實習後……以前那些覺得丑的網站,其實基本都是yahoo啊2ch啊fc2啊大型網站,還有很多個人小站(我靠真的是一看就好純潔的html……互聯網誕生初網站的感覺……我導師的HP就那種……我不是黑我導師啊!日本至今還有人這麼做自己HP啊!我導師的課里還涉及到網頁可用性測試什麼的呢!千鳥在蠻早前的日誌里還引用過他論文啊!可你自己的HP都做這麼簡陋我真的不能理解啊!導師對不起>(′□`;))這也是我們外國人一般接觸會比較多的日本網站,所以就根據這些網站對日本網站設計有了個初步印象。

因為研究室里還有個同學也是做web的,所以老師就乾脆把圖書館的《web designing》雜誌全部獨攬到自家研究室給我們看了。我隨便看了一本就立即改變了對日本網頁設計的看法……和之前的日本網頁的印象完全不同。
炫酷程度和歐美平起平坐的網站很多。個性的小站點也層出不窮。看那個雜誌,甚至會有種比中國的網站設計強太多的感覺。不過這麼斷定的話也似乎過於武斷。

關於日本的網頁設計我還不能說多了解,但是覺得上面很多人說的都和我的想法有點差距,還是說一些自己的看法的。各種零碎的想法先列出來吧,初稿寫的很亂,慎入:

  • 日本的網站製作模式和中國不一樣
    中國(包括歐美也相當程度地)很多稍微有點規模的公司就是直接雇自家專用的設計團隊做網站,網站做好了後總不能讓他們空著吧,就不斷優化啊,加新功能啊,什麼的,做到極致。
    日本很多都是外包給studio做的。大入toyota之類的國際企業都讓別人做……有些公司是連更新內容也外包,什麼做一個新的小banner啊,之類的也要再去聯繫之前的studio讓他們renew……我在想他們是不是只會用電腦打字……那網站有問題都反饋給誰啊?反饋了能有效么?studio註定了就是要不斷的接單子的,根本沒心思給你認真改、不斷優化,除非你給了足夠多錢……網站的更新就像豆瓣,明明很多明顯的粗糙簡陋不夠好的地方卻不去改進(豆瓣黑XD)。
    日本的互聯網普及比中國好,幾乎是個公司都會考慮弄個自家網站,尤其很多老闆自己也用smartphone啊,還會想也做個移動端呢。所以web design studio的需求不小,網頁設計師工作也相對比較好找。
  • 設計師人才去向和中國不一樣
    中國是各大互聯網巨頭吸引並佔據了大多數優秀的設計師。而一些水平有限/業餘的設計師在接單子。我覺得這跟薪水很有關係,中國設計師在一個studio的話想要有個像樣的收入是比較困難的,進一個騰訊、網易之類的大型互聯網企業是大多數同行的目標吧。
    中國如今互聯網上關於UX、UI討論風風火火,但其實大多都是集中在那些大互聯網企業之間。我曾一度還護額的全國各UED團隊真是爭先恐後發博文……我在阿里那時候吧,組長還指定一個目標是團隊每周一篇,輪流(事實證明很難堅持,質量也有限)。國內很難看到一個獨立設計師/studio能參與到互聯網的討論鍾來並引起注意。所以我們中國網頁設計人看到的很多都只是那些比較高端的設計師的討論和設計,而看不到一般的設計師,也不太會去注意。也就是說,我覺得,大多數人只看到了中國的網頁設計top class部分而看不到整體。然後還去跟日本的相對粗糙的大網站比設計,就容易產生中國的互聯網設計水平比日本高的錯覺。中國各中小心企業和政府的網站是啥樣子大家心裡也清楚。
    日本作為世界貧富差距最小的國家,畢業了去哪裡待遇都是一樣的。不會像中國這樣人才都往幾個點擠。日本很多設計師在別人studio幹了久有成績之後會選擇自己開studio而不是去xxx大公司。所以日本的大網站並不能代表日本網頁設計的整體水平。甚至恰恰相反,因為優秀設計師的去向問題,很多中小型網站成為了日本網頁設計的主要部分。我也從來沒有在web designing上看到過介紹什麼大網站的……太多的都是採訪個人和小studio的。給雜誌寫文章的也很多是獨立設計師。
  • 日本優秀的網頁設計其實多得很
    隨便丟3個site gallery吧,你們自己看看,平面設計的底子和審美不是蓋的,秒殺中國同行
    WEBデザインリンク集|Good Design Web
    WEBデザインのクリップ?リンク集|Web Design Clip 【Webデザインクリップ】
    Webデザインギャラリー
  • 日本在瀏覽器方面比中國的情況好太多,所以其實他們的網頁設計師更能玩、更活躍,用新技術的也要比中國的多得多
    現在日本的studio招人,不管實習還是正式工還是打工,都會問你會不會Html5和css3,會不會smartphone網頁的製作什麼的……ie6是啥?能吃嗎?要不是ie6我想中國網站的炫酷程度或許還能稍微追一下日本。
    日本的網站各色各樣,各有風格,在欣賞各類網站時,時常讓我覺得活潑輕鬆,快樂自在。中國那麼多優秀的設計師其實都是在大公司反覆優化、修改自己產品。使中國的能看的網站設計都是大公司。但大公司的產品註定了缺乏特色,死板。要我說就是,中國的網頁設計比較無聊。作為一個設計師,我個人覺的自己會受不了幾年十幾年都在優化一個網站這種事……
  • 日本的網頁設計深受平面設計影響
    相對歐美的注重GUI、質感,日本的網頁要平面的多,不僅僅是層次感上的平,板塊劃分、板塊的外觀,整體布局,都有很濃的平面設計的影子,以至於很多網頁設計是稍微改一改就能當平面設計作品了。前面給的web site gallery里的看看就可以了。日本設計師整體的設計功底就是比中國好太多。其他不說,光typography教育就不在一個水平。
    我現在的公司在中國開了個分公司,一是拓展業務,因為很多日本公司都想開展對華業務,當然國內客戶的單子也會做。另一方面也是省人力,一些前端的任務可以交給國內,SEO則是完全交給國內的幹了。manager跟我說,多年下來的實踐結果是,日本設計師做不好符合中國審美的網站;中國設計師也做不好符合日本審美的網站。所以現在還只能是中國網站交給中國設計師,日本網站交給日本設計師(日本方面正式設計師就3名……還有一個是parttime,好少哦。不過想想國內互聯網企業也是視覺設計師少……前端和交互一抓一大把……)。可見日本的網頁設計和中國的設計是挺不同風格的。
  • 日本的網頁設計師深藏不露,審美基礎好
    我現在的公司里的chief designer,是程序員出身哦……除了網站設計,傳單、宣傳冊這些他也要做。對cmyk、dic color之類的色彩管理也有懂。我之前做個宣傳冊,有一個組件中途變了字體,他不僅看出來了還隨口丟了句是不是「新gothic」……當時我心中就跪了……你真的是程序員嗎……
    公司里還有個設計師,入職2年,進公司時是PS和AI都不會的(汗,那到底是怎麼進公司的?也許一開始不是設計師職位進來的)……PS的圖層樣式都還沒完全掌握。但我看她做的設計比我好看…………………………至少思維我覺得挺好(我做設計有點拘謹老套老實說。)
    還有一個……入職一年……也完全不差……至少比我中國的大學同學好太多了……(雖然我大學同學基本沒幾個在繼續做設計的)
    不過說審美基礎什麼,可能和中國比不太好,因為中國太多藝術生都是為了逃避高考才學的,藝術生整體素質差的沒話說。
  • GUI也不是弱
    日本icon和interface做的好的人也有啊,尤其interface又不是什麼很難做的東西。但總體感覺確實沒有中國人那麼在意GUI。可能和前面說的日本網頁設計平面化傾向大有關。前面有人說dribble上看不到日本人……那是因為日本人英語差……deviantart上不也沒多少日本人么……難道就說日本人設計差么?我公司里的關伺服器的和coding的和我那個前程序員的chief designer,英語都爛死了=。= 見到天天摸代碼的人都能英語那麼爛,我才算是認識到了日本人的英語教育有多不入流……
  • 交互……明顯沒有國人那麼鑽研
    UED什麼的當然有啊,但沒有國人那麼熱衷。一方面是前面說的網站製作形式不同,另一方面用我老師的話說就是,人機交互這個現在研究不多了,有點算過時的研究課題了。
    日本的交互研究其實發展比國內早太多了,也廣泛太多。在中國說到交互,那基本就是互聯網的事了。而日本在二三十年前就在研究印表機複印機冰箱等家電的屏幕上交互了。中國的人機交互基本是用戶心理(國內有些用研就是應用心理學專業的)和商業引導(PM)的討論。日本院校(其實美國也是)現在研究的人機交互都是很工學的東西,完全嶄新的交互形式,比如體感交互(wii那種),眼神操縱啊之類的,根本不在中國一般設計師的交互概念內。
    網頁什麼的可用性確實我也沒看到多少paper。JIS和W3C都對可用性有非常非常詳細規定/分級(日本的JIS真是覆蓋面相當全面……),check下就是了,不過很多時候我覺得應該大多數studio/設計師是憑感覺在做,因為為了生計不能在一個項目上逗留太久,冷門瀏覽器的兼容也基本是不管的……一個稍微大點studio的話,有專門跑業務的人,版面布局什麼的是他們和客戶討論好了然後讓設計師做的。那些跑業務的人懂多少IA和UX我就不清楚了……因為我還沒多少接觸……(我目前實習乾的是一個公司內部的需求,一個人做整個project,策劃、交互、原型、視覺、前端、CMS、移動端、SEO、伺服器都做,從頭到尾過一遍,所以基本處於一個人悶頭乾和其他人交流有限……我座位也特別看不到別人屏幕……)
    日本不少招人也基本是籠統地說「招網頁設計師」而不會像國內那樣分成視覺設計師和交互設計師。交互設計師什麼的聽上去更像是搞軟體的。
    不過我確實也沒覺得他們在網頁交互上做的很出色就是了。

最後,quora上有個類似問題Japan: Why is the design of many Japanese websites so bad? 但回答的角度各不相同,可以參考下。


今天發現日本已經有dribbble類的網站了
https://jypg.net/stack/popular


以前 Jeff Zeldman 討論過日本的網頁設計,跟這個問題很像:

http://www.zeldman.com/2010/07/25/the-puzzle-of-japanese-web-design/


光榮公司2017年做出來的東西。
這才是大巧不工啊同志們。

你說匠人精神?那是什麼意思?我們日本製造業的傳統是難得糊塗能用就行


應該說看這個問題必須區分不同的層次。Himmel Zhao 指出的實例一個是商用程度,二是製作時期都有很大的不同。
我的觀點是

  • 就我參與過的日本網站項目的經驗,日本網站UI設計的專業隊伍標準化和成熟度應該是相當高的。
  • 日本人「留用」習慣明顯,一個版本能用就湊合用下去,很多都在使用很久之前的設計。
  • 但日本人沒有盜版的dreamweaver使用,很多商業化程度不高的網站還在用非常不便的方式製作。


2015更新

看到還有人贊所以更新一下,這幾年日本的網頁水平普遍提高了很多。包括遊戲宣傳在內的網站也都各種進步了,flash很少見了,大畫幅和動態的運用水平提高了不少。比如:
http://www.gamecity.ne.jp/doa5/lastround/top.html


像樂天旅遊和一些觀光指南類的網站也做的很好了:
http://travel.rakuten.co.jp/
http://www.digistyle-kyoto.com/event/

==
看過很多日本的網頁,大部分從配色到細節都很差,甚至連結構都有問題。大部分網站還在採用左對齊甚至兩邊無限拉伸變形,http://www.jyh.or.jp/index2fr.html 就像這個樣子的比比皆是(其實國內的很多事業部門網站也很次)。有些外表華麗的比如很多遊戲宣傳網站(http://www.square-enix.co.jp/fabula/0/),基本都是flash做的,照搬了遊戲的那一套美術風格和素材。反觀很多美術設計很好的遊戲,UI設計卻很粗糙簡陋(也有很好的比如MGS系列)。

稍微好些的也是有的比如:
http://www.asahi.com/
http://www.nikkei.com/
http://www.hobbystock.jp/
這些信息密集型網站的排版處理在某些方面比國內門戶還要好。
另外最近發現的http://iknow.jp界面和UE都很好,尤其喜歡那個課程日曆,還有一些統計表。

至於如何評價好壞,站在我個人角度來看,大部分是壞的。平均質量照日本的平面設計界和美術界差的相當遠,幾乎是不可原諒的。我猜想日本的網頁UI設計根本就沒有被劃分到設計圈裡。
但是站在日本人的角度或許就覺得沒什麼,從用戶到服務商都沒把體驗和美觀放在最優先的位置,而更重視信息內容。其實縱觀全球,好多地區也能跟日本的下限有一拼,比如我曾經給荷蘭西班牙那邊做過一些設計,他們的原頁面比日本的這些恐怖多了。

做好核心的信息部分固然重要,但用戶體驗優化也是大勢所趨。曾有人預言iphone會在日本市場慘敗,但現實正在呱唧呱唧的抽臉。。從人才培養到設計理念,日本還是有很長的路要走,我們國內也還有很長。


有沒有發現在電腦上打開一些日本網頁,大多長得跟wap端似的。

眾所周知日本的移動互聯網極其發達,國人拿簡訊收個QQ消息的時候人家已經跟手機上玩起社交了,這種「過分的簡潔樸素」到極點的設計是否是為了更好的適應wap端的瀏覽,在實用和美觀上,日本人很務實的傾向於實用。畢竟,所謂設計,就是用「視覺語言解決邏輯問題」。

不是做設計的,以上是猜的


最近想轉行網頁設計這一塊,所以對這方面感興趣,

上面很多答案具有偏向性,列一些日訪量不超過100的小網站沒有什麼代表意義。

下面我要列出日本、中國、印度 alexa各國本土網站訪問量前5網頁截圖:

(註:為什麼只截本土網站前5?因為日本和印度如果按照訪問量來說,前5中google、facebook等跨國分網和主站差別不大,只能代表美國網頁設計水平)

日本

中國

印度

http://appredirect.snapdeal.com/SNAPDEAL-QR (二維碼自動識別)

我的總結:

日本網頁設計:配色不成熟,喜歡大紅大綠;排版比較過時,頁面上的一些設計細節比較像四五年前的東西,設計感都不怎麼樣,fc2,樂天,第三名視頻網站負分。

中國:大多配色成熟,淘寶的左側商品導航過於刺激,可以說淘寶的設計水平真不怎麼樣,看起來亂糟糟,前5網頁都是信息比較密集的網站類型,版式也是比較中規中矩比較老套的方式。設計感都挺一般,但是各種細節還是注意到了,淘寶最差。

印度:為什麼列出印度?因為我昨天無意看了幾個印度購物網站,出乎我的意料。可以看到,前五配色非常新穎大膽,設計感十足;版式安排前衛,值得注意的是,這前五都是響應式布局,而上面的中國、日本網頁前5都不是,這方面印度真的走在了前面。都是購物、新聞、買票等信息密集型網站,但是印度公司就是排的不亂而美觀。

以上綜合,三國水平:印&>中&>日

為什麼會是這樣的現象?按理來說日本最發達為什麼網頁這一塊卻跟不上?為什麼印度其他方面在三國中墊底網頁設計這一塊卻是國際前端?

有趣的是我發現一些發達地區比如中國台灣、中國香港也和日本一樣比較「垃圾」,而越南、泰國等經濟不怎麼好的國家的網頁設計卻比較新穎,跟上了時代。

1.市場大小

中印網民市場大,網路公司規模大,注重網頁設計;而日本、中國台灣、中國香港本土網民市場比較小,沒有足夠設計動力。但是這又有一個問題,為什麼越南泰國韓國等小國市場也小,但是設計也不錯?下面

2.互聯網發展時間和網民構成

日本、中國台灣、中國香港等發達地區接觸互聯網早,比較習慣了以往的「過時」版式、配色;而且人們綜合素質高,網民構成年齡分散,需要照顧中老年網民的習慣,網路公司不敢做大的變化、不敢做新穎的嘗試。

而包括中印在內的發展中國家互聯網發展較遲,接受的網頁設計起點相對不那麼落後,網民構成年輕人佔比非常之大,敢於追求新穎前衛設計。印度好於中國原因應該和印度IT文化強有關。

3.經濟增長速度

日本等傳統經濟發達地區,經濟增長慢,近期社會變動小,幾代人生活水平幾十年不變,網頁這一塊也跟著「一潭死水」;而發展中國家經濟一般增速快,就像中國,九十年代的生活方式和17年變化巨大,公司不進取沒有出路,各公司習慣「變化」。

以上


現代與傳統:日本唯美網站設計

日本的建築設計、書刊設計受世界矚目,網頁設計也很有創意。日本是一個充滿禪意的國家,所以在設計中常常毫無違和感的融合現代與傳統。下面欣賞一下日本的網站設計,是否像建築設計一樣精緻。

1、www.sanga-ryokan.com

溫泉旅館網站,簡潔,大氣。。。傳說中的高大上。

2、www.ohzan.com

景點介紹網站,景點介紹動畫,意境優美。

3、www.museum.toyota.aichi.jp

美術館網站,首頁圖片展示的方式,很有創意。

4、www.atelierbutch.com

網站每一個細節都值得張大嘴巴,它是一個幫你縫紉的網站,但卻做得如此精緻,難以相信!

5、www.ishiyamasenko.co.jp

手工染布會社,網站簡潔有質感。

6、www.ippodo-tea.co.jp

茶葉鋪的網站設計,很Q,很清新。

7、hanamichiya.jp

日本文藝商品小店的網站,一幅原創畫串起整個架構。

8、taromag.misaquo.org

雜誌站,簡潔乾淨。

9、www.maruta.co.jp

運輸公司站,背景動畫很有意思。

10、www.kabusan.or.jp

山寺網站,傳統水墨畫黑白風格。


我不知道為什麼答案傾向於一邊倒
我只想貼一個網址
Webデザインリンク集?ソーシャルブックマーク


1、日本人不喜歡電腦,喜歡用手機上網,我們還用黑白屏的時候人家屏幕都65535色了,我們剛用彩屏沒多一會,人家就用手機首發email了,PC端界面其實就是為了移動來做的,我曾看過mixi上前50的app,一半是運勢占卜類,不少app的界面在PC上和一般網站的wap版無疑。當然也不是所有人都用好手機,所以為了照顧低端手機用戶,網站界面在設計時是實用優先、覆蓋率優先。

2、日本人十分守舊、重視傳統(所謂元祖情結),傳統的界面接受度高,前衛設計接受度低。

日本互聯網是個十分有趣的市場,我還沒搞懂本質差異在哪裡,但很多細節都和中國、世界完全不同,特別好玩。


什麼貼網址之類的夠了,日本的網站就是普遍的丑,她就是丑!!不管什麼為了簡潔,為了wap,為了設計,你找再多借口他也是丑。這就是我在日本網站逛了這麼久唯一的感受,特別是我最喜歡的niconico,簡直丑的沒瀏覽的慾望。這一方面是絕對沒必要學習的,日本的風格是不錯,但並不是所有的都是好的,普遍的丑。這不是審美觀的問題。


粗暴對比一下,算是風格不同,各有高下吧..
門戶網站那熊樣大家都有數就不放了...

http://www.gov.cn/zhuanti/2017wxzlsjh/index.htm?tgly=bjszfbgt101 (二維碼自動識別)


----------------------------------------------------------------------------------

----------------------------------------------------------------------------------


講道理各類av網站官方主頁做的還是不錯的


我覺得其實日本的網頁設計挺厲害的。
可能樂天的話,確實不是特別出眾,但是其他的網頁,好多我都覺得很經典的。
比如:
學校:
http://www.ritsumei.ac.jp/profile/
慶應義塾
Waseda University

企業:
パナソニック商品情報 | Panasonic
資生堂グループ企業情報サイト

不動產:
阪急不動産のマンションブランド&<ジオ&>
ダイワハウス|ダイワハウスの分譲マンション
ベラジオ三條朱雀|日本ホールディングス株式會社
デザイン|北浜ミッドタワー|三井不動産レジデンシャル?京阪電鉄不動産?積和不動産関西|大阪市(「北浜」駅直結)の新築?分譲マンション

我不是學網站設計專業的,也不懂這一行。
只是覺得日本的很多網頁真的挺有感覺的,而且各種信息詳細完備。

反而國內天天提倡互聯網+,但是互聯網本身我覺得都沒有做好,
不僅網頁設計有些欠缺,連想查找的信息有時都沒有。
比如國內好多企業,產品信息不全,或者沒有及時更新招聘信息(也許和國內某些特殊情況有關吧)等等。

日本還是有很多地方我們可以借鑒的~


其實只是幾個設計不敢動的日本大型網站造成的錯覺。
日本設計的基礎還是很強的。很多小站還有設計師網站水平都很高的。


艦C的窗口能不能做大一點。。。


日本的設計本來在世界上也是排的上名的,傳統和創新的結合非常不錯滴。


現實是日本設計也有像中國一樣的二三流,而慣性係為是喜歡拿他們不好的說事


推薦閱讀:

學習UI設計和網頁設計以及web前端分別有什麼樣好的網站推薦?
如何學習 UI 設計?
幾種典型的 iOS 應用界面的交互框架各自的優缺點是什麼?
非科班出身的在一年後如何加入最美應用?
2013 年,有哪些界面設計風格趨勢?

TAG:網頁設計 | 日本互聯網 | 用戶界面設計 | 日本設計 |