En 2011, Adobe envió ondas de choque a la comunidad de diseño al presentar Adobe Muse: software de diseño que creó sitios web. Podrías imaginar mi entusiasmo así como otros no codificadores en todo el mundo. Crearon este editor WYSIWYG mezclado con InDesign que podría producir sitios web reales en vivo. ¿Cómo fue esto posible? ¿Cuáles fueron las limitaciones? ¿Qué les llevó tanto tiempo?

Debo admitir que probé Muse cuando estaba en beta y no lo conseguí porque realmente no me parecía lo suficientemente natural. Desde entonces, me había mantenido alejado de él hasta hace poco. Mi colega me estaba mostrando un maravilloso sitio web de paralaje que hizo y le pregunté si podía enseñarme cómo hacerlo. Me reveló que no era gran cosa porque lo había hecho en Adobe Muse. Inmediatamente descargué Adobe Muse CC y he estado jugando con él desde entonces.

La mejor parte de Muse es que la Biblioteca está llena de widgets que puedes agregar a tu sitio web. Los widgets van desde formularios de contacto, cajas de luz, menús hasta presentaciones de pantalla completa. Después de crear el diseño de su sitio web, estas características en la Biblioteca son lo que agrega el dinamismo y la funcionalidad a su sitio web. Obviamente son importantes, así que hoy decidimos exhibir un montón de widgets estelares de Adobe Muse. ¡Disfrutar!

Preloader (gratuito)

Hay momentos en los que están sucediendo muchas cosas con un sitio web. A veces, como diseñadores, nos gustaría que estas cosas se carguen antes de tener la oportunidad de verlas. Hace una declaración más audaz cuando cada pieza se muestra junta en lugar de permitir que aparezca una a la vez. Este widget Preloader agrega una animación giratoria junto con un mensaje personalizado, visible para los lectores antes de que vean la página.

preloader

Barras de navegación (gratis)

Los menús son bastante fáciles de hacer en Muse, sin embargo, son simples en la biblioteca de widgets. Son de color gris sin un estilo real y tomarán mucha creatividad para hacer algo divertido y único. Este widget evita crear barras de navegación coloridas e interesantes al proporcionar 5 variaciones listas para usar.

navegación

Prototipos (gratis)

No es secreto que crear un sitio web en Muse es excepcionalmente fácil. Es una cuestión de arrastrar y soltar lo que quieres en su lugar. Una cosa que le falta a Muse es la capacidad de tener marcadores de posición para las imágenes cuando solo está teniendo ideas o quizás las imágenes aún no están listas. Muse tampoco tiene ningún tipo de generador de texto artificial. Este es un widget simple que soluciona este problema mediante la creación de varios prototipos y marcadores de posición diferentes que se utilizarán cuando solo esté creando ideas en Muse.

prototipos

Cuadro de preguntas frecuentes (gratis)

Si usó Muse, sabrá que ya hay algunos widgets disponibles, pero cuando quiera usarlos, tendrá que peinarse mucho para obtenerlos de la forma que desee. Este widget de cuadro de preguntas frecuentes es una combinación de diferentes widgets que crea un cuadro de preguntas frecuentes estándar que revela una pregunta y respuesta junto a su representación gráfica. Este es definitivamente un widget útil para sitios de productos y negocios.

Preguntas más frecuentes

Galería Genius (gratis)

La Galería Genius es un intento de crear una galería de imágenes junto con una caja de luz para aquellos de nosotros que queremos mostrar algunas fotografías u otras piezas de trabajo. Está muy decorado, pero puede editarse, lo que lo convierte en un excelente lugar para comenzar a usar una cartera de imágenes. El lightbox contiene mucho espacio para explicar un proyecto y cómo se hizo.

genio

Mobile Lite (gratis)

La mayoría de los widgets en esta lista son formas de agregar estética a su página. Esta es diferente porque agrega un poco de código a su página. Este código permite que su sitio web se descargue en algunos iPhones y se ve como una aplicación en un dispositivo móvil. Esto es definitivamente útil si tiene un sitio lleno de información para sus lectores.

móvil

Biblioteca de iconos de medios sociales (gratis)

Muse tiene widgets que vienen con el programa dedicado a las redes sociales. El problema con estos es que no son iconos, sino más bien los botones asociados con seguir o agradar a cada cuenta. Si no está interesado en eso, pero prefiere tener un enlace que lleva a cada cuenta, este es el widget para usted. Cada icono viene en forma de círculo, cuadrado o gota.

social

Squarebox Slider (gratis)

Los controles deslizantes son un enigma en Muse, pero hay alternativas disponibles. Este widget crea un control deslizante que usa elementos cuadrados y de bloque. Esto significa que el fondo de su deslizador puede ser de un solo color, mientras que los objetos diferentes se deslizan por el fondo (como capturas de pantalla, tomas de aplicaciones y más). Los sliders de Squarebox son ideales para cualquier tipo de sitio web de aplicaciones de negocios o teléfonos móviles.

