來自日本讓人意想不到的網頁設計

日本的設計以“腦洞大開”、“畫風清奇”而著稱,他們的網頁設計亦是如此。

自由之光

20201007_5f7d57cc5c919

Liber Orgic是一個來自日本的設計工作室。為吸引用戶停留,它的官網設計選用了相當新穎的旋轉式轉場動畫,用戶滾動鼠標,網頁各個模塊就會以翻轉、旋轉等多種別出心裁的方式進行切換,讓人耳目一新,不自覺停留。

物聯網技術新聞

20201007_5f7d57cce9c18

IoT Tech News是一個能夠幫助大家將物聯技術巧妙融入工作和生活的創意工作室。它的官網設計,不僅主題新穎,插畫風設計簡約漂亮,還選用了相當吸睛的旋轉式切換動效。但不同於Liber Orgic(採用不同角度和方向的進行旋轉的設計方式),它的首頁輪播則選用了旋轉木馬式的圖片旋轉切換方式,趣味炫酷,讓人眼前一亮。

醫學中心

20201007_5f7d57cd8f1fd

Md Center是一個由日本設計工作室Message Design Center打造的在線作品集網站。

從靜態的觀感上看,這也許是一個普普通通的在線網站,僅僅採用名稱羅列的方式,一一展示各個設計項目。

但是在其看似平凡,甚至有些過時的表像下,設計師也添加了非常豐富的鼠標懸浮特效和動畫設計。點擊選中某個項目之後,項目名稱還會迅速“合體”,拼湊成高清的項目圖片,創意滿滿,新穎流暢。想看項目名稱怎麼合體的設計師,可以了解一下。

發布

20201007_5f7d57ce20d47

And Post是一個用於傳統信件郵寄方面知識教育和宣傳的在線網站。網站除了採用視頻進行直接宣傳介紹之外,處處都巧妙融入了信件相關的元素。例如整個網頁外觀看起來就是一個大大的信封,頁面切換也選用了趣味的拆封動畫,各個模塊介紹,也創造性的加入了郵戳和郵票設計,吸睛趣味的同時,也讓讀者更加深刻的學習和了解信件郵寄的相關知識,美觀而實用。希望根據緊扣網站主題,進行創新設計的網頁設計師,可以看看。

Mirumiru診所

20201007_5f7d57cec134e

Mirumiru Clinic是一個日本東京地區的婦幼醫院。它的官網擁有十分吸睛的交互式卡通貓頭鷹外形,搭配明亮的黃白色主體配色,可愛童趣,美觀吸睛。希望打造兒童產品或診所類網頁的設計師,可以學習一下。

蛋奶

20201007_5f7d57cf8b860

Omomma是一個擁有獨特板報設計風格的網頁設計。無論是頂部的手寫字體設計,還是側邊欄卡片式相關索引設計,都非常適合希望打造個性博客或個人作品集的設計師學習和借鑒。

每週冠軍

20201007_5f7d57d00fb35

日本動漫世界聞名。他們的網頁設計也很多都直接融入了漫畫相關的設計元素,打造出美觀童趣的網頁世界。Weekly Champ就是這樣一款動漫風的網頁設計,色彩對比強烈,人物栩栩如生,讓人情不自禁熱血沸騰。想要設計動漫風網頁的小伙伴,可以參考一下。

唐·古里

20201007_5f7d57d0ab3e7

Don Guri是一個在日本相當有名的品牌設計公司。官網大量採用奇幻風格的黑白寫實插畫。畫面極富想像力,搭配生動的微動畫,帶給用戶完全不一樣的視覺體驗。

Eza動物

20201007_5f7d57d1351fb

 

Eza Animal是一個簡筆劃風格的手工藝品網站。為突出其售賣動物手工藝品這一特色,界面著陸頁直接添加了交互式的簡筆劃動物設計,生動傳神,能迅速抓住觀眾的心。緊接著的產品卡片設計,直觀清晰,方便實用。整個界面簡約風設計,也值得學習。

20201007_5f7d57d202870

