De Photoshop a Foundation Parte 1 – Diseño de Interfaz

0
15
Zurb foundation
crea un diseño y codificalo en Zurb Foundation

Continuamos con esta serie de vídeos sobre como convertir un diseño hecho en Photoshop a diferentes tecnologías en esta oportunidad lo haremos convirtiendo el diseño a un sitio HTML 5, CSS 3 usando el framework Foundation.

Aquí aprenderás a convertir un diseño hecho en photoshop como el que ves en pantalla  y lo vamos a maquetear utilizando el framework foundation el cual es muy parecido a Boostrap con un sistema de rejilla de 12 columnas para hacer que nuestro sitio sea responsive.

Que aprenderás en este tutorial?

  • Interfaz de Photoshop
  • Creación de capas
  • Manejo del color
  • Sistema de rejilla Photoshop para Foundation
  • Importación de imágenes en Photoshop
  • Exportación del proyecto final

Foundation permite crear interfaces muy bonitas utilizando Html5, css3  y javascript.

VER VÍDEO DE PHOTOSHOP A FOUNDATION PARTE 1- DISEÑO DE INTERFAZ

Descargas los archivos fuente:

Tutoriales relacionados

Aprende como pasar un diseño de Photoshop a Bootstrap:

De Photoshop a Bootstrap 4 Parte 1 – Diseño de Interfaz

De Photoshop a Bootstrap 4 Parte 2 – Marcado Html, Css y Modal

De Photoshop a Android parte 1 – Diseño de App

De Photoshop a Android parte 2 – Desarrollo en Android Studio

Dejar respuesta


*