Designmodo的幻灯片框架概述

登陆页面和促销网站对于将访问者转化为用户或客户至关重要。 高质量的设计可能是提高销售数量并使您的产品处于中心地位的关键。

幻灯片框架是用于生成单页动画布局的一系列模板。 该软件包包括所有HTML / CSS / jQuery源代码和面向设计人员的PSD /草图文件。

这很容易成为构建具有样式的登录页面的最详尽的框架之一。 在这篇文章中，我将对Slides Framework进行概述，展示其工作方式以及如何将其应用于您自己的设计项目。

入门

幻灯片下载包包括针对新用户的简单教程演练。 这被称为“第一步”，指导您完成从Slides Framework创建网站的初始步骤。

Designmodo 在YouTube上有完整的8分钟视频，介绍了此设置过程。 如果您想看一下它是如何工作的，请检查一下。

关于幻灯片的最好的部分是，所有内容都可以在Web浏览器中自定义。 它具有一个安装向导，可指导您完成所有操作并将最终模板编译为.zip文件。 这样，任何人都可以创建幻灯片模板，下载源代码，然后直接上传到Web服务器上。 简单！

每个安装包均包含以下文件夹：

• CSS所有CSS资产
• jQuery库和所有插件的JS
• 素材资源包含单个幻灯片所需的所有图像媒体
• 库具有用于面板，幻灯片和自定义导航的代码段
• 模板为不同的项目创意提供了布局的预构建变体

模板生成器使您可以根据布局的行为来轻松选择自己的自定义值。 选择文本位置，图像/视频背景，甚至幻灯片之间的动画的变体。

如果您在使用发生器时遇到问题，可以随时在线访问“幻灯片”手册。 只有付费使用Slides框架许可的人才能使用此功能，但是它可以教授您需要了解的所有内容。

令人印象深刻的幻灯片功能

框架的敏捷性和快速性给我留下了最深刻的印象。 无论您使用哪种浏览器，都感觉Slides是我们一直渴望的时尚登录页面。

该框架包括60种不同的幻灯片 ，供您选择和定制。 每个幻灯片可以与其他任何幻灯片混合在一起，形成一个一致的布局设计。 在构建新的Slides布局时，这为Web设计人员提供了多种选择。

另外，幻灯片框架中的所有字体和图标都可以在您设计的任何模板上免费使用。 这使设计人员可以在Photoshop或Sketch中自定义设计，以将其想法传递给开发人员。

Slides Framework旨在在制作动画目标网页时节省开发时间。 一个许可证可以用于无限的网站，这对于自由职业者或与多个客户一起工作的创意机构非常方便。

要了解更多信息，请访问FAQ页面 ，该页面回答有关幻灯片操作方式的大多数问题。

按需预建模板

如果您想节省使用幻灯片的时间，则可以选择使用一种预构建的模板。 从后台视频到iOS应用登陆页面，这些设计的范围很广。

幻灯片模板视频可让您一览各种选项。 购买Slides框架的任何人都可以选择从头开始自定义布局，也可以自定义11个快速入门模板之一。

每个好的框架都包含一些演示，幻灯片甚至都有自己的自定义示例页面，这些页面充满了令人眼花layout乱的布局。 登录到幻灯片后端后，您将能够查看这些示例并提取自己项目的源代码。

每个样本布局都演示了Slides必须提供的广度和深度。 您可以设置背景视频或照片，以及它们之间的自定义动画。 如果您知道如何自定义简单HTML文件，则可以完全控制这些模板及其操作方式。

自定义网站的幻灯片

Slides Framework的一个方便方面是它可以与HTML / CSS / JS代码一起运行。 这意味着您可以在WordPress，Laravel，Django甚至Node.js上构建登录页面。 但是不需要后端语言，因为幻灯片可以作为静态HTML / CSS网页运行。

在将幻灯片配置为在任何给定网站上运行时，这为开发人员提供了很大的灵活性。

例如，某人可能希望将登录页面添加到他们的WordPress网站，但不希望将其添加到首页。 幻灯片可以用作应用于单个页面的WP模板，而不会影响网站上的任何其他页面。

应该注意的是，任何希望编辑幻灯片布局的人都需要了解一些HTML / CSS。 您不需要使用WordPress或任何其他CMS，但是Slides确实可以在HTML / CSS代码上运行。 大多数JavaScript都包含在插件中，但是一些设置（例如动画效果）也可能需要手动编辑。

如果您要使用幻灯片，请记住这一点，因为一定程度HTML / CSS / JS能力会大大提高。

“所有幻灯片”模板可为任何自定义登录页面提供令人难以置信的体验。 幻灯片生成器和预制模板可以节省大量时间，从头开始编写和重写代码。

要注意的最大点是，如果您要自定义布局以适合特定项目的需要，则确实需要进行一些手动编辑。 成为专家不是强制性的，但您需要了解一些有关HTML / CSS的知识，以便对任何模板进行适当的更改。

结语

与Slides相比，很少有（如果有的话）深度登录页面框架。 代码精美，自定义效果极佳，并且Slides代码生成器可以节省大量时间。

如果要观看实时预览，请访问“ 幻灯片”着陆页 。 它还包括有关Slides功能的详细信息以及对框架的期望。 总体幻灯片是动态的，轻巧的，非常适合希望构建自定义促销页面或带有比萨饼的登录页面的任何人。

翻译自: https://www.hongkiat.com/blog/slides-framework/