说说日式网站代表性的设计理念

上一篇是对几个日式网站的优点简单做了一些分析,今天就来说说日式网站的三个代表性设计理念:和风水彩插画、自然原味、和式田园小清新。当然,我只是在这里讲讲我自己的想法,并不全面。

很多日本网站的风格非常强烈,它们将水彩与动画融合一体,色调清新,精致细腻,是众多网页中的“异类”。

日本文化的严谨谦和,在网页的设计中也有很明显的体现。在视觉设计上,日式网页大多为清新自然的主调;在用户体验上,更是能让用户感受到无形的体贴和温暖。

清新雅致的水彩,亦或是充满日本元素的小装饰,总之很容易从小细节中就准确的分辨出来,简单低调却不平庸。


1.和风水彩插画

 

网站欣赏:Hanamichiya(http://hanamichiya.jp/

 

hanamichiya1.jpg

hanamichiya2.jpg

 

水彩画作为网站背景,这是属于日式网页设计惯用的一种设计手法。清风细雨的和风淡彩插画更能体现出雅致古典的日本文化,让网站看起来更多了一层深厚的文化。

这边要赞下日本设计师的手绘功底,真的是太漂亮了。

这个网站右侧菜单的动态效果也非常棒。菜单做成了风铃挂件的样子,随着网页的滚动而浮动飘荡,还会发出风铃的声响,不止满足了视觉还满足了听觉,非常好的体验。

网站上的水彩插画和实物照片都是相呼应的,自上到下都由暖色系的水彩插画串联起来,让人觉得温暖,舍不得离开。


网站欣赏:Tokyonohatakekara

 

food1.jpg

food2.jpg

 

(因为地址变更,网站找不到了,图片来源:花瓣网http://huaban.com/pins/976251325/

一家日本甜品店的网站,可爱的水彩手绘元素贯穿了整个网站,让网站充满了亲和力。适量的动态效果更是增添了网站的清新可爱,能让少女心爆棚,也能让所有热爱甜品的用户们欲罢不能。


网站欣赏:日本レクシー株式会社(http://www.omotenashi-1.jp/

 

wenquan1.jpg

wenquan2.jpg

 

这是在长野县经营温泉和餐饮的公司“日本レクシー”的网站。用彩色铅笔绘制的插图颜色温暖,让人有种久违怀念的感觉。

整个网站也充斥着GIF动画微微晃动着,细节十分细腻有趣。

 

2.自然原味

 

网站欣赏:菜菓匠-奈加川(http://mitsugashi.com/

 

菜菓匠-奈加川1.jpg

菜菓匠-奈加川2.jpg

 

网站是介绍店铺和产品,整体排版很简单,主要是在用图、文字排版和留白方面。

图片都是最真实的食材原料,除了盘子没有任何多余的装饰,非常的原生态,只需要走马观花式的浏览网站,就能感受到一种浓厚的自然原味,就像原研哉提出的,没有过多的设计,也是另一种设计,这也正是日式设计的代表性理念。


网站欣赏:MoreRare(https://www.morerare.com/

 

morerare1.jpg

 

日本的一个电子商务网站。谁说电子商务网站无法兼顾视觉设计和用户体验!More Rare就做到了两全其美。热门商品的推荐直接移到首页,省去价格、描述,以及线框等等,只显示商品的缩略图,更容易让用户把注意力集中在商品本身上。

 

3.和式田园小清新

 

网站欣赏:片想(http://kataomoi3.com/

 

piangxiang1.jpg

pianxiang2.jpg

 

充斥着满满日本风情的一页式个人blog网站。这个网站非常简约,设计之处体现在一些细节上。漂浮物是日式网站常用的设计,这里,随着鼠标的滑动,首屏上的粉色标题文字的每一个笔画会逐渐化成樱花花瓣飘洒在整个屏幕,搭配着清醒淡雅的颜色,令网站拥有一种清新唯美的气氛。


网站欣赏:Asitanosikaku(http://www.asitanosikaku.jp/

 

ASITANOSIKAKU アシタノシカク株式会社.png

 

这个网站非常简约,页面中心的椭圆泡泡会跟着鼠标的移动而发生变化,产生一种吹弹可破的错觉,就算鼠标静止不动,气泡也会像在呼吸一样膨胀收缩,让整个画面都变得越发灵动,充满了生命力。