Adobe Muse - El futuro de Diseño Web

Algunos parecen estar alabando el nuevo producto de Adobe, Muse nombre en código, como el inicio de una nueva era en el diseño web. He estado experimentando con Adobe Muse durante un par de semanas y debo decir que estoy un poco dividida entre el amor y el odio por el producto.

¿Quieres ser mi musa? Adobe Muse se promociona a ser la próxima gran cosa en WYSIWYG (lo que ves es lo que obtienes) el diseño web. Básicamente Muse permite a los diseñadores que no tienen interés en trabajar con código HTML o CSS para crear páginas web interactivas en pleno funcionamiento. La idea no es nueva. Los productos como Dreamweaver o Frontpage se supone que han estado haciendo esto desde hace años, pero las implementaciones nunca se apartaron de la exposición de la diseñadora de código HTML y CSS. Se podría llegar tan lejos en una creación de una página web con el Dreamweaver y luego darse cuenta de que para conseguir el diseño exactamente como usted quería, tendría que cambiar a vista de código para modificar los bits finales.

Muchas de las limitaciones con las anteriores herramientas WYSIWYG era a la manera que el motor de diseño del documento se llevó a cabo. Muse de Adobe pasos del explorador vista de diseño basado aceptada a favor de una aplicación basada en píxeles similar a la utilizada por las herramientas de Adobe como InDesign y Photoshop. De hecho, usted puede ser perdonado por pensar que estabas buscando en InDesign cuando ve que Adobe Muse espacio de trabajo. El objetivo de Adobe era crear una herramienta destinada a diseñadores y se nota - no hay vista de código!

Adobe musa es todavía en fase beta, por lo que es probable que sean muchos cambios antes del lanzamiento previsto a principios de 2012, pero parece que hay un enfoque en mantener la interfaz muy intuitiva. La primera vez que Muse abierto, usted tiene la posibilidad de crear un sitio nuevo o abrir un sitio existente. No hay ninguna opción para especificar si el sitio utiliza cualquier tecnología del lado del servidor como PHP,. Bases de datos de NET o impar. No hay opciones para seleccionar si los archivos CSS o JavaScript se pueden incrustar o externo. Adobe incluso han ido tan lejos como ocultar todos los archivos de la diseñadora. No hay un panel Archivos de Muse - el más cercano que llegaremos a ver un archivo es a través del panel Activos que me hace una gran parte de la panel Vínculos de InDesign recuerda. La simplicidad es la orden del día aquí.

Lo que te dan cuando decide crear un nuevo sitio web es algo parecido a las nuevas opciones de documentos cuando se trabaja con un documento de impresión. Anchura, altura mínima, número de columnas, el margen y el relleno - bastante funcional, pero lo suficiente para que te vas. Las columnas actúan únicamente como un medio para ayudar a trazar los elementos de página, como imágenes y cuadros de texto.

Primeros pasos en planta. Una vez que las opciones de diseño de sitios apropiados han sido seleccionados, Muse coloca el diseño en "Vista en planta". Adobe ha decidido dividir Muse en cuatro áreas principales, cada uno de los cuales corresponden a un proceso claramente definido dentro del flujo de trabajo de diseño web. Vista en planta proporciona a los diseñadores con un diseño visual de la estructura del sitio web y les permite agregar y crear plantillas de páginas llamadas páginas maestras. Las páginas maestras se corresponden con las páginas maestras de InDesign y la mayor parte del diseño inicial del sitio se realiza a través de estas plantillas de página maestra.

Vista de Diseño - deja vu viene a la mente. La vista Diseño de Muse proporciona las herramientas para diseñar y rellenar las páginas maestras y eventualmente las páginas de contenido que conforman el sitio. Esto es donde la magia sucede y dónde musa realmente se diferencia de los productos que ya están en el espacio de diseño web. Piense Adobe InDesign ... y simplemente seguir pensando InDesign. Opciones de trazos, rellenos, gradientes, imagen y cuadros de texto el ajuste de texto, espaciado y cunetas, carácter y estilos de párrafo, todos están allí.

