B2B
如何增强网站图片的立体感与动感
2021-06-25 08:31  浏览:106
 在网站设计中呈现一种“充满动感以及活力的”效果,这听起来似乎并不难,但与一些动态图片以及flash等设计不一样。在静态网页设计中可以利用一些负空间、重复、色调、透视、版式等来产生视觉错觉与动感效果。
如何增强网站图片的立体感与动感

 

边缘关系

版面的中心点无疑是最强烈的位置,但也同时是最稳定的位置。要创造一个充满活力的排版,可以尝试玩点边缘危险游戏,避免中心点。元素对边排版,标志及文字使视线左右分离,营造出很强烈的动感及紧张感。所有元素都集中在一边,创造出一种不平衡及动态的版面。

赋予版面节奏感

利用对角线构图以及反复的编排模式,创造出节奏感,让图片的位置体现出规则性。用留白创造视觉顺序、用重复体现节奏感、以上下错开的方式创造出节奏感。

运用曲线使页面更“活跃”

在网页设计中,许多设计师需要分割网站建设的内容模块,但是太多的直线不可避免地使图片看起来非常呆板,使用曲线、斜线等,能使整个图片更“生动”。

充分利用图片本身的动感

在跨页版面的左右页面中形成对比结构,利用重复相同尺寸的图片,强调出对比性。利用同样的放置方式体现对比、用倾斜创造动感、通过拉开图片间的距离,体现左右对比。

您可能感兴趣的...