En esta lección vemos cómo diseñar el blog de la página, tanto la página donde se ven los últimos posts, como el diseño del Post.
8.1 - Diseñando la página de blog
Una vez más veremos como reciclar elementos y de otros PSDS y reutilizaremos el código gráfico que ya hemos creado. Vamos pues a diseñar la página de blog donde se juntan los últimos posts.
¡Listo! Ha sido rápido e indoloro gracias a los posts destacados en la Home. Hemos contemplado el efecto que tendrá la imagen de cada post cuando pasemos el ratón por encima para trasladarlo al programador.
8.2 - Diseñando la página del post
Vamos ahora a por la página del post individual en sí, donde está el artículo, noticia o entrada en cuestión. ¡Empecemos!
¡Ya lo tenemos! Una diseño de post simple, claro y directo, sin perder el ritmo y la importancia de la imagen, que se saltará los 700 pixeles de ancho del texto para ocupar más espacio y darle más dinamismo al post.
Sobretodo, no nos olvidemos de disfrutar del proceso…¡Se notará en el resultado final! Como siempre, si tenéis cualquier duda o pregunta, podéis mandarla a través del formulario de soporte de la Intranet de suscriptor. ¡Nos vemos en la siguiente (y penúltima) lección! :)
Todos los capítulos de este curso:
- Curso de diseño flipado #1. Introducción
- Curso de diseño flipado #2. Jerarquía y combinación tipográfica
- Curso de diseño flipado #3. Ritmo, composición y columnas
- Curso de diseño flipado #4. TIPS: Claves para el diseño web
- Curso de diseño flipado #5. Diseñando la Home
- Curso de diseño flipado #6. Diseñando una página de conciertos
- Curso de diseño flipado #7. Diseñando las páginas «El Proyecto» y «Contacto»
- Curso de diseño flipado #8. Diseñando el Blog
- Curso de diseño flipado #9. Adaptación a móvil
- Curso de diseño flipado #10. Repaso final