En la vista Diseño, es posible colocar cualquier tipo de elemento a nivel de píxel sin afectar a ningún otro elemento o el diseño de la página. Los elementos de diseño, incluso puede sentarse debajo o sobre otras. Los elementos se pueden recortar, girar y tienen filtros aplicados a ellas como si fueran capas estándar en cualquier paquete de diseño de impresión. Esto es algo bastante potente para los diseñadores que no tienen ningún deseo de aprender algo de HTML o CSS. La verdadera magia aparece bien cuando encuentre los componentes web que se incluyen en el panel Biblioteca de Widgets. Adobe proporciona un par de composiciones pre-compilados que incluyen grupos de objetos web comunes, como información sobre herramientas personalizadas, contó con las áreas de noticias y galerías dinámicas, pero también le permiten mezclar y combinar a partir de componentes básicos, como cajas de luz, acordeones y las fichas. El widget que pensé que sería más útil para los diseñadores serían los barras de navegación. Ahora es una brisa para crear estilos personalizados caen y vuelan los menús, los cuales se actualizan automaticamente al añadir nuevas páginas a través de la Vista en planta.

Por último, una vez que esté satisfecho con el diseño y ha creado el contenido del sitio basado en sus páginas principales, Muse se ofrece dos opciones para la publicación de su obra maestra recién creado para la web. La primera opción es exportar el sitio web de Muse como HTML, CSS y JavaScript en una carpeta de su elección. Esta es la opción más tradicional, que luego le permite cargar su sitio web con cualquier cliente FTP de alojamiento web de su elección. Esta fue la opción que se utiliza porque ya tenía la disposición de hosting. La segunda opción es el uso propio servicio de catalizador de negocios de Adobe. El servicio de Business Catalyst ofrece una solución de alojamiento administrado, ya sea para una suscripción mensual o anual y el cliente se integra directamente en la versión beta de Muse. Una vez que tenga una cuenta de Business Catalyst, es simplemente una cuestión de proporcionar su correo electrónico y la contraseña y su obra se publica en la web. Publicación de impresión es ahora más complicado que conseguir un sitio web en línea.

El bueno, el malo y el abajo a la derecha horrible ... Mi pregunta ha sido, qué escribo un curso de formación de diseño web en torno a Muse o estoy perdiendo el tiempo? Ahora, cuando comencé este artículo, he mencionado mi relación amor odio con Adobe musa. Sí, lo que realmente se ha convertido en fácil y más intuitivo para crear buena pinta, sitios web interactivos sin necesidad de código de nada, pero hay una salvedad. Para que usted proporciona con estas herramientas de forma libre Muse está teniendo para crear el HTML, CSS y JavaScript de una manera muy reutilizable. Las limitaciones de las herramientas de diseño web anterior como Dreamweaver se impusieron principalmente porque el margen de ganancia (HTML, etc) se mantuvo bastante limpio y preciso. La flexibilidad que ofrece la musa significa que el código en el fondo es muy "pesado". Hay un número abundante de etiquetas HTML anidadas dentro de las etiquetas, todas con atributos de clase para proporcionar página reutilización elemento. Así que, aunque el código es válido en cuanto a las especificaciones, la aplicación inevitable es horrible. Mirando el código de la Musa genera, usted sería perdonado por tener recuerdos de los días de diseño basado en tablas anidadas. El otro problema, es que cualquier objeto que tenga un filtro que se aplica a ella o se gira, se convierte automáticamente en una imagen. Supongo que más adelante habrá una opción para aplicar dinámicamente estos filtros y transiciones a través de CSS3 en lugar de utilizar PNGs transparentes alfa.

Dicho esto, el producto está aún en fase beta. Todo puede cambiar entre ahora y el lanzamiento eventual y yo esperaría que muchos de esos cambios sea en el código resultante que genera Muse. En este punto, si Adobe Muse fue a liberar como es, los diseñadores le encantaría y los desarrolladores lo odiarían. Hay mucho que hacer para Muse y creo que es un paso valiente de Adobe para desarrollar un producto que podría recibir una gran cantidad de elogios por parte de los diseñadores, sino también un montón de críticas por parte de los desarrolladores y varios proyectos de normas.