如何让你的设计更有动感.docxVIP

如何让你的设计更有动感 来源：中国设计在线 时间： 2014-03-08 站内收藏 虽然这是篇以前的老文章， 但是一些设计技巧和方法对于今日之设计还是有指导意义， 对于设计师借鉴这些设计技巧从而提高设计水平应该有所裨益。 本文由陈汉聪编译 客户要求你在设计中呈现一种“充满动感及活力”的效果，这听起来这似乎并不难， 但与一些动态的图片及 FLASH等设计不一样， 印刷的页面是属于静态的， 你也不能在上面加 上一些视频或象设计网页一样加上其它的一些动态元素， 但我们有其它的办法来实现。 在静 态的页面上，我们可能通过负空间、重复、色调、透视、版式等等来产生动感。以下是我们 介绍的一些方法。 在详细介绍前，我们先来感受一下静态的设计及动态的设计之间的不同： 1 上方两张图，第一张可以让读者清晰观看你的各期杂志封面，整齐排列就能够很好地 达到目标。 而第二张图， 通过不同的排列，我们就产生了一种透视感， 它给人另一种不同的感觉，传达出更多的动感。 一、创造连续场景 这种技巧是用图片元素动感地真实呈现一系列的动作或事件，通过这种手法可以让你的读者注意到某些东西是如何演变的。 2 一，二，三??，你的 者可以很仔 地 看在 高 夫球中是如何 杆的，或者如何在健身中 三 肌。 里不需要“后退”或“快 ”等按 。留意干 空白的背景使 者的注意力能 更加放在整个系列 作上。 二、使用 次 种手法 似于第一种的 情景，通 不同 次的 造出“从 里到那里”的感 。 3 讲述一个故事：通过不同图片的透明度的设置， 我们就象在讲述一个环环相扣的故事。 留意上图中老人图片的透明度由淡至深的渐变。 三、重复使用图片 你可能在一些影音商店，特别是电视机的销售柜台里看过这样的情景――同样的一个 图像在不同的十几个屏幕里同时出现。 无论你往哪个方向看， 它都无所不在――这其实是充满能量的一种效果！我们的眼睛总是喜欢重复的东西。 4 三、重复使用图片 你可能在一些影音商店，特别是电视机的销售柜台里看过这样的情景――同样的一个 图像在不同的十几个屏幕里同时出现。 无论你往哪个方向看， 它都无所不在――这其实是充满能量的一种效果！我们的眼睛总是喜欢重复的东西。 5 横扫：一排玻璃杯很自然地使你的眼睛由左向右移动。杯子及里面的酒的高度都是一样的，这加速了动态的效果。 四、边缘关系 版面的中心点无疑是最强烈的位置，但也同时是最稳定的位置。要创造一个充满活力的排版，应该尝试玩点边缘危险游戏，避免中心点。 静态：这个设计是一个中心平衡的设计，所以显得很静态，页面激不起半点涟漪。 6 紧张：元素对边排版，标志及文字使你的视线左右分离，营造出很强烈的动感及紧张 感。 7 活力：所有元素都集中在一边，创造出一种不平衡及动态的版面 五、强化动感 如果图片本身就已经具有动感的效果，我们可以通过对背景的剪切进一步强化。 很快：上图从左到右，第一张，本身就有动感，但受制于四周的框框，这种动感是受 到压抑的。 切掉一半背景， 产生一种驶出背景及进入背景的感觉， 后两者的动感得到了强化。 还要增加快感？将整个图片下方的三方之一切掉（见下图），现在给人一种轮子转 得更快的感觉， 而摩托车象是跳到了前景中。 从下方小图可以看出， 处理后的图片增强了水平线的效果，由于水平线的方向与摩托车的方向是一致的，这使到速度感进一步得到加强。 8 六、创造自己的背景 9 选择恰当的字体与图片搭配：矩形的黑色背景与充满直线条的 Leco 1976 字体互相呼 应，同时与跳跃人物所呈现的充满转角的线条形成良好的搭配及互补。 留意 DANCE 这几个 字是 90 度摆放的，字体显得非常简洁，象 G、 E、 A 等字母都几乎有相同的结构。 10 充满活力的位置及颜色：下图从左到右，第一个小标题与大字垂直居中，缺乏活力， 将这行小字移上一点， 这行文字既没有与最上方平齐， 又没有居中， 造成了一种强烈动态的效果。通过对比强烈的颜色搭配，进一步强化出跳跃的动态。 七、营造透视感 11 通过使用透视感传达出一种逐渐递进或传达出一种“还有更多”的视觉语言。 八、使用弧线 弧线具有强烈的动感。 12 弧线给人一种快速的感觉，多条趋向一致的曲线在一起产生更快的视觉效果。上图第 一张， 两束弧线的集合点形成版面的一个自然焦点。 所以在这个地方放上其它的元素， 没有 人会忽视它的存在。 而下图示意图中，垂直线给人静止的感觉，当形成弧线，我们的视线会 不自觉地跟着它移动，从而“延伸”成动感。 13 九、使用点线或虚线 当我们的眼睛从一个点去到另一个点时，便产生一种动感的效果： 14 15 十、形成角度 倾斜的线条天然具有一种不稳定的感觉，这种不稳定便产生了一种能量。无论是文字 还是线条，角度都增加了动感、紧张及兴奋的