摹客
產(chǎn)品
下載
日本的設(shè)計(jì)以“腦洞大開”、“畫風(fēng)清奇”而著稱，他們的網(wǎng)頁設(shè)計(jì)亦是如此。今天，摹客為大家整理了25款日本那些腦洞大開的網(wǎng)頁設(shè)計(jì)，希望能夠幫助大家獲取一些設(shè)計(jì)和創(chuàng)作靈感。感興趣的小伙伴，不妨來看看吧！
Liber Orgic是一個(gè)來自日本的設(shè)計(jì)工作室。為吸引用戶停留，它的官網(wǎng)設(shè)計(jì)選用了相當(dāng)新穎的旋轉(zhuǎn)式轉(zhuǎn)場(chǎng)動(dòng)畫，用戶滾動(dòng)鼠標(biāo)，網(wǎng)頁各個(gè)模塊就會(huì)以翻轉(zhuǎn)、旋轉(zhuǎn)等多種別出心裁的方式進(jìn)行切換，讓人耳目一新，不自覺停留。
IoT Tech News是一個(gè)能夠幫助大家將物聯(lián)技術(shù)巧妙融入工作和生活的創(chuàng)意工作室。它的官網(wǎng)設(shè)計(jì)，不僅主題新穎，插畫風(fēng)設(shè)計(jì)簡約漂亮，還選用了相當(dāng)吸睛的旋轉(zhuǎn)式切換動(dòng)效。但不同于Liber Orgic（采用不同角度和方向的進(jìn)行旋轉(zhuǎn)的設(shè)計(jì)方式），它的首頁輪播則選用了旋轉(zhuǎn)木馬式的圖片旋轉(zhuǎn)切換方式，趣味炫酷，讓人眼前一亮 。
Md Center是一個(gè)由日本設(shè)計(jì)工作室Message Design Center打造的在線作品集網(wǎng)站。
從靜態(tài)的觀感上看，這也許是一個(gè)普普通通的在線網(wǎng)站，僅僅采用名稱羅列的方式，一一展示各個(gè)設(shè)計(jì)項(xiàng)目。
但是在其看似平凡，甚至有些過時(shí)的表象下，設(shè)計(jì)師也添加了非常豐富的鼠標(biāo)懸浮特效和動(dòng)畫設(shè)計(jì)。 點(diǎn)擊選中某個(gè)項(xiàng)目之后，項(xiàng)目名稱還會(huì)迅速“合體”，拼湊成高清的項(xiàng)目圖片，創(chuàng)意滿滿，新穎流暢。 想看項(xiàng)目名稱怎么合體的設(shè)計(jì)師，可以了解一下。
And Post是一個(gè)用于傳統(tǒng)信件郵寄方面知識(shí)教育和宣傳的在線網(wǎng)站。網(wǎng)站除了采用視頻進(jìn)行直接宣傳介紹之外，處處都巧妙融入了信件相關(guān)的元素。例如整個(gè)網(wǎng)頁外觀看起來就是一個(gè)大大的信封，頁面切換也選用了趣味的拆封動(dòng)畫，各個(gè)模塊介紹，也創(chuàng)造性的加入了郵戳和郵票設(shè)計(jì)，吸睛趣味的同時(shí)，也讓讀者更加深刻的學(xué)習(xí)和了解信件郵寄的相關(guān)知識(shí)，美觀而實(shí)用。 希望根據(jù)緊扣網(wǎng)站主題，進(jìn)行創(chuàng)新設(shè)計(jì)的網(wǎng)頁設(shè)計(jì)師，可以看看。
Mirumiru Clinic是一個(gè)日本東京地區(qū)的婦幼醫(yī)院。它的官網(wǎng)擁有十分吸睛的交互式卡通貓頭鷹外形，搭配明亮的黃白色主體配色，可愛童趣，美觀吸睛。希望打造兒童產(chǎn)品或診所類網(wǎng)頁的設(shè)計(jì)師，可以學(xué)習(xí)一下。
Omomma是一個(gè)擁有獨(dú)特板報(bào)設(shè)計(jì)風(fēng)格的網(wǎng)頁設(shè)計(jì)。無論是頂部的手寫字體設(shè)計(jì)，還是側(cè)邊欄卡片式相關(guān)索引設(shè)計(jì)，都非常適合希望打造個(gè)性博客或個(gè)人作品集的設(shè)計(jì)師學(xué)習(xí)和借鑒。
日本動(dòng)漫世界聞名。他們的網(wǎng)頁設(shè)計(jì)也很多都直接融入了漫畫相關(guān)的設(shè)計(jì)元素，打造出美觀童趣的網(wǎng)頁世界。Weekly Champ就是這樣一款動(dòng)漫風(fēng)的網(wǎng)頁設(shè)計(jì)，色彩對(duì)比強(qiáng)烈，人物栩栩如生，讓人情不自禁熱血沸騰。想要設(shè)計(jì)動(dòng)漫風(fēng)網(wǎng)頁的小伙伴，可以參考一下。
Don Guri是一個(gè)在日本相當(dāng)有名的品牌設(shè)計(jì)公司。官網(wǎng)大量采用奇幻風(fēng)格的黑白寫實(shí)插畫。畫面極富想象力，搭配生動(dòng)的微動(dòng)畫，帶給用戶完全不一樣的視覺體驗(yàn)。
Eza Animal是一個(gè)簡筆畫風(fēng)格的手工藝品網(wǎng)站。為突出其售賣動(dòng)物手工藝品這一特色，界面著陸頁直接添加了交互式的簡筆畫動(dòng)物設(shè)計(jì)，生動(dòng)傳神，能迅速抓住觀眾的心。緊接著的產(chǎn)品卡片設(shè)計(jì)，直觀清晰，方便實(shí)用。整個(gè)界面簡約風(fēng)設(shè)計(jì)，也值得學(xué)習(xí)。
Sal是一個(gè)在日本和國際范圍內(nèi)提供郵件服務(wù)的公司。它的官網(wǎng)選用了風(fēng)格獨(dú)特的繪畫設(shè)計(jì)。著陸頁動(dòng)態(tài)的繪畫背景，搭配特色字體和交互提示設(shè)計(jì)，版式排布也獨(dú)具魅力，值得借鑒。
Sus是一個(gè)日本東京地區(qū)的證券交易所。它的官網(wǎng)主頁的背景視頻，真實(shí)的影像中巧妙融入各種信息的特效設(shè)計(jì)，未來科幻感十足。希望打造類似科幻風(fēng)的網(wǎng)頁設(shè)計(jì)師，可以學(xué)習(xí)一下。
善稱寺是一個(gè)東京地區(qū)的寺廟。它的官網(wǎng)設(shè)計(jì)則是簡筆畫和真實(shí)圖片完美結(jié)合的典型案例。希望打造類似小清新簡筆風(fēng)格網(wǎng)頁設(shè)計(jì)的小伙伴，可以打開網(wǎng)站研究一下設(shè)計(jì)細(xì)節(jié)。
Toromi是一個(gè)有趣的廚藝大賽宣傳網(wǎng)站。整個(gè)網(wǎng)站除了選用大量可口的美食圖片展示比賽盛況，其主頁還選用了滿屏滴油的“魔性”設(shè)計(jì)，真實(shí)而不油膩，讓人眼界大開。感興趣的設(shè)計(jì)師，可以看看。
Yaohiko是日本知名餐飲品牌八百彥本店的在線官網(wǎng)。它的主頁除了選用了水墨風(fēng)繪畫吸引用戶注意，還采用了極具故事性的沉浸式設(shè)計(jì)。用戶滾動(dòng)鼠標(biāo)，就能逐步了解各類美食小吃的由來和八百彥本店的相關(guān)小故事，形象生動(dòng)，能夠有效激發(fā)用戶興趣，達(dá)成交易。
Tsubame Taxi是一個(gè)提供汽車租賃服務(wù)的在線網(wǎng)站。整個(gè)網(wǎng)頁配色鮮明，字體個(gè)性獨(dú)特，布局直觀清晰。獨(dú)特的錯(cuò)幀輪播特效，讓人印象深刻。
Ken JI Endo是一位來自日本的音樂制作人。此款網(wǎng)頁是他的一個(gè)在線作品集網(wǎng)站。界面采用相當(dāng)流行的暗黑風(fēng)格，搭配個(gè)性的排版、圖片、布局，豐富的微交互設(shè)計(jì)，以及帶感的背景音樂，個(gè)性獨(dú)特，高級(jí)神秘。希望打造音樂類作品集的設(shè)計(jì)師，可以了解一下。
Uniel是日本的一個(gè)數(shù)碼和品牌設(shè)計(jì)工作室。它的官網(wǎng)設(shè)計(jì)選用了非常豐富的流體設(shè)計(jì)，現(xiàn)代感十足。希望靈活運(yùn)用流體特效的設(shè)計(jì)師，可以打開網(wǎng)站，研究一下。
受豎式書寫習(xí)慣的影響，很多的日式網(wǎng)頁直接沿用了豎式的文本排版設(shè)計(jì)，讓其頁面能夠在眾多橫式排版網(wǎng)頁中輕松脫穎而出。而和服鈴乃屋，作為在線售賣日本傳統(tǒng)和服的電商網(wǎng)站設(shè)計(jì)，也直接使用了豎式文字排版，優(yōu)雅美觀，輕松展現(xiàn)出商品的文化底蘊(yùn)，值得學(xué)習(xí)。
Noir是日本名古屋附近的攝影工作室。它的官網(wǎng)界面，由一系列攝影作品構(gòu)成。隨著鼠標(biāo)滾動(dòng)，相片有從空中飄落到屏幕上的特殊效果，簡約而不簡單。
Hot Tokenaido大膽采用了漫畫的結(jié)構(gòu)來構(gòu)筑主頁。滿屏超大字體、圖片以及微動(dòng)效的設(shè)計(jì)，極具視覺沖擊，給人以積極向上、熱血澎湃的感覺，非常符合網(wǎng)站呼吁大家加入志愿者協(xié)會(huì)，為他人服務(wù)的主題。
看完這些令人拍案叫絕的日式網(wǎng)頁設(shè)計(jì)，你是不是也和小摹一樣被這些日本的web設(shè)計(jì)師圈粉了呢？其實(shí)創(chuàng)意大多都是既有靈感的再結(jié)合，相信以上介紹的日本網(wǎng)頁設(shè)計(jì)，能夠幫助大家順利打造出優(yōu)質(zhì)的網(wǎng)頁設(shè)計(jì)。
摹客協(xié)作
摹客RP
摹客DT
摹客超級(jí)版