Save Whales是由屡获殊荣的 Red Collar 机构创建的一个项目,旨在提高人们对五种濒临灭绝的鲸鱼物种的认识,以及我们如何帮助它们的一些技巧。该项目非常逼真,有可以四处移动的鲸鱼的 3D 模型,以及动画和声音效果。物种列表以水平滚动列表的形式给出,但根本不像列表——动物以全屏图像呈现在自然环境中,最大限度地提高了身临其境的效果。单击时,每个项目都会打开一个新页面,其中带有表示波浪或水花的插图过渡。过渡是手工制作的,涉及 66 个渲染帧。该机构通过将动画传输到 HTML5 Canvas 并应用背景媒体加载来确保网站上的动画数量不会使浏览器过载。
我们已经在我们关于令人惊叹的深绿色网站的文章中介绍了 OuiWill 的精彩项目 Disrupt,但是这家位于旧金山的数字品牌代理商值得再次提及,这一次是因为页面转换设计精美。与 Spatzek、C8 和 Design Canada 类似,Oui Will 选择了基于线性截面的过渡. 然而,不仅仅是简单的百叶窗效果,这里的过渡还涉及更宽、不对称的区域,可以打开和关闭,从对角线位置移动到垂直位置。这些过渡中有一些电影感,可能让人想起一些较早的詹姆斯邦德电影。过渡在调色板方面与布局的其余部分保持一致,以相同的深绿色为基础,结合黑色,保证流畅流畅的视觉体验。
Spatzek Studio是一家网页设计和开发公司,提供网页解决方案,尤其是价格实惠的有限现成网站。工作室网站将大胆与简约结合在一起,通过大版式和非常大的排版和简单的调色板减少到黑色、白色和可爱的铁锈色。正是这最后一种颜色是工作室网站页面转换的主角。单击时,指向内页的链接会提示以锈橙色和黑色相结合的全屏百叶窗效果。效果短而醒目,颜色选择散发出略带复古的气息,让人想起 60 和 70 年代的设计趋势。