首页 > 网站建设 > 蓝韵观点 > 设计前沿 > 视觉运用于网页设计
视觉运用于网页设计

作者:admin来源:lanyunwork时间:2015.11.18

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


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


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


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


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



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



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



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



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




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


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





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



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



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



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



浅景深(大光圈)


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


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






深景深(小光圈)


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





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



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



高反差光影


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





低反差光影


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





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


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


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

 

欢迎转载,文章来源:杭州网页设计,转载请注明出处!

 

 

与蓝韵项目经理通话

请输入正确的手机号码格式

信息保护中请放心填写

在线咨询
 
提交成功
关闭浮窗