20款选自日本优秀的网页设计欣赏

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:陈子木

关键词

日本的网页设计向来自成一体,别有风味。和谐,但是追求错落,宁静,也隐含躁动。所以,它令人着迷也不是没有原因的。

这些设计精良的日本网站同样会使用那些极尽奢华的视觉元素,炫酷而现代的动态效果,同时还保留着日本文化中对残缺美的执着和沉迷,所以,尽管你会在网页中看到不少“不和谐”的元素,但是整体上却能表现出独特的错落美。日本人对禅和道的独到理解,使得他们的网站能营造出祥和宁静的氛围,结合精致细节和良好的体验,你会发现日本网站的整体设计极具识别度。

接下来的20个网站会为你展示日本优秀网页的良好设计,希望你能喜欢。

Kenji Saito

20款选自日本优秀的网页设计欣赏,PS教程,思缘教程网

斋藤健治的这个个人网站,不仅为开发者展示了HTML5/CSS3和JS的强大功用和梦幻般的效果,而且用实际行动为设计师们呈现了什么叫“如鱼得水般的设计”。

Exit Film

20款选自日本优秀的网页设计欣赏,PS教程,思缘教程网

Exit Film这个网站以非入侵式的方式在一个屏幕上展示了四个视频,优雅的剧中布局配合深色底,精致细节和排版使得网站视觉极具冲击力,同时又不会给用户造成视觉负担。

Satoshi Kuroda

20款选自日本优秀的网页设计欣赏,PS教程,思缘教程网

打开网页的第一刻你会被网站大背景下的精致排版所吸引,网页设计充分展现了设计师的艺术天赋,漂亮的字体设计表现力十足,细节的装饰也非常到位。

Kenji Endo

20款选自日本优秀的网页设计欣赏,PS教程,思缘教程网

这是艺术家远藤健治的官方网站,中性的黑白色调构成了网站的主色调,强烈的对比和留白令网站设计感十足。

Gakuten

20款选自日本优秀的网页设计欣赏,PS教程,思缘教程网

Gakuten 是一个日本 万国学生艺术展览祭的官网网站,网站设计清爽,细节排版精致到位。作为一个大型设计展的官网,网站和展览本身紧密关联,美观与功能都兼顾到了。

Sanga Ryokan

20款选自日本优秀的网页设计欣赏,PS教程,思缘教程网

这个旅馆的官方网站,充分融合了现代网页设计和日本和风,对称式的布局不仅便于展示内容,而且隐含阴阳之变的隐喻,艺术和哲学的意味十足。

Hys-inc

20款选自日本优秀的网页设计欣赏,PS教程,思缘教程网

Hys-ins 的外观看起来质朴而干净,,视觉设计非常讨喜,黑白对比使得前景元素非常清晰。平衡的设计使得网站看起来整齐而不单调,细节丰富,而且用户可以很容易感知到网站所属的专业领域。

Koto-bana

20款选自日本优秀的网页设计欣赏,PS教程,思缘教程网

如果你正在寻一些先锋的概念设计或者创意思维,那么这个网站就是你在找的东西。Koto-bana 是一个非常炫酷的图库网站,你能从中找到许多灵感。

Lexus

20款选自日本优秀的网页设计欣赏,PS教程,思缘教程网

作为著名的高端车品牌,Lexus 的网站设计感绝对是不容质疑的。工业设计感十足的Lexus 轿跑与壮丽的背景融于一体,杂志式的排版与精致的内容紧紧抓住每一个访客的双眼。

Don-guri

20款选自日本优秀的网页设计欣赏,PS教程,思缘教程网

打开 Don-guri 的网站,用几分钟时间的缓冲,帮你开启全新的一天吧。这个音乐类项目能够将正能量充满你的办公室,帮你调整状态,让你精神充沛一整天。更重要的是,网站不仅音乐带感,而且网站设计也清新明快,过目难忘。

Hanatsubaki

20款选自日本优秀的网页设计欣赏,PS教程,思缘教程网

令人印象深刻的图片选取使得网站个性十足,独特的处理方式也赋予图片别样的美感。图片居中放置,留白和中间的人物比例完美,前后景的色彩对比,这些都体现出网站设计师的功底。

Howlt

20款选自日本优秀的网页设计欣赏,PS教程,思缘教程网

设计师巧妙地使用涂鸦和动画,使得这个作品展示站从同类网站中脱颖而出。网页中动画的使用,使得网站的创意和艺术性提高了不少,令访客流连忘返。

Fabrik

20款选自日本优秀的网页设计欣赏,PS教程,思缘教程网

艺术家喜欢直观的展示,用材质、色彩和细节给用户的眼睛来一次充分的洗礼。网站展示的产品色彩非常漂亮,在白色的底上展示,充足的留白让产品自然而然成为视觉的焦点。

Kobaphoto

20款选自日本优秀的网页设计欣赏,PS教程,思缘教程网

这也是一个个人作品展示站,排版和导航并不喧宾夺主,让用户能将注意力集中在摄影作品上,主次分明。

Don-guri Magazine

20款选自日本优秀的网页设计欣赏,PS教程,思缘教程网

这是Don-guru 团队另外一个值得关注的项目。项目关注的是日本最具标志性的元素——动漫。网站本身也采用了别具一格的动漫风格,令人脑洞大开。

Letters

20款选自日本优秀的网页设计欣赏,PS教程,思缘教程网

虽然网站采用的是单色设计,但是设计师用细线构建出华丽的图案,这种神似“了不起的盖茨比”的华丽风使得网页呈现出不同寻常的精致之美。

Ondo

20款选自日本优秀的网页设计欣赏,PS教程,思缘教程网

Ondo的首页使用了一种非常少见的非传统配色方案,结合华丽的动画和特殊的元素,为用户营造出特殊的氛围。

Midori Aoyama

20款选自日本优秀的网页设计欣赏,PS教程,思缘教程网

这个网站是 Midori Aoyama 的个人作品站,经过调整之后的站点充满了科技感。你能在这里找到许多时下流行的设计元素:精致的排版、幽灵按钮、生动的背景和Low-Poly图片。

Herbal Bises

20款选自日本优秀的网页设计欣赏,PS教程,思缘教程网

Herbai Bises 这个网站我们曾推荐过,超现实主义的设计使得网站首页拥有别样的美感。细节设计上,网站有许多地方值得我们学习,单色最令人难忘的还是它的视觉设计和插画,美翻了。

RedBull

20款选自日本优秀的网页设计欣赏,PS教程,思缘教程网

设计师为红牛定制的这套设计方案,充分运用多媒体呈现红牛这个品牌不同凡响的活力,整体的用户体验设计也非常突出。

 收藏