Muse CC para diseño web responsivo

Qué es responsive web design

¡Prueba gratis durante 10 días

nuestros 1267 cursos !

Prueba gratis Mostrar modalidades de suscripción
Responsive web design es una técnica de diseño que permite optimizar el contenido de un sitio web a cualquier tamaño de pantalla, con lo cual deja de ser relevante el tipo de dispositivo con el que un usuario accede a nuestro sitio.
03:42

Transcripción

Desde hace varios años, nosotros podemos encontrar en el mercado dispositivos con múltiples tamaños de pantalla y múltiples resoluciones de pantalla. De hecho, actualmente podemos encontrar dispositivos atípicos con pantallas y conexión a Internet, como lavadoras, neveras, hornos microondas, ropa, entre otros. Dada esta gran cantidad de dispositivos con múltiples tamaños y resoluciones, debemos realizar un trabajo extra en nuestros diseños web, para que estos se puedan ver correctamente en cualquier tipo de pantalla. "Responsive web design" es una estrategia de diseño cuyo objetivo es permitir que el contenido de nuestro sitio web responda al entorno en el cual se visualiza. Adobe Muse tiene soporte para "responsive web design" desde la versión 2015.1 lanzada en febrero del 2016. "Responsive web design" no es la única técnica que existe para adaptación de contenido, tenemos una técnica que se llama "adaptive web design", la cual define como "target" tamaños específicos de pantalla a los cuales provee un "layout" o un diseño específico. Normalmente, este proceso se realiza utilizando una técnica que se llama "progressive enhancement", otra técnica de adaptación de contenido, y probablemente la más conocida es "responsive web design". Esta técnica hace uso de "breakpoints" o puntos de rotura, los cuales suelen ser flexibles, por lo cual no están definiendo un tamaño específico de pantalla o un dispositivo específico, y además estos "breakpoints" suelen compartir los recursos. Esto quiere decir, por ejemplo, que la misma imagen que utilizamos en el "breakpoint" para dispositivo de escritorio es la misma imagen que vamos a utilizar en el "breakpoint" para smartphone o para tablet. Cuando nosotros creamos un nuevo sitio web dentro de Muse, automáticamente podemos empezar a crear los diferentes "breakpoints" que nosotros necesitemos, pero también podemos utilizar la técnica adaptativa. Para eso, bajo el menú Página, nosotros encontramos estos submenús. El primero permite añadir diferentes diseños alternativos. Por ejemplo, este primer diseño es el diseño para computador de escritorio, pero si queremos podemos utilizar un diseño alternativo para tablet o un diseño alternativo para móvil o los dos diseños alternativos. Recuerden, en Muse podemos utilizar las dos técnicas de adaptación de contenido: "responsive web design" y "adaptive web design". Este es el sitio web que nosotros vamos a estar trabajando en este curso. Estamos viendo el "breakpoint" o el diseño correspondiente para computador de escritorio. Si cambiamos el tamaño de la ventana del navegador, observen que llega un punto o un tamaño donde el diseño cambia. Eso lo podemos ver más claramente en esta parte: observen como aquí tenemos varias columnas y aquí tenemos una sola columna. Adicionalmente, podemos seguir reduciendo el ancho de la ventana del navegador hasta que se incluye otro "breakpoint". Podemos ver un cambio importante en la parte superior, observen como el menú de navegación cambia o la estructura de ese menú de navegación es diferente: aquí lo tenemos de forma horizontal y aquí lo tenemos de forma interactiva y organizado de forma vertical. Este es un sitio web que ha sido creado utilizando la técnica de "responsive web design".

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.