27.05.2018 Views

CREANDO PROTOTIPO Y MAQUETA WEB EN PHOTOSHOP

Planifica y prepara prototipos y maquetas web

Planifica y prepara prototipos y maquetas web

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

4<br />

DESARROLLANDO UNA ES-<br />

TRUCTURA CON FORMAS DE<br />

CAPA<br />

Para el desarrollo de nuestra estructura nos vamos fijando en el boceto que hicimos<br />

al inicio y así nos ubicamos en un documento nuevo empezando a crear la<br />

zona de cabecera, continuando con el slider dirigiéndonos a la herramienta de<br />

rectángulo ubicando las medidas correspondientes, nos dirigimos de las guías<br />

para centrar los elementos en su lugar, seguimos con los recuadros de los videos;<br />

empleamos la misma herramienta y hacemos un cuadrado y realizamos 6 copias<br />

de este recuadro, creamos un párrafo de texto y un nuevo rectángulo para la<br />

imagen que le acompaña al texto en el boceto realizado y así mismo para el pie de<br />

página ajustando las determinados medidas.<br />

En pocos pasos conseguimos un prototipo concreto que nos servirá para seguir<br />

evolucionando nuestro sitio web.<br />

A continuación observaremos como quedo el resultado final de nuestro maquetado<br />

en Photoshop.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!