2. 有趣的图层剪切效果

　　学会通过图层控制来营造充满视觉吸引力的设计，会让你在设计的时候如虎添翼。通过控制不同图层的元素互动，可以创造令人着迷的视觉效果。

　　值得庆幸的是，以往令人挠头的各种设计效果，现如今对于网页前端而言已经是小菜一碟了。越来越成熟的前端技术让图层的控制和管理更加得心应手。最近，最为流行的图层相关的技术，是图层剪切的效果，这种效果指的是将部分元素切除为前景中的元素腾出位置。

　　这种图层剪切效果几乎适用于任何类型的网站和设计，被裁剪的部分可以是任意大小、位置的，而使用这一效果的诀窍在于控制元素之间的协同，前景的元素要和背景的元素之间完美地配合起来。

　　被裁剪的部分应该和整个设计的信息传达息息相关，和设计目标保持一致。比如，它应该能够辅助导航，引导视觉，帮助用户获取信息，促进功能，帮助用户理解信息。

　　Tilted Chair 这个网站中，设计师将标题中切割出空间，放上了一只眼睛，非常引人注意。

　　RJ Investments 这个网站在图片元素中切割出空白区域，来展示文本，放置行为召唤元素。

　　DTO Films 这个网站采用了另外一种方式，设计师在背景中裁剪出一个区域，并且以明亮的色彩填补其中，再叠加上超大的标题文本，错落地排布，搭配上动效，营造出有趣的视觉体验。

上一页  [1] [2] [3] 下一页