Designmodo的幻灯片框架概述

高质量的设计可能是提高销售数量并使您的产品处于中心位置的关键。

登陆页面和促销网站对于将访问者转化为用户或客户至关重要。

该软件包包括所有HTML / CSS / jQuery源代码和PSD / Sketch文件,供设计人员使用。

幻灯片框架是用于生成单页动画布局的一系列模板。

在这篇文章中,我将对Slides Framework进行概述,以显示其工作原理以及如何将其应用于您自己的设计项目。

这很容易成为构建具有样式的登录页面的最详尽的框架之一。

入门

这被称为“第一步”,指导您完成从Slides Framework创建网站的初始步骤。

幻灯片下载包包括针对新用户的简单教程演练。

如果您想查看它的视觉效果,请检查一下。

Designmodo 在YouTube上有完整的8分钟视频,介绍了此设置过程。

简单!

这样,任何人都可以创建幻灯片模板,下载源代码,然后直接上传到Web服务器上。

它具有一个安装向导,可指导您完成所有操作并将最终模板编译为.zip文件。

关于幻灯片的最好之处在于,可以在Web浏览器中自定义所有内容。

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

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

Designmodo的幻灯片框架概述

选择幻灯片之间的文本位置,图像/视频背景,甚至动画的变体。

模板生成器使您可以非常轻松地根据您希望布局的行为来选择自己的自定义值。

只有付费使用Slides框架许可的人才能使用此功能,但是它可以教授您需要了解的所有内容。

如果您在使用发生器时遇到问题,可以随时在线访问“幻灯片”手册。

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

无论您使用哪种浏览器,都感觉Slides是我们都渴望的时尚登录页面。

框架的敏捷性和快速性给我留下了最深刻的印象。

在构造新的Slides布局时,这为Web设计人员提供了多种选择。

每个幻灯片可以与其他任何幻灯片混合在一起,形成一个一致的布局设计。

该框架包括60种不同的幻灯片 ,供您选择和定制。

这使设计人员可以在Photoshop或Sketch中自定义设计,以将其想法传递给开发人员。

另外,幻灯片框架中的所有字体和图标都可以在您设计的任何模板上免费使用。

Designmodo的幻灯片框架概述

一个许可证可以用于无限的网站,这对于自由职业者或与多个客户合作的广告素材代理机构非常方便。

Slides Framework旨在在制作动画目标网页时节省开发时间。

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

按需预建模板

从后台视频到iOS应用登陆页面,这些设计的范围很广。

如果您想节省使用幻灯片的时间,则可以选择使用一种预构建的模板。

购买Slides框架的任何人都可以选择从头开始自定义布局,或自定义11个快速入门模板之一。

幻灯片模板视频可让您一览各种选项。

登录到幻灯片后端后,您将能够查看这些示例并提取自己项目的源代码。

每个好的框架都包含一些演示,幻灯片甚至都有自己的自定义示例页面,这些页面充满了令人眼花layout乱的布局。

Designmodo的幻灯片框架概述

如果您知道如何自定义简单HTML文件,则可以完全控制这些模板及其操作方式。

您可以设置背景视频或照片,以及它们之间的自定义动画。

每个样本布局都演示了Slides必须提供的广度和深度。

自定义网站的幻灯片

但是不需要后端语言,因为幻灯片可以作为静态HTML / CSS网页运行。

这意味着您可以在WordPress,Laravel,Django甚至Node.js上构建登录页面。

Slides Framework的一个方便方面是它可以与HTML / CSS / JS代码一起运行。

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

幻灯片可以用作应用于单个页面的WP模板,而不会影响网站上的任何其他页面。

例如,某人可能希望将登录页面添加到他们的WordPress网站,但不希望将其添加到首页。

大多数JavaScript都包含在插件中,但是一些设置(例如动画效果)也可能需要手动编辑。

您不需要使用WordPress或任何其他CMS,但是Slides确实可以在HTML / CSS代码上运行。

应当指出,任何希望编辑幻灯片布局的人都需要了解一些HTML / CSS。

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

幻灯片生成器和预建模板可以节省大量时间,从头开始编写和重写代码。

“所有幻灯片”模板可为任何自定义登录页面提供令人难以置信的体验。

成为专家不是强制性的,但您需要了解一些有关HTML / CSS的知识,以便对任何模板进行适当的更改。

要注意的最大点是,如果您要自定义布局以适合特定项目的需要,则确实需要进行一些手动编辑。

包起来

代码精美,自定义效果极佳,并且Slides代码生成器可以节省大量时间。

与Slides相比,很少有(如果有的话)深度登陆页面框架。

总体幻灯片是动态的,轻巧的,非常适合希望构建自定义促销页面或带有比萨饼的登录页面的任何人。

它还包括有关Slides功能的详细信息以及对框架的期望。

如果要观看实时预览,请访问“ 幻灯片”着陆页


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