個性之美！繼續(xù)聊聊日本網(wǎng)頁設(shè)計

上次我們在網(wǎng)址導(dǎo)航里推薦了日本4db網(wǎng)站（一個搜集日本各行各業(yè)、各地區(qū)的優(yōu)秀網(wǎng)站）后，大家都震驚了，才悄然發(fā)現(xiàn)島國除了愛情動作片值得收藏尋味外，網(wǎng)頁也在求新求變，滿足各位客官的口味！我們?nèi)ツ暝?a target="_blank" href="http://www.czdes.cn/why-japanese-web-design-is-so-different" target="_blank">《現(xiàn)象與本質(zhì)：淺析日式網(wǎng)頁設(shè)計》一文中和大家聊了一下日本網(wǎng)頁設(shè)計的風(fēng)格，大家也都激烈的探討過，對日本網(wǎng)站褒貶不一。那么就讓我們今天繼續(xù)聊聊日本網(wǎng)頁和中國的區(qū)別，希望對您有所啟發(fā)。

相關(guān)推薦：
《點(diǎn)線面的運(yùn)用！設(shè)計的骨骼(一)》
《敢于嘗試！23個有著非同尋常配色的網(wǎng)頁設(shè)計》
《推薦！通過留白打造簡潔有效的設(shè)計》

日本網(wǎng)頁設(shè)計之美

文字的用法

日本網(wǎng)頁個性獨(dú)特的原因之一可能就是網(wǎng)頁中運(yùn)用了多樣的文字。與常規(guī)的使用英語作為基本語言的網(wǎng)頁相比，用多樣文字至少優(yōu)秀150%。對于網(wǎng)頁設(shè)計師來說，這樣做看起來似乎很‘傻’，但是對日本網(wǎng)頁設(shè)計師來說，這樣做讓網(wǎng)頁更加有魅力。

關(guān)于為何如此使用文字，最簡單的原因就是基于語言本身的構(gòu)造。與英文單詞相比，日文單詞更加獨(dú)立（比如中文的‘好’翻譯成英文是good，翻譯成日文是好，日文只有一個字，而英文是由四個字母組成）。他們的祖先在創(chuàng)建文字的時候希望文字所占的空間更少、意味更加深遠(yuǎn)，所以就有了我們現(xiàn)在看到的日文。當(dāng)你看到一些日文的時候，你可能認(rèn)為它只是一句話，但其實(shí)它是一段話。

goukaseishi

另一個主要的原因則是：多樣的文字可以讓購買者信服。與大多數(shù)西方消費(fèi)者相比，日本的消費(fèi)者在購買之前會要求商家展示更多物品的細(xì)節(jié)與證明。所以他們的網(wǎng)頁才會有大幅的文字說明。

元素放置

日本網(wǎng)頁之所以獨(dú)樹一幟，還有一個重要原因就是他們的元素放置很得體。隨意一瞥，你會發(fā)現(xiàn)他們的網(wǎng)頁中缺少白色空間，取而代之的則是多種多樣的網(wǎng)頁元素，包括文字、照片等等，都被安置在了每一個細(xì)小的空間里。這就是日本文化的體現(xiàn)。

日本人拒絕浪費(fèi)，他們一定會吃掉盤里的最后一口食物，將家里的每一個空間都填滿。正因如此，他們才會將網(wǎng)頁中的每一個空間都利用起來，所以我們在日本網(wǎng)頁中很少能看見白色的空間。

jal

圖片尺寸

日本網(wǎng)頁獨(dú)樹一幟原因三：圖片尺寸。對于大多數(shù)西方網(wǎng)站來說，使用大幅高清圖片增加了網(wǎng)頁的整體美觀性，且提高了網(wǎng)頁的影響力和檔次。但是對于日本網(wǎng)頁來說，恰恰相反。

jal

大多數(shù)日本網(wǎng)頁中，很多地方都可見小幅低像素圖片，可能數(shù)量上不多，但都有其獨(dú)特的目的。據(jù)Gomez.com和Akamau.com的調(diào)查顯示，當(dāng)一個網(wǎng)頁在6秒內(nèi)還不能打開，瀏覽者很有可能會放棄等待繼而關(guān)閉網(wǎng)頁，日本設(shè)計師很信奉這一點(diǎn)。

據(jù)最新的研究顯示，日本有超過一億兩千一百萬人群在使用手機(jī)上網(wǎng)，也就是說，日本有95%的人都在用手機(jī)瀏覽網(wǎng)頁，因此，讓用戶有一個順暢的瀏覽經(jīng)歷變得極為重要。那么如何才能做到這一點(diǎn)呢？為了確保網(wǎng)頁登陸能夠盡可能的快，就要最優(yōu)化使用文字和圖片。這一點(diǎn)不僅加快了網(wǎng)頁登錄速度，也讓手機(jī)瀏覽更加流暢。

簡單

