上文:如何让网页设计呈现动感与活力(上)
客户要求你在网页设计中呈现一种“充满动感与活力”的效果,这听起来这似乎并不难,但与一些动态的图片及FLASH等设计不一样,印刷的页面是属于静态的,你也不能在上面加上一些视频或象设计网页一样加上其它的一些动态元素,但我们有其它的办法来实现。在静态的页面上,我们可能通过负空间、重复、色调、透视、版式等等来产生动感。以下是我们介绍的一些方法。
八、使用弧线 弧线具有强烈的动感。
弧线给人一种快速的感觉,多条趋向一致的曲线在一起产生更快的视觉效果。上图第一张,两束弧线的集合点形成版面的一个自然焦点。所以在这个地方放上其它的元素,没有人会忽视它的存在。而下图示意图中,垂直线给人静止的感觉,当形成弧线,我们的视线会不自觉地跟着它移动,从而“延伸”成动感。
九、使用点线或虚线
当我们的眼睛从一个点去到另一个点时,便产生一种动感的设计效果:
十、形成角度 倾斜的线条天然具有一种不稳定的感觉,这种不稳定便产生了一种能量。无论是文字还是线条,角度都增加了动感、紧张及兴奋的效果。
如果是水平线摆放,就算是一辆急速行驶的汽车,仍然给人一种稳定的感觉,因为它不会“掉下来”。而倾斜就营造了紧张及不稳定,同时也形成了一个“坡度”,使对象给人一种上升或下降的动感。
只有角度及曲线:富冲击力的图片形成了角度及倾斜线,这架跑车向着远处的消失点狂奔。同时与图案呼应的文字是一种简洁、非衬线体的斜体。
十一、亲密接触
就象在一个狭窄空间中有一群人在跳舞,或者一群人相挤照相一样,当对象挤在一起时就形成了一种紧张感,而紧张感等于动感。
选择一种简单的、粗壮及非衬线字体效果最佳。象上图一样,字母粗壮肥大,就算是重叠时也很容易阅读。而下面的几个示意图,太细的字体给人杂乱的感觉,太复杂的字体形成了一些奇形怪状影响阅读。结构过于相似的字体或太拥挤的堆放已经让人无从卒读。
十二、模糊及摇晃 模糊或摇摆的效果形成了一种动感的效果。
在PS里进行模糊处理:PS里的动感模糊可以轻易实现,我们这里的图是水平放置的,距离设为50,不同的图片及不同的角度需要不同的设置。
|