Última clase del curso de diseño responsive, en el que haremos un repaso final a los diseños para terminar de ordenar nuestras capas.
Aprovecharemos también para repasar, ver que no se nos haya olvidado nada en el proceso, eliminar las capas que sobran y en definitiva, dejarlo todo pulido.
También concretaremos el color de los botones cuando el ratón se coloque sobre él y definiremos el diseño de los menús.
10.1 - Repaso final
¡Ya lo veis! Durante el proceso de diseño tendemos a desordenar elementos e incluso olvidarnos algunos de ellos al adaptarlo a los distintos tamaños de pantalla. No pasa nada, el diseño es hacer, revisar y corregir. No tengamos miedo de no hacerlo todo a la primera. Para esto está este repaso final, para dejarlo todo ordenado y en su sitio.
10.2 - Menús
Y ahora que ya tenemos todo correcto, nos vamos a por los menús. En el siguiente vídeo retocaremos algún elemento de la versión B del diseño móvil.
Vamos a ver como crear el menú para la móvil y sus diferentes versiones de color y un recurso muy sencillo para dejarle claro al programador que queremos que el menú se quede fijo en la parte superior.
Y ahora, sí ¡Ya lo tenemos! Estos PSDS que acabamos de crear ya están listos para entregar al programador.
Así pues, tenemos nuestro diseño responsive terminado y hemos visto las decisiones que deberemos tomar como diseñadores. Ahora solo queda que las apliques a tu proyecto, cada proyecto es un mundo y eso es lo apasionante de este trabajo. ¡A diseñar!
Y como siempre, si tenéis cualquier duda o pregunta sobre este curso o cualquier otro, podéis mandarla a través del formulario de soporte de la intranet. ¡Nos vemos en la siguiente lección del siguiente curso, sea el que sea! :)
Todos los capítulos de este curso:
- Curso de diseño responsive #1. Introducción
- Curso de diseño responsive #2. Tips de diseño responsive
- Curso de diseño responsive #3. Mesas de trabajo y guías
- Curso de diseño responsive #4.Wireframe web de escritorio
- Curso de diseño responsive #5.Wireframe Web Tablet
- Curso de diseño responsive #6. Wireframe Web Móvil
- Curso de diseño responsive #7. Diseño Web de Escritorio
- Curso de diseño responsive #8. Adaptación Tablet
- Curso de diseño responsive #9. Adaptación móvil
- Curso de diseño responsive #10. Repaso final y menús