日式网站设计中值得我们学习的地方(1)

来源:网络   作者:热心网友   发布时间:2016-06-24    浏览次数:318

色彩

当我们看到小清新的网站的时候首先一定会想到日式网站!主要为年轻化的用户群网站居多!

01:sarara一家纯净水的网站!主要突出网站的 静 纯 自然

所以它的网站主题色系为蓝色系,主要由高饱蓝色到低饱蓝色的过度,加上明暗对比的强烈!直接了当的突出宣传的产品!足够吸引用户的购买欲望。!


3ede575bd7030000012e7e315273.jpg


02 : 该网站的主要面向目标人群是大学生!所以选人物上面 比较有清纯 活力的女生作为主角 让她在炎热的夏季能够体验到一瓶饮料给他们带来凉爽的感觉是多么的喜悦。同样是的采取了 蓝色系作为背景 采用紫色作为点缀色! 画面的女主角传递出了 清纯 可爱 运动 年轻的气氛!所以一样给用户传递出了清新的感受。所以产品吸引大量的大学生购买!

ddbb575bd7270000018c1b3bb9aa.jpg

03 : 这也是一家日本矿泉水的官网

同样它也是运用了大量的蓝色系作为背景:画面中主要以亮蓝色和亮黄色以及白色的对比再加上强烈对比的人物!一种 天然 阳光 愉悦的心情不知不觉就吸引了用户!自然突出了人物和产品!最后加上亮黄色的点缀吸引购买!成功增加了产品的购买率!

aefc575bd73a0000012e7e09f288.jpg

还有很多例子!我在这里只举例了几项!

在我们需要清楚的是在我们设计小清新的网页的时候可可以吸取日式网站中的优秀元素!

01: 大部分采用蓝色系进行过渡

02: 增加色彩的对比 例如:亮蓝色和亮黄色等

03: 选择带有清纯 年轻化 清新 愉悦的人物 来传达气氛

等等!

掌握了这些要领 相信各位设计一个接地气的日式小清新的网站。


图片

日式网站在处理页面中的图片的时候,会哪些规律呢? 那么下面我们看看一些案例。

01:AIM info 网站团队栏目中运用的图片具有统一的调性,主要体现在:

她们的色调,人物视角, 及人物占有画面的比例,通过男女对相别比的先后顺序缓解视觉的疲劳!因此这样的处理方式会给用户一种专业 严谨 信任的感觉。

3bc6575bd7800000012e7e56bfd3.jpg

02:下网站是一个传统服饰的网站:网站中的图片运用了孩子的 摄影角度 一个正面和一个反面作为对比,通过性别对比,女孩和男孩错列顺序,通过色彩的 暖色和冷色进行一个对比,通过板块大小的对比 网站中 小图片和大图片进行对比!通过几何图形来对比,正方形和长方形的对比!这样的好处就是让用户即使阅读这么多图片的时候 变的清晰条理还不乱还能保持很大的新鲜感!减少用户的视觉疲劳!

74c6575bd7a20000012e7e5e07a6.jpg

03:网站中的图片使用 近景远景的对比处理手法:如下网站:

中的图片处理方式:第一张图片使用近景来表现食物的细节!

第二张采用 远景来表现饭店的外观,

第三张第四张:同样通过近景的手法来表现食物的加工过程

第五张:使用远景表现整个全景照片

第六张:使用近景来表现食物细节诱惑的感觉

第七张:使用远景体现整个参观的内部感觉

641d575bd7bb0000012e7ea1f128.jpg

这样的处理手法 使得整个画面中图多而不乱,增加了图片中的节奏感和层次!让用户不断有新鲜感去浏览图片!

04:下网站也是通过近景和远景的方式来搭配图片

b903575bd7d90000018c1be31f79.jpg

根据上面几个案例分析得来我们在网站运用图片可借鉴的几种方式!

01: 具有统一性[主要体现在 色调 人物占有画面的比例 人物的造型 人物表情状态 等]

02: 通过对比来{主要体现在 近景和远景的对比冷暖色彩的对比人物性别的对比 人物的造型姿势的对比形状大小比例的对比 利用图形来做对比 等}等等方式!都是可以值得我们在网站中运用的时候需要注意的.

03: 突出主体!弱化背景!


1234共4页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

标签:网页设计

相关推荐

http://www.shejixf.com/shejijiaocheng/dianshangsheji/4300.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通