caja cuadrada

Biblioteca Wireframe (gratis)

No hablamos mucho acerca de usar Muse como una herramienta para enmarcar con alambre. Como cuestión de hecho, hay programas y aplicaciones que crean wireframes clicables para usted. Pero, ¿por qué perder dinero comprando un programa completamente nuevo? Con este kit de widgets, puede crear wireframes que se construyen como sitios web completos.

estructura metálica

Introducción a la animación (gratis)

Si está buscando una forma genial de mostrar su sitio web, este podría ser el widget para usted. Es una animación de introducción simple que se desplaza a través de un montón de frases antes de cargar su página de inicio. Con algunos estilos rápidos y pensamiento creativo, esto realmente podría llevar tu sitio web a lo más alto.

animación

Galería Kodak Carousel (gratis)

Hay consejos de herramientas en Muse que son muy simples. Esta Galería Kodak crea un menú de información sobre herramientas que recuerda a algunos productos de Apple que cambia todo el entorno cuando se desplaza sobre él. Es una idea maravillosa y definitivamente útil para sitios web de una sola página que desean mostrar una gran cantidad de información en un solo lugar.

Kodak

Lance's Sample MuCows (gratis)

Lance del equipo de Adobe Muse configuró algunas muestras de MuCOW (Muse Configurable Options Widgets) en un tutorial suyo. Hoy, esos widgets están disponibles para su uso por cualquier persona. Incluyen algunas cosas geniales como estilos de línea, texto e imágenes deslizantes y marcadores de posición actuales. Hay algunas cosas muy útiles y simples en estos widgets.

Mucow

Video Lightbox (gratis)

El lightbox de video es un widget bastante sencillo que le permite ver videos cuando hace clic en una miniatura. Obviamente, esto es diferente de la forma más simple, donde solo ves imágenes. Esto es ideal para aquellos de nosotros que tenemos una cartera que muestra un poco de trabajo de video.

caja ligera

Smart Pie Charts ($ 9)

Este es un widget maravilloso para aquellos de nosotros que creamos portfolios, sitios web de una sola página o incluso informes que podrían usar alguna infografía / representación gráfica. Estos Smart Pie Charts se editan y animan fácilmente para agregar un pequeño movimiento a la página.

Catalizador

Galería de fotos masiva ($ 9)

En caso de que quiera poner más de una galería de fotos en una página, este widget es para usted. Tal vez tenga muchas categorías diferentes de fotos que quiera compartir, o tal vez solo quiera condensar lo que tiene que encajar en un área determinada. Esta galería de fotos ampliable y colapsable te ayuda a organizar tus imágenes.

masivo

Rollover JS ($ 9)

Muse le permite crear estados activos y flotantes para sus enlaces, pero no permite agregar imágenes de animaciones a sus reinversiones. Este widget utiliza animaciones Edge para crear rollovers para sus imágenes vinculadas.

dese la vuelta

Ficha de forma adhesiva ($ 9)

El widget Sticky Form es excepcionalmente útil para quienes crean sitios web con productos o servicios que requieren mucho contacto y asistencia. Este widget crea un formulario que está oculto hasta que se invoca, pero está anclado a cada lado de la pantalla. Definitivamente es uno de los usos más funcionales de un formulario y definitivamente útil para los usuarios de Muse.

pegajoso

Biblioteca de Muse Themes Widget ($ 39 por año)

Si tiene $ 39 de sobra en grandes widgets profesionales, este es el lugar para usted. Muse Themes ofrece más de 60 widgets que van desde controles deslizantes a galerías de fotos y formularios de contacto. Esta biblioteca sola puede ahorrarle horas de estilización y construcción en Muse para proyectos. Esta biblioteca es una gran inversión.

Herramientas y recursos de Adobe Muse Widgets: por Muse Themes

Conclusión

Si alguna vez usó Muse antes, sabrá que hay algunas limitaciones a lo que puede hacer únicamente en Muse. Ahora, si conoce un poco de codificación, Muse es una gran manera de comenzar un sitio web que puede editar para agregar más. Estas adiciones lo ayudan a agregar funcionalidad y algunas piezas más modernas de diseño web a su nuevo sitio web.

Adobe Muse aún es bastante nuevo y, a medida que pasa el tiempo, Adobe creará nuevas actualizaciones y agregará nuevas funciones, mientras que los desarrolladores de widgets seguirán creando. El futuro es brillante para Muse.

¿Usas Adobe Muse para tus proyectos? ¿Nos hemos perdido uno de tus widgets favoritos? Háganos saber en los comentarios.