Webflow es una herramienta de diseño en el navegador que le brinda el poder de diseñar, construir y lanzar sitios web receptivos visualmente. Es básicamente una plataforma de diseño todo en uno que puede usar para pasar de la idea inicial al producto listo para usar.
Aquí hay algunas cosas que hacen que Webflow sea diferente:
El diseño visual y el código no están separados.
Lo que crea en el editor visual funciona con HTML, CSS y JavaScript.
Te permite reutilizar clases CSS.
Una vez definida, puede usar una clase para cualquier elemento que deba tener el mismo estilo o usarla como punto de partida para una variación (clase base).
Es una plataforma y como tal ofrece planes de hosting.
Por $ 12 por mes, le permite conectar un dominio personalizado y alojar su sitio HTML. Y por $ 4 adicionales por mes, puede usar Webflow CMS.
Creación de un sitio web de una página con Webflow
La mejor manera de entender de qué es capaz la herramienta es construir un producto real con ella. Para esta revisión, usaré Webflow para crear una página de destino simple para un dispositivo de altavoz inteligente ficticio.
DEFINIR LA ESTRUCTURA DE LA PÁGINA
Si bien es posible usar Webflow para crear una estructura de su diseño, es mejor usar otra herramienta para eso. ¿Por qué? Porque necesita experimentar y probar varios enfoques antes de encontrar el que cree que es el mejor. Es mejor usar una hoja de papel o cualquier herramienta de creación de prototipos para definir los huesos de su página.
También es crucial tener una comprensión clara de lo que está tratando de lograr. Encuentra un ejemplo de lo que quieres y esbozalo en papel o en tu herramienta de diseño favorita.
Sugerencia: no es necesario que cree un diseño de alta fidelidad todo el tiempo. En muchos casos, es posible usar wireframes de baja fidelidad. La idea es utilizar un boceto/prototipo como referencia cuando trabajes en tu sitio web.
