最美H5 酷站欣赏 UI素材 专题 设计导航

DUANG!摄影视觉运用于网页设计

sheying

当我第一次接触到射鸡时候,其实我是拒绝的。

因为我觉得射鸡这件事,不是你想做,想做就能做。

我跟粑粑讲我拒绝,因为我想做摄影…粑粑跟我讲,你试着做一下,做完加摄影,网页会很眩、很酷、很多特技…然后“duang”的一下我就不做摄影,做射鸡了。

摄影视觉与网页设计在视觉传达上拥有这许多共同性,也许它们之间并没有什么距离,或许他们本身就是一家。设计师同摄影师大致一样,都是在创造可供视觉传达的图像,这种的共性决定了其形式方面、构成方面内在规律的相似性。摄影讲究微妙的光影对比,以取得画面丰富的层次感。摄影也看重画面的构图,使画面与现实相比,更具有感染力!

接下来,将通过摄影的构图、景深、光影来阐述它与网页设计的共性。

摄影构图指照片画面上的布局、结构。其中具体含义是根据拍摄要求,运用相机镜头的成像特征和摄影造型手段,在取景器这个视觉框架内运用审美原则安排画面,使拍摄对象比现实更具艺术感染力。那么让我们来看看摄影的构图方式运用到网页当中去,会duang出一个怎样的火花呢!

以三个视觉中心为景物的主要位置,有时是以三点成面几何构成来安排景物,形成一个稳定的三角形。这种三角形可以是正三角也可以是斜三角或倒三角,其中斜三角较为常用,也较为灵活。三角形构图具有安定、均衡但不失灵活的特点。

正三角形如同金字塔一样,两条斜边向上汇聚,其尖端有一种向上的动感。在网页设计中,这种构图最稳定,在心理上给人以坚实。安全的感觉。

三角形给人稳定的感觉,而倒三角给人的感觉截然相反,即不稳定、紧张的感觉。倒三角形构图相对正三角形构图而言更加新颖,但画面的稳定和均衡感没有正三角形构图强烈,相比之下,它更能表现一种张力和压迫感,使画面更富有视觉冲击力。

对称式构图是一种表现上下、左右对称效果的构图,可以给人安定、庄重、深远之感。

对称式构图把水平线、垂直线安排在画面中央。例如拍摄景物的倒影时,水平线要在画面中央,才能呈现上下对称的视觉效果。又比如说,当图像左右对称,就应该将垂直线安排在画面中央,以表现为左右对称构图的形式美。

使用对称式构图会使画面较为平淡,因为人的视线重复观赏同样的形态,会产生视觉疲劳。所以当我们采用此构图方法时,可以利用,色彩、光影等,打破单调感。

当你欣赏一副画面时,你的视线很容易被某些线条引导有木有,就像被路标指引那样,让你进入到特定场景中去,这个就是引导线的作用,巧妙利用引导线,可以有意识地将用户的注意力集中于你想要表现的主题上去。

其实引导线并非一定是曲线,可以是人的视线,也可以是拼接在一起的小色块等等。只要能将观者的视线自然有序地拉到画面中的主体对象,那么它就达到了引导线的目的,巧妙地突出主体。

所谓景深,就是当焦点对准某一点时,其前后都仍可清晰的范围。它能决定是把背景模糊化来突出拍摄对象,还是拍出清晰的背景。

浅景深(大光圈)

景深(大光圈)是指景深越来越短,景深外的景物模糊不清,对焦点对焦到的主体,使拍摄主体清晰。

一些失败的作品之所以不能引起用户的注意力,是因为页面没有层次和立体感。可通过控制景深的方法,运用浅景深,让主体清晰,背景模糊来增强突出主体,使主题跟背景有强烈的实与虚的对比。

深景深(小光圈)

小光圈是指景深变深,对焦主体以外的背景和前景不容易变模糊,保持清晰。运用深景深,使画面更加附有空间感,且营造更有深度的氛围。

利用景深,前后虚实的关系来突出主题,增加画面层次感、空间感。

摄影离不开光,有光才有影。现实生活中的自然光来自唯一的太阳光。对于投射在被摄体的光线,因方向和角度不同,不只是阴影的位置和面积会随之改变,而被摄体的印象。感觉、包括影调和色调也会呈现不同的视觉效果。

高反差光影

光线反差的高低能营造不同的画面氛围,通常高反差的光影小景亮部细节表现完美,质感强烈,可给观者非常直观的感受;而暗部几乎是细节全无,色调单一,这样可以有效衬托出亮部的主体,并且暗部自身也会影响观者的感觉。大片的留白会给用户以无限的想象空间,是主体感觉的一种延伸与扩展。不同的主体对象使背景暗部给欣赏者的遐想空间也不同,主要的想象依据是观者的生活经验及自然常识。

低反差光影

与高反差光影效果不同,低反差光影的作品中一般极少有极亮与极暗区域、中间亮度区域占据了几乎全部画面,同时,作品中各种不同色彩的饱和度较低,这样画面整体会营造出一种淡雅、朦胧的氛围,给观者的视觉效果也比较平淡、柔和。另外,低反差画面的视觉效果也比较模糊,这种模糊并不是因为对焦不清晰,主要是由人的视觉特性引起的错觉。

哲学里事物时普遍联系,在艺术范畴里所有的方向都有相似的共性,我们不妨换一个角度,也许能看到不一样的认知。

这里所举的例子仅仅只是一小部分,希望能起到抛砖引玉的作用。

让我们在射鸡之路,共同学习,共同进步,thanks!

关于设计和摄影的关系,还可以了解:

《从摄影的角度看设计》

转自:畅游VC