网页设计 & 灵感 » 创意+技术才是王道,日本网页设计欣赏

创意+技术才是王道,日本网页设计欣赏

发表于: 网页设计 & 灵感. 评论 (6)
Sponsor

韩文、中文和日文文字外形相似,所以国内的网站除了中国风之外,还能借鉴日韩的风格。韩国网站我想大家也见过不少,他们特别喜欢使用Flash来制作,效果超弦(Why? 因为他们网速比我们快7、8倍…)。而日本网站呢,他们用Flash?响应式?还是扁平化设计呢?

接下来设计达人网小编为大家精选一组优秀的日本酷站,在收集日本网站的同时也让小编惊叹了,日本的网站设计以及使用的Web技术相当不错,本以为日本的工业设计好,想不到网站设计水平也相当高。

日本网页设计:很多已经使用新的网页设计趋势,如视差滚动、全屏背景、全屏视频等等,很少使用Flash,特别注重网页的配色、版式和交互设计,整体网页布局新颖,不少网站使用了可爱的漫画式手绘风格。

Web前端技术方面:已有部分网站开始HTML5、CSS3技术,虽然使用这些新技术,但在IE8兼容方面还是做得很好的,有的不兼容IE8的会做一个浏览器兼容提示。

下面一起来欣赏这些优秀的日本网页设计作品,希望对你的新项目带来灵感吧,Enjoy!

hanamichiya

很漂亮的水彩背景,网站的右侧菜单效果很赞!看来很多日本设计师的手绘功底都很厉害啊!各位小伙伴,你懂手绘了吗?

日本网页设计 日本酷站

浏览网站

dascorp

该网页使用了响应式设计,基本兼容IE8,当用户向下滚动网页设计,内容会渐变显示出来。

日本网页设计 日本酷站

浏览网站

mitsugashi

设计简约的糕点食品网站,但这种简约在国内很容易飞稿机。

日本网页设计 日本酷站

浏览网站

regettacanoe

明快的蓝色与黄色的时尚配色,很符合网站主题。左上角菜单蓝色的曲线好像和鞋跟一样,这是令人印象深刻的设计。

日本网页设计 日本酷站

浏览网站

ca4la

很独特的小型电子商务网站,浏览时注意看哪些动画,好玩之余更有意义。

日本网页设计 日本酷站

浏览网站

hotakubo-seikei

一所医院网站,网站整体页面设计得很精美,就连图片质量也很注重,这医院看起来很高档次啊。

医院类网站在国内肯定不会这么做了,都会做成门户式,做内容,搞SEO,什么内容都有…… 不过大家可以参考他的设计,相当不错。

日本网页设计 日本酷站

浏览网站

hishiken

漂亮的图像+视差特效,很美的网页啊。

日本网页设计 日本酷站

浏览网站

asitanosikaku

网站前面哪个有点手绘风格的椭圆是用html5 Canvas做出来的,鼠标经过带有一些弹性效果,其次这个椭圆还能根据浏览器分辨率来自适应大小哦。

点击每个连接的内容都是AJAX加载,总体的交互设计体验真的很不错。

日本网页设计 日本酷站

浏览网站

kataomoi3

网站使用文字漂落来做视差效果,很漂亮,做个人博客类的网站推荐。

日本网页设计 日本酷站

浏览网站

kiyomizudera

用全屏视屏作为背景的网页,视频的景色超赞,文字使用垂直排版,垂直字体是日本常用的一种排版方式,其实古时中文也是垂直的,从首页点击进去后,默认是全屏幻灯片展示,整体感觉很有Feel,有木有?

日本网页设计 日本酷站

浏览网站

学習院女子大学

首页Flash banner做得不错呢。

日本网页设计 日本酷站

浏览网站

q-co

不得不说,里面的创意很赞,进入首页后,用笔画一个圆圈,然后圆圈里会有动态图像显示。其次网站视差技术做得很好,具体请行浏览。

日本网页设计 日本酷站

浏览网站

tokyonohatakekara

甜品店的网站,手绘元素比较多,也很可爱。

日本网页设计 日本酷站

浏览网站

k-associates

一家室内设计公司的网站,他们的作品展示方便很特别,使用了垂直色块,然后从右向左的水平慢移。

点击作品的图像展示以全屏方式展示。

日本网页设计 日本酷站

浏览网站

japan

只想说,这网站不是FLash做的。

日本网页设计 日本酷站

浏览网站

kamomepark

首页使用全屏幻灯展示,菜单和新闻用方块固定在边栏,方块设计简约,所以不影响整体外观。

产品展示页是使用不间断水平浮动图片方式,功能很强大,支持鼠标中键来控制滚动,用户点小图后全屏显示大图,还有一点细节做得不错,就是你浏览大图时,本来水平滚动的图片将会停止滚动,这样用户关闭大图后也能看到刚才点击的位置。

日本网页设计 日本酷站

浏览网站

c-gp

强烈建议大家点击一下TEAM链接看看。

日本网页设计 日本酷站

浏览网站

gooddesigncompany

日本一家设计机构网站,首页直接显示作品,但展示的方式很有趣,不知道是怎么实现的。

该网页的布局能自适应宽度,普屏和宽屏浏览效果很佳。

日本网页设计 日本酷站

浏览网站

kotobanoie

全屏视屏背景网页,你要以一边看视频一边浏览这个网站上的内容。

日本网页设计 日本酷站

浏览网站

wamokei

一家模型制作公司的官方网站,单页面网站设计,首页的第一屏使用了全屏照片作为背景,另外当用户点击其它页面时,其实也是全屏的哦!

日本网页设计 日本酷站

浏览网站

100tokyo

这个100tokyo使用了扁平化设计,也支持响应式,整个网站配色以浅棕色为主。使用了简单的CSS3样式,比如鼠标经过渐变效果。

日本网页设计 日本酷站

浏览网站

santepc

全屏Flash网站,看起来有没有”潮”的感觉?

日本网页设计 日本酷站

浏览网站

最后

各位小伙伴,看了上面的日本网页设计,你觉得怎样呢?你还会为企业做哪些烂掉牙的布局排版吗?不一定要响应式,不一定要扁平化,创意+技术才是王道,这就是日本网页设计!

很多网页设计师需要自己写前端代码,所以建议大家在项目中多运用CSS3,这是未来必须使用的技术。(即使不需要写代码也要理解它,这才能更好配合前端人员)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论6 Responses to “创意+技术才是王道,日本网页设计欣赏”

  1. 罗钧 - 回复
  2. 夕蕾_时 - 回复

    不一样的体验

  3. 小兽 - 回复

    很有创意,本菜鸟从来没有想过网站可以这么玩…

  4. 老赵茶馆 - 回复

    太美了,美到感动人

  5. Jason - 回复

    一進去就有冒險的感覺

  6. 桜満集_CA - 回复

    所以说日本科技领先11区的技术宅和it是个深坑


{ 发表评论 }