网站地图    收藏   

主页 > 设计 > 网页设计 >

风格体验两不误?日式网页就是这样_交互设计教

来源:自学PHP网    时间:2015-01-08 09:51 作者: 阅读:

[导读] ...

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

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

  以下是AnyForWeb为大家搜集的充满日本本国特色的网页设计,希望能为大家带来启发和灵感。

  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的网站,网站中融入了许多像素和小色块的元素,让网站既复古又现代。

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

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论