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

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

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

文字的用法

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

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

goukaseishi

個(gè)性之美!繼續(xù)聊聊日本網(wǎng)頁(yè)設(shè)計(jì)

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

元素放置

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

日本人拒絕浪費(fèi),他們一定會(huì)吃掉盤里的最后一口食物,將家里的每一個(gè)空間都填滿。正因如此,他們才會(huì)將網(wǎng)頁(yè)中的每一個(gè)空間都利用起來(lái),所以我們?cè)谌毡揪W(wǎng)頁(yè)中很少能看見(jiàn)白色的空間。

jal

個(gè)性之美!繼續(xù)聊聊日本網(wǎng)頁(yè)設(shè)計(jì)

圖片尺寸

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

jal

個(gè)性之美!繼續(xù)聊聊日本網(wǎng)頁(yè)設(shè)計(jì)

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

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

簡(jiǎn)單

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

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

miyakostyle

個(gè)性之美!繼續(xù)聊聊日本網(wǎng)頁(yè)設(shè)計(jì)

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

過(guò)度使用flash

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

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

顏色

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

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

bitmarketing

個(gè)性之美!繼續(xù)聊聊日本網(wǎng)頁(yè)設(shè)計(jì)

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

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

西方文化的浸染

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

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

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

AQ works

個(gè)性之美!繼續(xù)聊聊日本網(wǎng)頁(yè)設(shè)計(jì)

Gaijin Design

個(gè)性之美!繼續(xù)聊聊日本網(wǎng)頁(yè)設(shè)計(jì)

Shiftbrain (Awwwards winning)

個(gè)性之美!繼續(xù)聊聊日本網(wǎng)頁(yè)設(shè)計(jì)

Shogotabuchi (Awwwards winnng)

個(gè)性之美!繼續(xù)聊聊日本網(wǎng)頁(yè)設(shè)計(jì)

Kenta Toshikura (Awwwards winning)

個(gè)性之美!繼續(xù)聊聊日本網(wǎng)頁(yè)設(shè)計(jì)

總結(jié)

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

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

本文由優(yōu)設(shè)網(wǎng)uisdc.com原創(chuàng)翻譯,轉(zhuǎn)摘請(qǐng)注明優(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"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊(cè):網(wǎng)頁(yè)設(shè)計(jì)師必須修煉的內(nèi)功技法,更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/
設(shè)計(jì)微博:擁有粉絲量63萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào):【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加:

個(gè)性之美!繼續(xù)聊聊日本網(wǎng)頁(yè)設(shè)計(jì)
 

收藏 4
點(diǎn)贊

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。