织梦CMS - 轻松建站从此开始!

我的网站

如何设计动感(2)

时间:2012-08-25 17:42来源:logosky.net 作者:陈汉聪译 点击:
三、重复使用图片 你可能在一些影音商店,特别是电视机的销售柜台里看过这样的情景同样的一个图像在不同的十几个屏幕里同时出现。无论你往哪个方

三、重复使用图片

你可能在一些影音商店,特别是电视机的销售柜台里看过这样的情景——同样的一个图像在不同的十几个屏幕里同时出现。无论你往哪个方向看,它都无所不在——这其实是充满能量的一种效果!我们的眼睛总是喜欢重复的东西。

首先我们要选择简单的图片,这非常重要。象上图左,这张图片因为有背景的影响,显得非常复杂。而仅仅展示面部,效果很好,因为它产生了一个焦点元素。将图片平均分布排列,填满空间即可。

横扫:一排玻璃杯很自然地使你的眼睛由左向右移动。杯子及里面的酒的高度都是一样的,这加速了动态的效果。

 

四、边缘关系

版面的中心点无疑是最强烈的位置,但也同时是最稳定的位置。要创造一个充满活力的排版,应该尝试玩点边缘危险游戏,避免中心点。

静态:这个设计是一个中心平衡的设计,所以显得很静态,页面激不起半点涟漪。

紧张:元素对边排版,标志及文字使你的视线左右分离,营造出很强烈的动感及紧张感。

 

活力:所有元素都集中在一边,创造出一种不平衡及动态的版面

 

五、强化动感

如果图片本身就已经具有动感的效果,我们可以通过对背景的剪切进一步强化。

  

 

 

很快:上图从左到右,第一张,本身就有动感,但受制于四周的框框,这种动感是受到压抑的。切掉一半背景,产生一种驶出背景及进入背景的感觉,后两者的动感得到了强化。

 

还要增加快感?将整个图片下方的三方之一切掉(见下图),现在给人一种轮子转得更快的感觉,而摩托车象是跳到了前景中。从下方小图可以看出,处理后的图片增强了水平线的效果,由于水平线的方向与摩托车的方向是一致的,这使到速度感进一步得到加强。

(责任编辑:RGB)
织梦二维码生成器
顶一下
(12)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容