因为客户的原因,这段时间找了几个日式网站来学习。那么这次就来说说这几个网站的优点在哪里吧。
1.清水へ参る道
这个网站是介绍清水寺的,当中运用了很多的摄影照片,在使用这些照片布局时是有一定规律的。
(1)运用的图片具有统一的调性:选择的照片色调是相对一致的。
(2)使用了近景远景的对比处理手法:
第一张是近景:龙头部分的特写以此来明确所介绍地点
第二张是远景:显出该景点的热闹
第三张是近景:佛像的特写
第四章是远景:寺中成就院的外观一角
第五章还是远景:在此处观景楼可以看到的日落美景
(3)做了留白处理:在图片占到一定比例则以适当的留白来缓解浏览者的视觉疲劳
这样的处理手法 使得整个画面中图多而不乱,增加了图片中的节奏感和层次,让用户不断有新鲜感去浏览图片。当然这其中摄影师也是功不可没的。
网站地址:http://feel.kiyomizudera.or.jp/
2.株式会社-菱健
这是日本一家设计和服的公司网站,以雅致的传统和风纹样作为背景,交互简单和缓。
(1)运用色彩的对比:连纹路都清晰可见的绸布上,绘着精细雅致的纹样,色彩的暖色和冷色、低饱和与高饱和的完美结合,直接了当的突出宣传的产品。
(2)使用几何图形的形状比例来进行文字排版:该网站中用到的是四边形、三角形和圆形。
有趣的是菜单按钮是一个三角形,点击后下拉,这点还是蛮有特色的。
文字排版中巧妙的加入图形,不仅变的具有创意还会让你所表达的信息内容更加易懂。
网站网址:http://www.hishiken.co.jp/
3.Asitanosikaku
这个网站的特色主要在效果上有比较明显的体现,页面中心的椭圆泡泡会跟着鼠标的移动而发生变化,产生一种吹弹可破的错觉,就算鼠标静止不动,气泡也会像在呼吸一样膨胀收缩,让整个画面都变得越发灵动,充满了生命力。
切换到其它页面,内容还是在气泡中,整个网站大片的留白加上会呼吸的气泡内显示的内容,简单却不失有趣。
网站地址:http://www.asitanosikaku.jp/
当然,日式网站还有几个非常代表性的设计理念,比如:水彩、自然原味、田园小清新,这些就留到下次再讲吧。