条纹T
(二)个性化定制的栅栏
根据原理,需要保持每条遮挡条纹和每个留空之间的等宽。在此基础上,如果将条纹适当变形也可实现动态特效,下图的波浪折线便是一种尝试,可以还可以设计更多复杂的变化。不过值得注意的是,条纹必须是实心而非镂空的;而且复杂的栅栏会比简单的栅栏对底图有更多的干扰,不利于底图的识别。
波浪纹的演化
(三)与行为结合
我们可以单纯为品牌或信息设计图像,不过如果结合交互行为将会更有意义。下图的设计希望与滚动结合表达翻页的状态:随着页面的滚动,栅栏运动使得底图出现翻页的效果,还可以配合页码的变化。
翻页
小结
栅栏效果可以使视差滚动变得更为生动,在技术上只需要准备两张静态的图像,不过在滚动时的浏览器动画流畅度支持不同而有局限,因此具有一定的前瞻性。栅栏效果需要结合操作行为而更自然。值得注意的是,底图在栅栏未经过时也可以传达一定的符号含义,在栅栏经过时这种意味得到加强,从而获得惊喜而耐人寻味的效果。底图和栅栏需要配合设计,它们有一定的局限但也有很多发挥的空间。设计时需要注意上文提到的视觉特性。要展现其比较优质的效果,需要一定的面积(宽x高),因此这类视觉图像更适合品牌形象的传达。
(举报)