来扒拉一下日式网站有什么优点

因为客户的原因,这段时间找了几个日式网站来学习。那么这次就来说说这几个网站的优点在哪里吧。

 

1.清水へ参る道

 

清水へ参る道1.jpg

 

这个网站是介绍清水寺的,当中运用了很多的摄影照片,在使用这些照片布局时是有一定规律的。

(1)运用的图片具有统一的调性:选择的照片色调是相对一致的。

(2)使用了近景远景的对比处理手法:
     第一张是近景:龙头部分的特写以此来明确所介绍地点
     第二张是远景:显出该景点的热闹
     第三张是近景:佛像的特写
     第四章是远景:寺中成就院的外观一角
     第五章还是远景:在此处观景楼可以看到的日落美景

(3)做了留白处理:在图片占到一定比例则以适当的留白来缓解浏览者的视觉疲劳

这样的处理手法 使得整个画面中图多而不乱,增加了图片中的节奏感和层次,让用户不断有新鲜感去浏览图片。当然这其中摄影师也是功不可没的。

网站地址:http://feel.kiyomizudera.or.jp/

 


2.株式会社-菱健

 

株式会社 菱健 HISHIKEN Co. Ltd.,-.png

 

株式会社 菱健 HISHIKEN Co. Ltd.,.png

 

这是日本一家设计和服的公司网站,以雅致的传统和风纹样作为背景,交互简单和缓。

(1)运用色彩的对比:连纹路都清晰可见的绸布上,绘着精细雅致的纹样,色彩的暖色和冷色、低饱和与高饱和的完美结合,直接了当的突出宣传的产品。

(2)使用几何图形的形状比例来进行文字排版:该网站中用到的是四边形、三角形和圆形。

有趣的是菜单按钮是一个三角形,点击后下拉,这点还是蛮有特色的。

 

株式会社 菱健 HISHIKEN Co. Ltd.,3.png

 

文字排版中巧妙的加入图形,不仅变的具有创意还会让你所表达的信息内容更加易懂。

网站网址:http://www.hishiken.co.jp/

 


3.Asitanosikaku

 

ASITANOSIKAKU アシタノシカク株式会社.png

ASITANOSIKAKU アシタノシカク株式会社1.png

 

这个网站的特色主要在效果上有比较明显的体现,页面中心的椭圆泡泡会跟着鼠标的移动而发生变化,产生一种吹弹可破的错觉,就算鼠标静止不动,气泡也会像在呼吸一样膨胀收缩,让整个画面都变得越发灵动,充满了生命力。

切换到其它页面,内容还是在气泡中,整个网站大片的留白加上会呼吸的气泡内显示的内容,简单却不失有趣。

网站地址:http://www.asitanosikaku.jp/


当然,日式网站还有几个非常代表性的设计理念,比如:水彩、自然原味、田园小清新,这些就留到下次再讲吧。