Muse CC para diseño web responsivo

Uso de widgets en Adobe Muse

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Los widgets son elementos interactivos reutilizables y personalizables que nos permiten crear elementos complejos en Adobe Muse sin necesidad de crearlos desde cero. Esos elementos también se pueden descargar de internet.
05:08

Transcripción

Como se habrán dado cuenta, en Muse contamos con pocas herramientas de creación de contenido. Tenemos las herramientas de texto, tenemos las herramientas rectángulo y elipse, y tenemos las herramientas de marco de rectángulo y marco de elipse. Parece entonces una aplicación bastante limitada. Sin embargo, también contamos con un panel que se llama Biblioteca de widgets. Los "widgets" son elementos interactivos, muchas veces complejos, que permiten ser reutilizados y personalizados. Dentro de la Biblioteca de widgets, nosotros tenemos varias carpetas o categorías. Tenemos la categoría de Botones con un botón de estado y un botón HiDPI. Tenemos una categoría Composiciones, donde encontramos 5 "widgets" diferentes de composiciones que básicamente permiten que nosotros arrastremos estos "widgets" y los alimentemos con cualquier tipo de contenido: imágenes, vídeos, textos e incluso otros "widgets". Tenemos la categoría Formularios, que contiene formularios de contacto. Tenemos la categoría Menús: el menú horizontal y el menú vertical. De hecho, aquí hemos utilizado el menú horizontal. Tenemos la categoría de Paneles, donde encontramos el "widget" acordeón y encontramos el "widget" paneles en fichas. Estos "widgets" permiten que nosotros agrupemos contenido en un espacio mucho menor que si nosotros no utilizáramos los mismos. Tenemos también la categoría Presentaciones de diapositivas, que básicamente son "slideshows", y tenemos 5 "widgets" diferentes. Este tipo de "widgets" solamente acepta como contenido imágenes. Y finalmente tenemos una categoría social, que incluye una serie de botones y elementos interactivos relacionados con redes sociales. Vamos a seleccionar, por ejemplo, la opción de Composiciones y vamos a tomar el "widget" en blanco, simplemente lo que hacemos es arrastrarlo a la página. Cuando queremos personalizar este "widget", generalmente necesitamos seleccionar secciones del mismo. Cuando nosotros queremos seleccionar una parte o sección de este "widget", simplemente hacemos un clic sobre el área que queremos seleccionar y observen que este texto ha cambiado, ahora dice 'Destino'. Es decir que estoy seleccionando una parte del "widget" que corresponde al destino. Por ejemplo, si selecciono la parte inferior, me dice que este elemento se llama un desencadenante. Y de esta manera podemos hacer cambios sobre cada uno de los elementos. Por ejemplo, podríamos escalar este desencadenante o podríamos escalar el destino. ¿Por qué necesitaríamos escalar, por ejemplo, el destino? Pues, por ejemplo, podemos tener una imagen que tenga una proporción diferente a la que originalmente tiene el área de destino. Adicionalmente, también tenemos opciones de configuración de "widgets" en este círculo que aparece cuando nosotros tenemos seleccionado el "widget" o una parte del "widget". En este caso, tengo seleccionado todo el "widget", aquí dice 'Composición', y al hacer clic sobre este círculo azul me aparecen las opciones de configuración del "widget". Las opciones que aparecen en esta ventana van a depender del tipo de "widget" con el cual estemos trabajando. Para conocer más acerca de las características u opciones que tienen los diferentes "widgets" que hacen parte de la Biblioteca de widgets, podemos ir a esta URL que corresponde a la ayuda de Muse. Dentro de esta página, nosotros vamos a encontrar la descripción de cada uno de esos "widgets". También en esta URL, nosotros vamos a encontrar "widgets" adicionales, es decir, "widgets" que no se encuentran dentro de esta Biblioteca de widgets pero que podemos descargar e instalar. Algunos de estos "widgets" son gratuitos y otros "widgets" son de pago. Como pueden darse cuenta, los "widgets" permiten que nosotros generemos de forma rápida y fácil elementos interactivos, muchas veces complejos, sin necesidad de crearlos desde cero, sino reutilizándolos a partir de las opciones que encontramos dentro de estas carpetas o categorías o a partir de los "widgets" que podamos descargar de Internet. Sin embargo, tenemos que tener en cuenta especialmente dos aspectos muy importantes. El primero es que debemos controlar el número de "widgets" que estamos utilizando dentro nuestro sitio web, ya que a mayor número de "widgets", nuestro sitio web va a ser más pesado y va a necesitar más capacidad de procesamiento por parte de los dispositivos que están accediendo a nuestro sitio web, ya que estos utilizan de forma intensiva JavaScript. También debemos tener en cuenta cuando estamos trabajando con sitios web "responsive" que varios de los "widgets" que hacen parte de la Biblioteca de widgets o que descargamos desde otros sitios web no son "responsive". Por lo tanto, no van a responder o adaptarse de la misma manera como sí responden o se adaptan otros elementos que nosotros creemos dentro de Muse.

Muse CC para diseño web responsivo

Crea una web responsive sin escribir una sola línea de código gracias a Adobe Muse CC, la aplicación de la familia Adobe que te permite diseñar tu página de forma gráfica.

3:10 horas (41 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:15/09/2016

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.