网页设计：视差特效的5种运用技巧

3、运动与色彩

Werk

Lois

视差特效的应用方式有很多种，其中最有趣的应用方式之一，是让色彩和不同的内容结合到一起，用来展示不同的项目和元素。颜色的变化和动画组合到一起，用交互来触发，产生全新的体验。

色彩是最为引人注意的设计工具，它在吸引用户注意力上，效果非常明显。

上面 Werkstatt 这个网页就使用了白底和灰色的轮廓来勾勒出不同的项目板块，当光标悬停在不同的项目上的时候，这个区块的项目图片会出现色彩，这种组合效果并不复杂，却非常有效，鼓励用户和单个项目进行交互。

Lois Jeans 则采用了另外一种搭配方式，设计师用不同的色彩来凸显不同的活动和不同的主题，随着页面滚动，背景的颜色随之变化，和前景滚动变化的图片相搭配。

4、让信息更容易被消化

Mel-art

Ledur

视差特效还能帮助设计师将更复杂的信息或者大块的信息，分割成小份，让它更加易读，也更加容易被消化。当你设计随着页面运动的文本元素的时候，视差特效的这个特征会非常有用。不过在实际操作的时候，需要仔细斟酌内容的载体。

上面两个网页就采用了这一设计概念，不过在运用方式上略有不同。

Melanie David 的这个个人页面采用了单页设计，她将页面的一半用作导航，当你滚动的时候，页面的一侧不动，另一侧会正常滚动，当你完成阅读之后，会自然切换到下一个内容区块。

Le Duc 餐厅的网页当中，设计师按照你的阅读习惯和订餐的方式，将菜单划分为单独的区块。动画很简单，背景的鱼起到了很好的装饰性作用，用户在浏览的时候，能够更好地了解订餐的信息。

5、营造视觉奇观

Madwell

Seattle Space Needle

视差特效最重要的用途之一，是营造独特的、拟真的视觉奇观。设计师通过合理的素材搭配，借助动效和不同的设计技巧，来创造逼真、有趣的视觉体验。

越来越成熟的3D设计让卡通和接近现实的设计元素的设计成本变得低廉，像上面 Madwell 这个网页，这些风格接近卡通，但是视觉效果和形式感都极为突出的元素，在视差动效下产生了类似VR的视觉体验。

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!