视觉冲击力剖析

设计一张极具视觉冲击力的网页并不是一件天大的难事,关键是有合适的思路产出画面。从我多年设计经验来看,我个人觉得非常炫非常屌的冲击力画面无非就是:形式感、颜色和创意,当然对于画面来说其他细节质感元素…等也重要,只是这3个是我认为能最快达到目的的捷径。

不过我要提醒的是虽然你是设计师,但不要为所欲为!形式感、颜色和创意需要根据客户需求、项目策略、针对人群来决定, 而不是为了画面好看或者是为了做而做,那样没有任何价值!

0K ,下面我们拿几个具实案例来看一下

形式感

安踏官网:

针对这样的品牌网站,大部分的做法是一个大 banner 下面排列几个内容模块,如下图;

如何增强网页中的“视觉冲击力”解析 设计理念  ruanjian jiaocheng

2011年,马上奥运会所以我们采用立体更加灵活的体育明星作为主体。并且那个时候是Flash技术非常火爆的巅峰时代,所以我们把banner模块用flash技术以旋转的方式出场。最后以立体互动的方式停留在画面中,最后效果更好,用户互动体验感更强!

如何增强网页中的“视觉冲击力”解析 设计理念  ruanjian jiaocheng

颜色

颜色是我们日常生活中最熟悉、最亲近的一种生活中的喜、怒、哀、乐。相对来说颜色也是最有效吸引视觉感官一种方式。 因为它比图形更快的被感官捕捉到,从而进入大脑神经,大脑对于颜色的经验来说也是最丰富的,所以颜色最能与用户达到共鸣,从而达到我们的目标。颜色千变万化。其实我们有很多很意思的用法,下面一起来看一个例子吧

安踏安委会社区网站:

针对人群是热爱体育的运动爱好者,对于喜欢跑步的人来说,户外跑步面对的是天空,所以背景选用了蓝色,蓝色是个很沉稳的颜色,提醒我们不要像刘翔一样关键时候摔了,成为全世界人的遗憾。当然毕竟是体育,所以中间增加了一些活跃的黄色,这祥也可以让背虽颜色更加有层次以及空间感。

当然还有下面两张女子馆和篮球馆,给你们目己琢磨吧。

如何增强网页中的“视觉冲击力”解析 设计理念  ruanjian jiaocheng

如何增强网页中的“视觉冲击力”解析 设计理念  ruanjian jiaocheng

创意

vitamin产品网站

这款产品是定位是能量型的饮料,客户针对是经常Office里面经常上班开会无力没精神的人群,针对这样的人群,每天面对着电脑,收取的资讯特別特別多,要吸引他们,就一定要有一个非常准确的Insight。

根据这类人的特性,我们把产品网站做成了小游戏感觉(每天面对电脑的人用户体验稍微复杂一点没事)的页面,并且画面很酷,根据客户定的主推款黄色(取名小宇宙)来做整体色调。

当然最重要的是玩法了,打开页面,画面中间就是你本人的头像和名字(2012年微博很流行,头像和名字从微博中抓取)必然会引起用户目光,从而引导他去玩这个页面,玩到最后发现能暈不足时提醒用户添加能量,雪中送炭放出产品。这样的形式无疑比像大街上突然来个人跟你说产品怎么好怎么好的要好很多。

如何增强网页中的“视觉冲击力”解析 设计理念  ruanjian jiaocheng

最后

告别平庸的方法:请记住多在形式、颜色、创意上花点功夫,你的作品自然而然就会牛掰了!

如何增强网页中的“视觉冲击力”解析 设计理念  ruanjian jiaocheng

属性标签:

欢迎留言