日本網(wǎng)頁獨(dú)樹一幟原因四：簡單。從雅虎日本中我們了解到，日本的網(wǎng)頁不僅緊促，而且還很簡單，而之所以這么簡單的原因則是他們大量使用了舊式網(wǎng)頁標(biāo)準(zhǔn)。

在今天的日本，超過七百五十萬人仍舊使用舊時瀏覽器上網(wǎng)，由于技術(shù)上的鴻溝，日本網(wǎng)頁設(shè)計師必須確保網(wǎng)頁的通用性，其結(jié)果就是降低了網(wǎng)頁的標(biāo)準(zhǔn)。所以你會看見一些日本網(wǎng)頁使用了大量的文字和小幅低像素圖片，這些選擇讓網(wǎng)頁變得簡單同時讓網(wǎng)頁標(biāo)準(zhǔn)降低了不少。

miyakostyle

簡單設(shè)計常見于有購物需求的網(wǎng)站，比如游戲網(wǎng)站、學(xué)生百貨店以及眾多電商網(wǎng)站。簡單設(shè)計確保了網(wǎng)站的兼容性，如果網(wǎng)頁設(shè)計比較錯綜復(fù)雜，那么網(wǎng)站將至少失去七百五十萬用戶。

過度使用flash

登陸過日本網(wǎng)頁的網(wǎng)友都知道他們的設(shè)計師是如何使用flash，其實(shí)迄今為止關(guān)于使用flash是否過度日本設(shè)計師們?nèi)耘f爭論不休，但是flash的使用確實(shí)與網(wǎng)站的簡單性有密切關(guān)系。

雖然日本網(wǎng)站設(shè)計很簡單，但是最簡單的設(shè)計方法則是使用flash做網(wǎng)站，這種方法還可以確保網(wǎng)頁的高度兼容性。它不僅提供額外的功能，而且在舊版瀏覽器中經(jīng)常看到。

顏色

如果必須選出一樣‘讓日本名聲鵲起’的元素，那么我想肯定是他們的時尚品味。日本的時尚依賴于顏色，也正是這些顏色搭配創(chuàng)造了不少世界最流行的潮流趨勢。

綜上所述，我們不難看出，日本網(wǎng)頁獨(dú)樹一幟原因六就是他們的顏色了。在網(wǎng)頁中他們使用了一些列不同的顏色，包括藍(lán)色、紅色、粉色、橙色以及黃色。

bitmarketing

正如他們大膽新穎的時尚趨勢，日本網(wǎng)站設(shè)計同樣使用了一系列很冒險的顏色，吸引了觀眾的眼球。對很多人來說，使用多種顏色似乎很危險，但對日本網(wǎng)頁設(shè)計師來說，這樣做的效果非常好。撞色有助于區(qū)分web頁面上的不同區(qū)域，引人注目的顏色同樣會吸引大量的觀眾。

正如我們所看到的，日本的網(wǎng)頁設(shè)計即獨(dú)樹一幟又賞心悅目。它們廣泛使用文本、顏色、網(wǎng)絡(luò)空間和flash，與其他國家的網(wǎng)站有本質(zhì)上的不同，非常值得我們學(xué)習(xí)。

西方文化的浸染

在網(wǎng)頁設(shè)計和藝術(shù)這方面，日本領(lǐng)先西方很多年，同時也在很大程度上影響了西方的網(wǎng)頁設(shè)計。在十九世紀(jì)，不少西方畫家來到日本學(xué)習(xí)漫畫和極簡藝術(shù)，這就說明日本的文化影響力是很深遠(yuǎn)的。外國設(shè)計師為日本文化注入新的血液，滲透到珠寶、家居、服裝等各個方面，最終影響了網(wǎng)頁設(shè)計。

在日本影響西方的同時，西方文化也傳到了日本。在網(wǎng)頁設(shè)計方面，日本吸取了很多來自西方國家的經(jīng)驗(yàn)，主要表現(xiàn)在文字和圖片使用方面。不知道有多少人還記得九十年代的雅虎界面，如果你不記得，那就去找找日本的老網(wǎng)站吧，有很多就是仿雅虎的呦。

杰出的日本網(wǎng)頁設(shè)計師

AQ works

Gaijin Design

Shiftbrain (Awwwards winning)

Shogotabuchi (Awwwards winnng)

Kenta Toshikura (Awwwards winning)

總結(jié)

你見過漂亮的日本網(wǎng)頁嗎？你認(rèn)為他們與我們的有什么不同呢？從中你發(fā)現(xiàn)了文化和傳統(tǒng)的影響嗎？希望你能與我們分享自己的見解~

翻譯小組：優(yōu)設(shè)網(wǎng)SDC翻茄匠 微博ID:?@豆池
原文地址：onextrapixel

本文由優(yōu)設(shè)網(wǎng)uisdc.com原創(chuàng)翻譯，轉(zhuǎn)摘請注明優(yōu)設(shè)網(wǎng)譯文出處，謝謝各位小編。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】
 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊：網(wǎng)頁設(shè)計師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計指南http://hao.uisdc.com/ps/。
設(shè)計微博：擁有粉絲量63萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：