Diseña y publica tus sitios rápidamente

Diseña tu sitio a través de nuestros módulos

Existen algunos creadores de sitios que pueden ser limitantes. Al usarlos, parece que sus herramientas no “encajan”  del todo bien una con la otra. O hay veces en que, aunque las herramientas funcionen correctamente, los resultados no se reflejan en el sitio que estás creando. Al final, el proceso de creación no fluye de manera natural.

En esta siguiente imagen podrás ver cómo las herramientas de Breezi están diseñadas para que se complementen una a la otra. Con los dots de estilo puedes cambiar la apariencia de tu página (cuyos elementos puedes editar al mismo tiempo dependiendo de su clasificación). A la vez, tienes la opción de usar el Bulk Style Editor para modificar los dots. Al guardar estas modificaciones, puedes crear un Skin y puedes utilizar este Skin para aplicar ese mismo estilo a otras páginas de tu sitio e incluso a otros sitios. Es así como puedes diseñar todo lo que está contenido dentro de tu sitio y tu layout.

Jerarquía

Como sabes, uno de nuestros objetivos en Breezi es hacer que el proceso de creación de un sitio transcurra rápida y eficazmente. Es por ello que nos concentramos en crear una app de diseño que no te limite y cuyas herramientas sean compatibles y que te permitan trabajar de manera modular. Algunos de nuestros usuarios ya nos han expresado sus opiniones al respecto:

He intentado con muchos otros creadores de sitios y Breezi es el mejor. Puedes hacer diseños asombrosos y tienes todas las herramientas que necesitas. ¡Se lo recomendaría a cualquiera!

Lenka Gondolova – 12 de julio del 2012

Breezi está compuesto de herramientas intuitivas: apps y funcionalidades que trabajan en conjunto y siempre estamos lanzando más. Cada una de estas podría utilizarse de forma individual y obtendrías un diseño asombroso para tu sitio. Sin embargo, al combinarlas y aprovechar el potencial que tienen al estar unidas, el proceso fluirá y tendrás una mejor experiencia al diseñar.

Nuestras apps tienen una jerarquía, lo cual quiere decir que tienen un orden y una función que logran que coexitan.

El panorama general

Para comprender mejor cómo funcionan nuestras herramientas, haremos una analogía con el cuerpo humano. Nuestro cuerpo tiene células que, al juntarse, forman distintos tejidos. Estos tejidos forman órganos. Los órganos, a su vez, forman parte de un sistema y, básicamente, nuestro cuerpo está compuesto de sistemas. Cada uno de estos elementos tiene una función que crea un efecto en el cuerpo y es en el momento en que trabajan todas juntas que obtenemos el cuerpo humano.

En esta imagen podrás ver la manera en que los Skins trabajan con los layouts. Las modificaciones realizadas con el Bulk Style Editor se pueden convertir en un Skin con estilos específicos para cada bloque. Si ese Skin se aplica en otra página o en otro sitio, los estilos que conlleva modificarán los bloques pertinentes. Los estilos de Header (encabezado) se aplicarán a los bloques que son Headers, los de Intro a Intro, etc.

Skins

Así es como funcionan los Skins en diferentes sitios

Si quieres aprender más sobre los elementos que componen un layout, haz clic aquí. Si, por otro lado, quieres crear un Skin, haz clic acá.

Breezi funciona de esta manera. Al dar estilo a los diferentes módulos (elementos del layout, dots, apps, herramientas y funcionalidades), estás diseñando tu sitio completo.

Diseña por módulos

Breezi está dividido en módulos, los cuales son pedazos de un rompecabezas que trabajan juntos. Algunos de los módulos más importantes son:

  1. Layout

  2.  Dots

  3. Bulk Style Editor

  4. Skins

Estos no son todos. También existen las Apps que están contenidas dentro del Layout, y que puedes modificar con los Dots y el Bulk Style Editor. Las páginas en las que residen estos elementos, pueden modificarse con los Skins y los Content Sets, los cuales pueden darte una idea de cómo incluir contenido y diseño en tu sitio.

En la siguiente imagen verás cómo están compuestos cada uno de los componentes:

Layout

Algundo de los componentes de un layout

Elementos integrados

Cada uno de estos elementos tiene una función en específico. Sin embargo, todos están conectados: al hacer un cambio en alguno, afectarás a los otros. Es por ello que es buena idea seguir la jerarquía para crear el producto final.

Un dot puede modificar tu layout, a la vez que puedes modificar un dot con el Bulk Style Editor; el cual puedes usar para crear un Skin y así estilizar el layout de otras páginas.

Módulos

Representación visual de la forma de editar un layout a través de módulos

Puedes crear un sitio web en Breezi de muchas maneras diferentes. Al definir un proceso, puedes utilizar estas herramientas de forma efectiva y te ayudarán a acelerar la creación de tu sitio.

Toma en cuenta que estas herramientas están integradas una a la otra, por lo que, al modificar alguna, verás que hay cambios en las demás. Uno de los grandes beneficios de diseñar con Breezi es que, el editor permite que el proceso de diseño fluya naturalmente porque te puede corregir y eliminar ciertos errores en estilo, normalizar valores y te ofrece sugerencias en caso de que no sepas por dónde empezar.

Para empezar, te ayuda a crear el layout para tu página (aunque, existen los bosquejos y prototipos antes de esto). Luego, te permite agregar Apps, contenido y asignar estilos para que tu sitio vaya tomando forma. Después, tienes la opción de editar las apps con los Dots y los páneles CMS. Si necesitas ayuda con el diseño, puedes utilizar Skins o el Shuffler o, puedes recurrir al Bulk Style Editor para administrar y definir estilos  generales y luego usar los dots para afinar detalles.

Existen dos ideas que son centrales para entender la Modularidad de Breezi.

Módules: interacción e integración

Como sabes, Breezi es una herramienta compuesta de otras herramientas que trabajan individual y conjuntamente para que todo funcione como es debido.

Los módulos no solamente interactúan entre ellos, también están integrados unos a otros. Cada uno de estos módulos puede ser dividido en pedazos más pequeños que están integrados entre ellos.

Puedes modificar los estilos a través de los dots y sus perfiles. Al mismo tiempo, puedes construir un skin con el Bulk Style Editor. Todos estos son aplicados al editor: incluyendo layout, apps, contenido y todo lo que puedes manejar a través de estas herramientas.

Rompecabezas

Los elementos de Breezi interactúan entre ellos como un rompecabezas

Todas las funcionalidades de Breezi están conectadas una a la otra. A través de estos ejemplos e imágenes, es más fácil comprender la composición y la filosofía detrás de Breezi.

Como mencionamos anteriormente, puedes estar seguro que seguiremos lanzando funcionalidades nuevas para mejorar tu experiencia al diseñar tu sitio.

Para aprender más sobre las herramientas de Breezi y aprovechar todo el potencial de esta herramienta modular, dirígete a nuestra sección de tutoriales.

Si te quedó alguna duda o quisieras comentar, hazlo en la sección de abajo. Gracias por leer este tutorial.