Una visión general del marco de diapositivas de Designmodo

Las páginas de destino y los sitios web promocionales son vitales para convertir a los visitantes en usuarios o clientes. Un diseño de calidad puede ser la clave para mejorar los números de ventas y llevar su producto al centro de la escena.

Slides Framework es una serie de plantillas para generar diseños animados de una sola página. El paquete incluye todos los códigos fuente HTML / CSS / jQuery y archivos PSD / Sketch para diseñadores.

Este es fácilmente uno de los marcos más exhaustivos para construir una página de aterrizaje con estilo. En esta publicación, ofreceré una descripción general del Marco de Presentaciones que muestra cómo funciona y cómo se puede aplicar a sus propios proyectos de diseño.

Empezando

El paquete de descarga de Slides incluye un simple tutorial tutorial para nuevos usuarios. Esto se denomina "Primeros pasos" y lo guía a través de los pasos iniciales para crear un sitio web desde el Marco de diapositivas.

Designmodo tiene un video completo de 8 minutos en YouTube que explica este proceso de configuración. Compruébalo si quieres ver cómo funciona esto visualmente.

La mejor parte de las diapositivas es que todo se puede personalizar en su navegador web. Tiene un asistente de configuración que lo guía a través de todo y compila la plantilla final en un archivo .zip. Esto permite a cualquier persona crear una plantilla de Presentaciones, descargar el código fuente y luego cargarla directamente en un servidor web. ¡Sencillo!

Cada paquete de instalación contiene las siguientes carpetas:

• CSS para todos los activos de CSS
• JS para la biblioteca jQuery y todos los complementos
• Los activos contienen todos los medios de imagen requeridos para diapositivas individuales
• La biblioteca tiene fragmentos de código para paneles, diapositivas y navegación personalizada
• La plantilla ofrece variaciones preconstruidas del diseño para diferentes ideas de proyectos

El generador de plantillas hace que sea muy fácil seleccionar sus propios valores personalizados según cómo quiera que se comporte el diseño. Elija variaciones de ubicación de texto, fondos de imagen / video e incluso animaciones entre diapositivas.

Si tiene problemas con el generador, siempre puede visitar el manual de Presentaciones en línea. Esto solo es accesible para aquellos que pagan por una licencia de marco de Slides, pero le enseña todo lo que necesita saber.

Impresionantes características de diapositivas

Estoy muy impresionado con cuán ágil y rápido funciona el marco. No importa qué navegador estés usando, parece que Slides es la página de inicio de moda que todos hemos estado esperando.

El marco incluye 60 diapositivas diferentes para elegir y personalizar para sus necesidades. Cada diapositiva se puede mezclar con cualquier otra diapositiva en un diseño de diseño consistente. Esto brinda a los diseñadores web una amplia gama de opciones al construir un nuevo diseño de Slides.

Además, todas las fuentes e íconos en el Marco de Diapositivas son de uso libre en cualquier plantilla que diseñe. Esto permite a los diseñadores personalizar diseños en Photoshop o Sketch con el objetivo de transmitir sus ideas a los desarrolladores.

El objetivo de Slides Framework es ahorrar tiempo durante el desarrollo al crear páginas de aterrizaje animadas. Una licencia se puede utilizar para sitios web ilimitados, que es muy útil para autónomos o agencias creativas que trabajan con múltiples clientes.

Para obtener más información, visite la página de preguntas frecuentes, que responde a la mayoría de las preguntas sobre cómo funciona Slides.

Plantillas preconstruidas a pedido

Si desea ahorrar tiempo con las diapositivas, puede elegir trabajar con una de las plantillas preconstruidas. Estos vienen en una amplia gama de diseños de videos de fondo a páginas de inicio de aplicaciones de iOS.

El video de Plantillas de diapositivas ofrece una visión fantástica de las diversas opciones. Cualquiera que compre el marco de Slides puede elegir entre personalizar un diseño desde cero o personalizar una de las 11 plantillas de inicio rápido.

Cada buen marco incluye algunas demos y Slides incluso tiene su propia página de ejemplos personalizada llena de diseños deslumbrantes. Una vez que haya iniciado sesión en el backend de Slides, podrá ver estos ejemplos y extraer el código fuente de su (s) proyecto (s).

Cada diseño de muestra demuestra la amplitud y profundidad que ofrece Slides. Puede configurar videos o fotos de fondo, junto con animaciones personalizadas entre ellos. Si sabe cómo personalizar un archivo HTML simple, tendrá control total sobre estas plantillas y sobre cómo funcionan.

Personalización de diapositivas para sitios web

Un aspecto útil de Slides Framework es que se ejecuta con código HTML / CSS / JS. Esto significa que puede compilar una página de inicio en WordPress, Laravel, Django o incluso Node.js. Pero no se requiere lenguaje de fondo porque las Presentaciones pueden ejecutarse como una página web estática de HTML / CSS.

Esto brinda a los desarrolladores mucha flexibilidad al configurar las Presentaciones para que se ejecuten en cualquier sitio web.

Por ejemplo, alguien podría querer agregar una página de destino a su sitio de WordPress pero no agregarla a la página de inicio. Las diapositivas se pueden usar como una plantilla de WP aplicada a una sola página sin afectar a ninguna otra página en el sitio web.

Cabe señalar que cualquier persona que desee editar un diseño de diapositivas deberá conocer un poco de HTML / CSS. No necesitará usar WordPress ni ningún otro CMS, pero Slides sí funciona con código HTML / CSS. La mayor parte del JavaScript está dentro de los complementos, pero algunas configuraciones, como los efectos de animación, también pueden requerir ediciones manuales.

Tenga esto en cuenta si quiere trabajar con Presentaciones porque tener un cierto nivel de dominio de HTML / CSS / JS será muy útil.

Con todo, la plantilla de Presentaciones ofrece una experiencia increíble para cualquier página de aterrizaje personalizada. El generador de Slides y las plantillas preconstruidas pueden ahorrar mucho tiempo escribiendo y reescribiendo código desde cero.

El punto más importante a tener en cuenta es que Slides requiere alguna edición manual si desea personalizar un diseño para satisfacer las necesidades de un proyecto en particular. No es obligatorio ser un experto, pero querrás saber un poco sobre HTML / CSS para realizar los cambios adecuados en cualquier plantilla.

Envolver

Hay muy pocos marcos de página de destino (si corresponde) a la par con Slides. El código es exquisito, la personalización es fantástica y el generador de códigos Slides puede ahorrar horas de trabajo.

Si desea ver una vista previa en vivo, visite la página de destino de Presentaciones. También incluye detalles sobre las características de las Presentaciones y lo que puede esperar del marco. Overall Slides es dinámico, liviano y perfecto para cualquiera que busque construir una página de promoción personalizada o una página de destino con dinamismo.