这种图层剪切后果几乎实用于任何类型的网站和设计，被裁剪的部分可所以随便率性大年夜小、地位的，而应用这一后果的诀窍在于控制元素之间的协同，前景的元素要和背景的元素之间完美地合营起来。

　　几乎所有的设计项目傍边，设计师几乎都须要借助设计来尽量抓住用户的留意力。一些可以或许更好、更快抓住用户留意力的设计技能就成了设计师最爱好的器械。进入5月之后，会发明正在风行的几个设计趋势都出现出如许的特点，无论是时髦小巧的导航，照样有趣的图层裁剪后果。接下来，我们就看看5月风行的3中设计趋势。

　　1. 时髦小巧的导航设计

　　之前风行过大年夜型的导航设计，随后汉堡图标又大年夜行其道。可能对于汉堡菜单的隐蔽式设计不敷明显，传统的导航设计又慢慢回归，不过在风格上，倒是出现出时髦而小巧的特点。这种导航在细节和体验上加倍讲究，更重要的是，小巧的构造和信息量的控制使得它一目了然，假如想要更多的导航信息则须要点击「更多」按钮。

　　这种导航设计的长处在于，它为下面的重要内容留下了足够的空间和核心，又确保了导航本身的功能性。

　　而缺点也同样明显，因为导航设计得过于小巧，可能会让部分用户认为困惑。就今朝来看，这种导航合适单页式的网站或者是拜访量相对没有那么大年夜、个性实足的网页，构造复杂的网站就不合适如许的设计趋势了。

　　下面的三个网站不合程度地应用了这一设计趋势：

　　Geex Arts在页面的右侧参加了一个黑色的垂直条，用一个小的暂停按钮和小巧的动态图片来吸引你切换页面。小巧的导航被置于页面底部。

　　IC Creative这个网站采取了一个相半数中的筹划，采取了侧边栏导航，而个中包含了 LOGO、汉堡图标和搜刮按钮，如许包管了菜单的明显，也保持了全部设计的简约性。当你点开汉堡图标的时刻，会发明这里面真的隐蔽着大年夜量的链接，甚至包含了文章推荐。

　　Weekend Creative Agency的导航栏同样置于侧边栏，不过是在左侧，所有的链接都摆在明面上，然则从名称到样式都异常的简约小巧。

　　2. 有趣的图层剪切后果

　　学会经由过程图层控制来营造充斥视觉吸引力的设计，会让你在设计的时刻如虎添翼。经由过程控制不合图层的元素互动，可以创造令人入神的视觉后果。

　　值得光荣的是，以往令人挠头的各类设计后果，现如今对于网页前端而言已经是小菜一碟了。越来越成熟的前端技巧让图层的控制和治理加倍轻车熟路。比来，最为风行的图层相干的技巧，是图层剪切的后果，这种后果指的是将部分元素切除为前景中的元素腾出地位。

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

　　被裁剪的部分应当和全部设计的信息传达互相干注，和设计目标保持一致。比如，它应当可以或许帮助导航，引导视觉，赞助用户获守信息，促进功能，赞助用户懂得信息。

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

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

　　3. 快速剪辑的视频

　　设计师一向在借助视频来出现设计，讲述故事。不过，在视频内容的出现上，千变万化，今朝最风行的做法，是应用快速剪辑或者加快之后的视频，来快速地出现丰富的内容。毫无疑问，如许的方法不仅贴合了如今用户留意力集中时光短的近况，并且更好地保持用户的介入度。