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 a un nivel central.

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 destino con estilo. En esta publicación, daré una descripción general del Marco de diapositivas que muestra cómo funciona y cómo puede aplicarse a sus propios proyectos de diseño..

Empezando

El paquete de descarga de Diapositivas incluye un tutorial simple para los nuevos usuarios. Se llama “Primeros pasos” guiándole a través de los pasos iniciales para crear un sitio web desde Slides Framework.

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 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 cualquiera crear una plantilla de Diapositivas, descargar el código fuente y luego cargarlo directamente en un servidor web. Sencillo!

Cada paquete de instalación contiene las siguientes carpetas:

CSS para todos los activos CSS
JS para la biblioteca jQuery y todos los complementos
Bienes Contiene todos los medios de imagen requeridos para diapositivas individuales.
Biblioteca tiene fragmentos de código para paneles, diapositivas y navegación personalizada
Modelo Ofrece variaciones pre-construidas del diseño para diferentes ideas de proyectos.

El generador de plantillas hace que sea muy fácil seleccionar sus propios valores personalizados en función de cómo desea 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 Diapositivas en línea. Esto solo es accesible para aquellos que pagan por una licencia de marco de diapositivas pero enseña todo lo que necesita saber.

Impresionantes diapositivas características

Estoy muy impresionado con la rapidez y rapidez con que funciona el marco. No importa qué navegador esté usando, parece que Slides es la página de inicio de moda que todos hemos estado anhelando.

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

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

El marco de diapositivas está diseñado para ahorrar tiempo durante el desarrollo al crear páginas de inicio animadas. Se puede usar una licencia para sitios web ilimitados, lo cual es muy útil para los profesionales independientes o agencias creativas que trabajan con múltiples clientes.

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

Plantillas pre-construidas bajo demanda

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

El video de Plantillas de diapositivas ofrece una visión fantástica de las diversas opciones. Cualquiera que compre el marco 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 demostraciones y Diapositivas, incluso tiene su propia página de ejemplos personalizados llena de diseños deslumbrantes. Una vez que haya iniciado sesión en el backend de Diapositivas, podrá ver estas muestras y extraer el código fuente para sus propios proyectos..

Cada diseño de muestra muestra la amplitud y profundidad que las diapositivas tienen para ofrecer. Puede configurar videos o fotos de fondo, junto con animaciones personalizadas entre ellos. Si sabe cómo personalizar un archivo HTML simple, entonces tiene control completo sobre estas plantillas y 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 crear una página de destino en WordPress, Laravel, Django o incluso Node.js. Pero no se requiere ningún lenguaje de fondo porque Slides puede ejecutarse como una página web estática HTML / CSS.

Esto le da a los desarrolladores mucha flexibilidad al configurar las diapositivas para que se ejecuten en cualquier sitio web dado.

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

Se debe tener en cuenta que cualquier persona que desee editar un diseño de Diapositivas necesitará saber un poco de HTML / CSS. No necesitará usar WordPress ni ningún otro CMS, pero las diapositivas operan en el código HTML / CSS. La mayor parte del JavaScript está contenido en los complementos, pero algunas configuraciones, como los efectos de animación, también pueden requerir modificaciones manuales..

Tenga esto en cuenta si desea trabajar con diapositivas porque tener un cierto nivel de dominio de HTML / CSS / JS será de gran ayuda..

En total, la plantilla de Diapositivas ofrece una experiencia increíble para cualquier página de destino personalizada. El generador de diapositivas y las plantillas preconfiguradas pueden ahorrar mucho tiempo escribiendo y reescribiendo código desde cero.

El punto más importante a tener en cuenta es que Slides requiere una 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 (si los hay) marcos de la página de aterrizaje en profundidad a la par con las diapositivas. El código es exquisito, la personalización es fantástica y el generador de código de Diapositivas puede ahorrar horas de trabajo.

Si desea ver una vista previa en vivo, visite la página de inicio de Diapositivas. También incluye detalles sobre las características de las diapositivas y lo que puede esperar del marco. Las diapositivas generales son dinámicas, ligeras y perfectas para cualquier persona que quiera crear una página de promoción personalizada o página de inicio con dinamismo..