在这个过程中，我们贯穿了整个设计过程，从概念到完成。我们在Figma开始，在Cinema 4D和辛烷创建一些惊人的3D资产，在After Effects中创建动画Lottie文件，最后，我们在Webflow与交互建立我们的网站。

在这节课中，我们将经历一个我们内部一直使用的过程:我们将协同使用Figma来设计和迭代所有的东西，这些东西将使我们的项目从不保真，低保真，最后，中保真。

本课是关于如何使用Cinema 4D建模和动画我们虚构的碳酸水瓶产品的3D设计的入门。欧宝体育在线首页然后我们添加表面纹理和辛烷渲染我们的3D设计。

在Cinema 4D和辛烷值生成我们的3D产品渲欧宝体育在线首页染后，我们然后将它们转换为JSON Lottie文件-动画设计，我们可以在我们的网站上使用-使用After Effects和Bodymovin '插件。

现在我们有了线框设计和3D资产，我们可以在Webflow中构建我们的网站。我们使用我们的Figma线框设计和3D Lottie文件在Webflow中构建网站，以丰富的互动来吸引我们的客户。

现在我们已经在Webflow中构建了站点，是时候将站点发布到自定义域了。我们使用Webflow完成了设置自定义域的过程。

在本课中，我们把这个设计工作流程的所有元素放在一起，并强调一些细微差别，以帮助您完善自己的设计工作流程。