Sal是一個在日本和國際範圍內提供郵件服務的公司。它的官網選用了風格獨特的繪畫設計。著陸頁動態的繪畫背景,搭配特色字體和交互提示設計,版式排布也獨具魅力,值得借鑒。

20201007_5f7d57d2a714d

Sus是一個日本東京地區的證券交易所。它的官網主頁的背景視頻,真實的影像中巧妙融入各種信息的特效設計,未來科幻感十足。希望打造類似科幻風的網頁設計師,可以學習一下。

善稱寺

20201007_5f7d57d3528ee

善稱寺是一個東京地區的寺廟。它的官網設計則是簡筆劃和真實圖片完美結合的典型案例。希望打造類似小清新簡筆風格網頁設計的小伙伴,可以打開網站研究一下設計細節。

13,Toromi

20201007_5f7d57d3e4a89

Toromi是一個有趣的廚藝大賽宣傳網站。整個網站除了選用大量可口的美食圖片展示比賽盛況,其主頁還選用了滿屏滴油的“魔性”設計,真實而不油膩,讓人眼界大開。感興趣的設計師,可以看看。

Ken JI Endo

20201007_5f7d57d5bcd21

Ken JI Endo是一位來自日本的音樂製作人。此款網頁是他的一個在線作品集網站。界面採用相當流行的暗黑風格,搭配個性的排版、圖片、佈局,豐富的微交互設計,以及帶感的背景音樂,個性獨特,高級神秘。希望打造音樂類作品集的設計師,可以了解一下。

和服鈴乃屋

20201007_5f7d57d6dff70

受豎式書寫習慣的影響,很多的日式網頁直接沿用了豎式的文本排版設計,讓其頁面能夠在眾多橫式排版網頁中輕鬆脫穎而出。而和服鈴乃屋,作為在線售賣日本傳統和服的電商網站設計,也直接使用了豎式文字排版,優雅美觀,輕鬆展現出商品的文化底蘊,值得學習。

黑色

20201007_5f7d57d7bf0a1

Noir是日本名古屋附近的攝影工作室。它的官網界面,由一系列攝影作品構成。隨著鼠標滾動,相片有從空中飄落到屏幕上的特殊效果,簡約而不簡單。

熱令牌通

20201007_5f7d57d862bf6

Hot Tokenaido大膽採用了漫畫的結構來構築主頁。滿屏超大字體、圖片以及微動效的設計,極具視覺衝擊,給人以積極向上、熱血澎湃的感覺,非常符合網站呼籲大家加入志願者協會,為他人服務的主題。

燕市出租車

20201007_5f7d57d5163be

Tsubame Taxi是一個提供汽車租賃服務的在線網站。整個網頁配色鮮明,字體個性獨特,佈局直觀清晰。獨特的錯幀輪播特效,讓人印象深刻。

Uniel

20201007_5f7d57d6532dc

Uniel是日本的一個數碼和品牌設計工作室。它的官網設計選用了非常豐富的流體設計,現代感十足。希望靈活運用流體特效的設計師,可以打開網站,研究一下。

彌彥

20201007_5f7d57d489034

Yaohiko是日本知名餐飲品牌八百彥本店的在線官網。它的主頁除了選用了水墨風繪畫吸引用戶注意,還採用了極具故事性的沉浸式設計。用戶滾動鼠標,就能逐步了解各類美食小吃的由來和八百彥本店的相關小故事,形像生動,能夠有效激髮用戶興趣,達成交易。

Homunculus Inc

20201007_5f7d57d92432c

資生堂

20201007_5f7d57d9b2447

SHIBUYA TSUTAYA雜誌

20201007_5f7d57da486ca

一對一

20201007_5f7d57dae3a93

T4東京

20201007_5f7d57dbcdcad

Mo之木

20201007_5f7d57dc57de7

Aoba

20201007_5f7d57dcc79e4

Newt的日子

20201007_5f7d57dd8411a

費利西莫

20201007_5f7d57de0547f

SFC ORF

20201007_5f7d57dea42df

 免責聲明:文章分享來源自網絡,如有侵權請聯絡,會盡快删除。

Comments are closed.