一组体贴温暖的日式网站设计欣赏

 

  编者按:世界上只有两种网页设计,一种是日本网页设计,一种是其他网页设计。日本网站的风格非常强烈,它们擅长以鬼斧神工的技巧将水彩与动画融合一体,色调清新,细节惊人,是众多网页中的“异类”。今天推荐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的网站,网站中融入了许多像素和小色块的元素,让网站既复古又现代。


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

时间: 2024-09-16 21:02:21

一组体贴温暖的日式网站设计欣赏的相关文章

风格体验两不误?日式网页就是这样

  日本文化是一种严谨谦和的态度,这种态度在网页的设计中也有着显而易见的体现.在视觉设计上,日式网页大多为清新自然的主调;在用户体验上,更是能让用户感受到无形的体贴和温暖. 清新雅致的水彩,亦或是充满日本元素的小装饰,总之,日式网页设计能让我们从小细节中就准确的分辨出来,低调却不平庸也许是最恰当的形容词了. 以下是AnyForWeb为大家搜集的充满日本本国特色的网页设计,希望能为大家带来启发和灵感. 1.Good Design Company的网站首页完全颠覆了传统意义上的首页,网站将大多数客户

20款覆盖全面的响应式网站设计工具

  灵活的栅格和布局,响应式的图片和智能的CSS媒体查询,构成了响应式网页的主要特征.当用户扔下沉重的笔记本电脑拿起平板,响应式的网站能够自然而然地随之适配,掏出手机也毫无压力,图片和文字都会随着特定的屏幕和分辨率而调整,这就是它的优势.你以为这就完了?当然不会!在未来,一摸兜里手机忘带了,抬起左手唤醒智能手表,打开网页,也能看! 不得不说,创建响应式网站越来越容易,即使你不是专业的前端也可以轻松搞得定.挑选合适的工具,搜几个符合需求的jQuery插件,配合合理的设计,你也可以实现期待中的响应速

为响应式网站而生的40款栅格神器

  精致华丽的设计风格正被灵活巧妙的响应式设计所替代.现如今,更加流畅.更讲究交互的响应式网页模板,正在高速进化.响应式设计革命正在悄悄发生,改变着整个网页设计的发展趋势.同时,优秀的响应式网页能够促使用户在页面停留更长的时间. 为此,我准备了一组响应式网页所用的栅格系统工具,分享给大家. 1.GRIDPAK Erskine 设计的一组响应式栅格系统.从Gridpak上下载一组包含相应PNG,CSS和JS的文件,创建属于你自己的响应式栅格系统.网站上有教学视频. 2.SEMANTIC 语义栅格系

响应式网站的产品需求和设计流程

今次的译文中,我们继续响应式Web设计方面的话题.前面的几篇相关文章以概念诠释.方法说明为主,本篇则围绕一个实际网站案例展开,从需求.流程.步骤细节等方面描述了响应式设计在项目中的实践方式. 本篇的部分内容要点会与之前几篇产生交集;我们会在这些地方提供相应文章的入口,便于深入参考阅读.接下来进入正文. 根据DailyTech的统计,到2015年,移动互联网的用户数量将会超过桌面用户.除了智能手机之外,使用平板电脑甚至是电视机进行上网的用户也在持续增加.在这种形势下,怎样让我们的网站尽量兼容各种类

谈谈响应式网站前端设计

一段时间之前我对响应式的概念还是Bootstrap.Amaze之类的框架组件,用过几次也不以为然,我想国内搜索引擎在提供移动搜索结果页时还是会给移动网站加分的,却不能像google一样识别响应式网站,可能还需要一段时间发展.但毫无疑问的是现在Web趋势转向移动优先,当然如果你用域名或者其他解决方案也不是不可以,只是响应式可能更简单一些,发展前景也是不错的. 这两三个星期我每天都在写响应式页面,借此累积了不少响应式页面和ajax的经验.我大致的梳理了几个响应式页面的重点,如果想往这方面发展或是对它

40个摄影师作品集网站设计欣赏

本文列出40个设计非常棒的摄影师的作品集网站设计,以供大家参考. 这是一个关于极好的作品集网站设计收集.国内外有很多很有才的摄影师,而有些摄影师的作品集网站也同样很棒.本文列出40个设计非常棒的摄影师的作品集网站设计,以供大家参考. 同时我们不难发现,这些相册网站,绝大部分使用暗色调,比如黑色或深灰色,用很大的醒目的位置显示漂亮的图片以吸引读者的眼球. 原文:40个超棒的摄影师作品集网站设计欣赏 Jeremy Cowart Koen Demuynck Mitchell Kanashkevich

设计响应式网站:响应式网站建设需要考虑的因素

文章描述:响应式网页设计需要考虑的5大预算因素. 本文作者Brad Frost,纽约数字互动广告公司R/GA的移动web战略家和设计师.前端开发工程师.作者主要对响应式网站和单独的移动网站进行了简单的比较,并总结了建设响应式网站的一些预算考虑! 首先,我想以一个真实的事例开始今天的主题.曾经有一个网站项目,在建设初期并没有把移动设备考虑在内,但是在随后的设计过程中,大约有80%的客户会问这样一个疑问:网站在iPad上面的显示效果会是怎样?面对整个问题,整个开发团队开始慌了手脚,于是整个项目的时间

垂直型电子商务式网站的齐家网用户体验剖析

文章描述:头脑风暴-电子商务式用户体验之齐家网. 公司第三期的头脑风暴顺利结束,本期的小组的主题是分析齐家网的用户体验进行剖析.小组四人的角色分别为UI设计师.产品经理.SEO人员,小组在进行了深刻的交流和讨论后定了我们的主题以及制作出了PPT,借此机会笔者在此记录PPT的讲解过程与各位进行分享.(声明:以下所有的观点和论述仅为我们小组的共识,不代表官方观点,如果认可欢迎探讨,如果有疑义我们虚心接受并且欢迎继续探讨.) 同事说的好:人人都是用户体验师,每个人对于用户体验的理解都不相同,传统的用户

用PhptoShop做日式动漫CG

这两天有网友问我"日式动漫CG是怎么做出来的",我一下说不出个所以然来,正好这两天没作业比较闲,便动手做了个教程出来,帮助新手们了解日式动漫CG的制作步骤. 事先声明,这套技法不是我想出来的(没那么好本事),而是从我买的一本引进版日本动漫CG教材里学到的.因为版权问题,不好直接扫描上来,便自己做了一份简易的,没有什么太精妙的绝活,对高手大概没什么用处,不过我个人觉得对新手还是蛮有用的. 示范的CG我用的是漆原大师的原画,他的原画特色就是色彩异常鲜明,层次特别清晰,非常适合用来做范画.人