有家的感觉！一组体贴温暖的日式网站设计欣赏

编者按：世界上只有两种网页设计，一种是日本网页设计，一种是其他网页设计。日本网站的风格非常强烈，它们擅长以鬼斧神工的技巧将水彩与动画融合一体，色调清新，细节惊人，是众多网页中的“异类”。今天推荐10个风格细腻体验超棒的日本网站，来感受下。

日本文化是一种严谨谦和的态度，这种态度在网页的设计中也有着显而易见的体现。在视觉设计上，日式网页大多为清新自然的主调；在用户体验上，更是能让用户感受到无形的体贴和温暖。

清新雅致的水彩，亦或是充满日本元素的小装饰，总之，日式网页设计能让我们从小细节中就准确的分辨出来，低调却不平庸也许是最恰当的形容词了。

说到温暖，这个设计真令人感动：《温暖人心的情感化设计：那些宽衣解带的事》

以下网站动画效果较多，推荐用谷歌或火狐浏览。

1. Good Design Company

网站首页完全颠覆了传统意义上的首页，网站将大多数客户比较关心，并且查看频率较高的案例页面提前到整个首页。在视觉和布局上虽然会显得太过紧密，但是灵动的效果很好的掩饰了这一不足。鼠标放在案例图片上之后，这一列图片都会随之改变，让用户不点击也能看到整体效果。

2. tukuru-hito

的风格属于比较典型的日式田园系，整个网站的基调都很清新自然。网页中的漂浮物是日式网站一大特色，正如案例中显示的树叶元素。日式网页设计经常会使用一些花瓣或树叶来装点页面，营造用户想要的氛围。

3. ohzan

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

4. Mitsugashi

一个店铺和产品的介绍网站，只需走马观花式的浏览网站，就能感受到一种浓厚的自然原味，就像原研哉提出的，没有过多的设计，也是另一种设计，这也正是日式设计的代表性理念。

5. Kataomoi3

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

6. suzuki-komuten

体现了另一种日式网页的格调。这种格调缺少了许多唯美古典的意味，而是从另一个侧面表现出了现在日本繁忙的都市节奏。紧密的文字内容和简单易懂的图片搭配，这让用户的视觉感受略逊一筹，却能在范围内快速找到自己需要的内容。

7. Tokyonohatakekara

是一个日本甜品店的网站。整个网站都采用了手绘风格，让网站充满了亲和力。适量的动态效果更是增添了网站清新可爱的元素，让所有热爱甜品的用户们欲罢不能。

8. Asitanosikaku

网站的特色主要在效果上有比较明显的体现，页面中心的椭圆泡泡会跟着鼠标的移动而发生变化，产生一种吹弹可破的错觉，让整个画面都变得越发灵动，每一个按钮都充满了生命力。

9. More Rare

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

10. Stepc

一个全屏Flash的网站，网站中融入了许多像素和小色块的元素，让网站既复古又现代。

一件设计作品的外观是大家有目共睹的，而作品的用户体验就只有实际使用者才有发言权了。在设计之初就为用户设想，甚至体验他们的生活，这是许多受过日本文化熏陶的设计师会去做的事情。

想把握住最新的设计潮流？来看看这些！

先来了解明年的设计趋势吧！
《上进的设计师！聊聊2015年流行的网页设计趋势》

看看设计师们都喜欢用什么字体！
《字体排行榜！2014年最受欢迎的35款字体素材打包下载》

追逐潮流的时候记得守护初心呦！
《给迷茫的你！设计师的工作，可以做一辈子吗？》

原文地址：design.anyforweb

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量85万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：