传统与现代碰撞！20个独具一格的日本网页设计

这段时间优设介绍了很多关于日本的网站设计，首推优设导航里推荐的 4db网站（一个搜集日本各行各业、各地区的优秀网站）。

还有分析日式网页设计的两篇好文：
《现象与本质：浅析日式网页设计》
《个性之美！继续聊聊日本网页设计》

今天，我们收集了20个传统风味强烈的日本网站，来看看，这些网站究竟有哪些与众不同的气质，当然，你也可以借此了解日本当前的设计风格与设计趋势。

趣知识：

同学们可能都听说日本是一个严谨的民族了，其实真相是：

鬼扯！！当然不是！是比传说中的还要严谨，远超过我们想像的极限。以@MercuryBeijing 所见为例：

一、

某日我的供货商来拜访我，而他的下一站是日本，他给我看日本公司给他安排的行程表，时间细到以五分钟为单位，从起床、用餐、上厕所、交通等等一直排到睡觉。同时每个行程的负责人、与会人员的基本数据、联络方式、照片（这真的很扯！）都附上了。

但最让我震惊的是，每天的三餐在哪家餐厅吃，都有注明，同时连菜单都有，图+文字+说明，省去不知道点什么的尴尬。

这些细小的程度，已经不是我们做与不做的问题了，而是我们跟本想不到那么细微，与其说是行程表，不如说是XX公司参访五日全攻略比较贴切，原本想跟他要来做为我公司内部训练的教材，后来想想算了，从这方向着手，我三辈子也拼不过日本人，另谋途径吧。

二、

东京车站内的某个路口，左手边有个指示牌，厕所右转35公尺（图示+35M），同时右手边也有同样的指示牌，厕所右转32公尺，我当场就输了 Orz 他们连左右边指示牌间隔3公尺都算进去了！！要这样，岂不是每个指示牌都需要订制、丈量。

成千上万的指示牌耶！！

惊叹之余，来看看他们的网站是否也那样的严谨吧。

Chiso

Chiso 是一个销售日本传统服饰——和服 的网站，飘雪的动画非常真实，如果你等一下，就能听到轻柔的背景音乐。整个网站的设计，包括音乐、字体、配色等，搭配一起，像水溶于水般浑然天成，不懂设计的人进来，说不上哪好，但是感觉非常舒服。

Nakamise

Nakamise 在日本拥有数家实体店，载入动画有点意思，载入动画完成后，簇拥的云四散开来，有拨得云开见日出的感觉。整个网站采用手绘风格，你可以通过拖动浏览，就像在用地图一样，很有趣。

Subtonic

Subtonic 的动效做得非常精彩，网站更像是一幅画，仅有的链接都藏在了左上角。

Toyota Museum

请不要惊讶，这真的是一个博物馆的网站，都说日本的动画做得棒，在这个网站的开场里可见一斑，如果不说，可能还会误以为这是一个设计工作室的网站。还有，它的LOGO太赞了。

Atelierbutch

强烈推荐！网站每一个细节都值得张大嘴巴，它仅仅是一个帮你缝纫布件的网站，但却做得如此精致，难以相信，还有创意十足的动画！

Ayanomitoma

Ayanomitoma 是一个为艺术作品投资的网站，同样以动画的效果震撼人。

Hanamichiya

Hanamichiya 同样售卖传统的日本物件，网站采用单页设计，从头滑到底，更像是欣赏一幅画卷，右侧的悬浮，指过去就如有风掠过，效果真实。

Ippodo Tea

Ippodo Tea 是一家售卖日本传统茶叶的网站，风格素净，感觉像日本街道旁一个百年老店一样。

Jagda.org

一个展示艺术品的网站，动画出彩。

Kabusan

Kabusan 介绍了日本的一个寺庙，水墨般的风格。

Kizashi gion

Kizashi Gion 是一个日本传统舞蹈俱乐部的网站，界面比较优雅。

Ohzan

Ozhan 介绍日本的旅游景点，动画很有层次感。

Prismtone

Prismtone 是一个展示艺术作品的网站，配色很舒服。

Shunkawakami

Shunkawakami 是一个设计工作室的网站，网站大片留白。

Studiocircus

Studiocircus 提供音乐室出租，网站的背景图似乎在预备一个故事，午后的阳光，大树下，小动物拿着博客的地址，蹦蹦跳跳而过

Tukuru Hito

Tukuru Hito 提供高质量的设计服务。

总结 + 彩蛋：

日式网页设计在动画方面的确非常出色，色彩运用也很得当，细节修饰得很棒。在日本，艺术无处不在，例如这个。

日本的井盖：

原文地址：onextrapixel
优设网翻译：cyRotel

本文由优设网uisdc.com原创翻译，转摘请注明优设网译文出处，谢谢各位小编。

【优设网 原创文章 投稿邮箱：2650232288@qq.com】
 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册：网页设计师必须修炼的内功技法，更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/。
设计微博：拥有粉丝量63万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：