Publicación de wireframes 2017 - 01

En esta sección se resolverán temas de diseño gráfico, como uso de herramientas como photoshop, illustrator, herramientas para prototipado, herramientas de diseño web, entre otros.

Moderator: julianmartinez16

User avatar
xacarana
Site Admin
Posts: 1028
Joined: Fri Jan 15, 2016 6:13 pm

Publicación de wireframes 2017 - 01

Post by xacarana » Mon Jan 16, 2017 5:24 pm

Por favor publiquen acá la imagen con la foto del wireframe manual y luego la imagen con el wireframe digital, esto debe estar listo para usar como insumo la proxima clase, recuerden que es un ejercicio temporal, esto mismo se va a realizar nuevamente para el sitio web de promoción del EPUB.

Para subir las imágenes al post les recomiendo las siguientes paginas:
Andrés Bedoya Tobón
Profesor
"I only smile in the dark, I only smile when it's complicated" Raybiez

User avatar
Daniel Zapata
Posts: 4
Joined: Mon Jan 16, 2017 2:18 pm

Re: Publicación de wireframes 2017 - 01

Post by Daniel Zapata » Mon Jan 16, 2017 5:49 pm

Wireframe Manual
Image

Wireframe digital.
El objetivo de esta landing page es promocionar un tour de un conjunto de bandas por las principales ciudades del país.
Image

User avatar
juanzv03
Posts: 3
Joined: Mon Jan 16, 2017 2:19 pm

Re: Publicación de wireframes 2017 - 01

Post by juanzv03 » Mon Jan 16, 2017 5:50 pm

Wireframe de una landing page para que el usuario se entere de la información del videojuego y se pueda registrar de manera sencilla.

Wireframe manual
Image

Wireframe digital
Image

User avatar
Cristina Fontan
Posts: 3
Joined: Mon Jan 16, 2017 2:18 pm

Re: Publicación de wireframes 2017 - 01

Post by Cristina Fontan » Mon Jan 16, 2017 5:51 pm

Wireframes manual y digital de la clase de Enero 16.
Image
Image

Wireframes del Landing para el ePub corregidos

Image
Image
Last edited by Cristina Fontan on Mon Jan 30, 2017 8:32 pm, edited 1 time in total.

User avatar
paulinacuadros
Posts: 1
Joined: Mon Jan 16, 2017 2:18 pm

Re: Publicación de wireframes 2017 - 01

Post by paulinacuadros » Mon Jan 16, 2017 5:52 pm

Image

Image

User avatar
Juan Camilo Rios
Posts: 3
Joined: Mon Jan 16, 2017 2:20 pm

Re: Publicación de wireframes 2017 - 01

Post by Juan Camilo Rios » Mon Jan 16, 2017 5:53 pm

Image
Image

User avatar
santiggz
Posts: 3
Joined: Mon Jan 16, 2017 2:19 pm

Re: Publicación de wireframes 2017 - 01

Post by santiggz » Mon Jan 16, 2017 8:39 pm

Image
Image
Last edited by santiggz on Thu Feb 02, 2017 8:56 am, edited 1 time in total.

danielasalazar
Posts: 3
Joined: Mon Jan 16, 2017 2:30 pm

Re: Publicación de wireframes 2017 - 01

Post by danielasalazar » Tue Jan 17, 2017 12:29 am

Wireframe manual

Image

Wireframe digital

Image


Wireframes Epub

Wireframe manual

Image

Wireframe digital

Image


HTML EPUB

Code: Select all

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
	<title></title>
</head>

<body>

<div>

<div class="clearfix menu">

<div class="pull-left cabezote"> <img src="img/logo.png"> </div>

<div class="pull-right botones">
<a href="#"><img src="img/autor.png"></a>
<a href="#ilustri"><img src="img/libros.png"></a>
<a href="#vinculo"><img src="img/epub.png"></a>
</div>

</div>

<div class="clearfix biografia">

<div class="pull-left historia"> <p>Juan Carlos Onetti nació el 1 de julio de 1909 en Montevideo (Uruguay), hijo de Honoria Borges y del funcionario Carlos Onetti.
Apasionado desde su temprana infancia con la lectura y mal estudiante, Onetti abandonó sus estudios en su adolescencia para trabajar como periodista y escribir con seudónimos (Groucho Marx, Periquito el Aguador…).
Sus primeros textos aparecieron en diferentes publicaciones de Montevideo y Buenos Aires, entre ellas las uruguayas “Marcha” o “Acción”, o la argentina “Vea y Lea”, que editó entre mediados de los años 40 hasta 1955. También, en la década de los 40, trabajó para la agencia Reuters tanto en Argentina como en Uruguay.
Por esa época, Onetti ya se había casado en dos ocasiones y con dos primas. La primera, en 1930, con Maria Amalia Onetti, y la segunda, en 1934, con María Julia Onetti.
Después de escribir relatos cortos, Juan Carlos Onetti, influenciado por William Faulkner, Marcel Proust, Fedor Dostoievski, Jean-Paul Sartre, Albert Camus, Joseph Conrad o Louis-Ferdinand Céline, debutó como novelista con “El Pozo” (1939), un libro que renovó las técnicas narrativas de la literatura latinoamericana.
En 1945, rota su relación con María Julia, el escritor uruguayo se casó con su tercera esposa, la holandesa Elizabeth María Pekelharín, “Peke”, de quien se separó a comienzos de los años 50.</p>

<p>(http://www.alohacriticon.com/literatura/escritores/juan-carlos-onetti/)</p>

 </div>

<div class="pull-right foto"> <img src="img/jc.png"></div>

</div>


<div class="clearfix ilustraciones">

<img src="img/esbjerg.png" id="ilustri">

<img src="img/bob.png">

<img src="img/infierno.png">

</div> 

<div class="clearfix sinopsis">

<p class="pull-left esbjerg">Menos mal que la tarde se ha hecho menos fría y a veces el sol, aguado, ilumina las calles y las paredes; porque a esta hora deben estar caminando en Puerto Nuevo, junto al barco o haciendo tiempo de un muelle a otro, del quiosco de la Prefectura…</p>


<p class="pull-left bob">Es seguro que cada día estará más viejo, más lejos del tiempo en que se llamaba Bob, del pelo rubio colgando en la sien, la sonrisa y los lustrosos ojos de cuando entraba silenciosamente en la sala, murmurando un saludo o moviendo un poco la mano…</p>


<p class="pull-left infierno">La primera carta, la primera fotografía, le llegó al diario entre la medianoche y el cierre. Estaba golpeando la máquina, un poco hambriento, un poco enfermo por el café y el tabaco, entregado con familiar felicidad a la marcha de la frase…</p>

</div>

<div class="clearfix foot">

<a href="http://www.publicaciones.digital/estudiantes/201701/daniela_salazar/relatos_melancolicos.zip"><img src="img/descargar.png" id="vinculo"></a> 

</div>


</body>
</html>
CSS EPUB

Code: Select all

body {background-color: #ededec}

.menu {width: 1024px; margin-left: 70px; margin-right: 70px; background-color: #cecec9}
.cabezote {margin-right: 30px}
.botones {margin-top: 110px}

.biografia {width: 1024px; margin-top: 40px; margin-left: 70px; margin-right: 70px;
 margin-bottom: 40px; background-color: #cecec9}
.historia {width: 520px; margin-right: 50px; margin-left: 25px; margin-top: 37px; text-align:justify; color: black;}
.foto {width: 400px}

.ilustraciones {width: 1024px; margin-left: 70px; margin-right: 70px; background-color: #cecec9}
.sinopsis {width: 1024px; margin-right: 70px; margin-left: 70px; background-color: #cecec9}
.esbjerg {width: 300px; margin-left: 25px; margin-right: 35px; text-align: justify; color: black;}
.bob {width: 300px; margin-right: 35px; text-align: justify; color: black;}
.infierno {width: 300px; margin-right: 25px; text-align: justify; color: black;}

.foot {width: 1024px; margin-right: 80px; margin-left: 80px; padding-top: 100px; padding-bottom: 100px; 
	   text-align: center}
#ilustri
#vinculo
Image
Last edited by danielasalazar on Mon Mar 27, 2017 8:07 pm, edited 2 times in total.

ErikaVasquezG
Posts: 3
Joined: Mon Jan 16, 2017 2:23 pm

Re: Publicación de wireframes 2017 - 01

Post by ErikaVasquezG » Wed Jan 18, 2017 9:20 pm

Wirefreame manual:
Image

Wirefreame Digital:
Image

Wirefreame manual ePub:
Image

Wirefreame digital ePub:
Image
Last edited by ErikaVasquezG on Thu Feb 02, 2017 12:15 am, edited 1 time in total.

User avatar
Sofía Mejía
Posts: 3
Joined: Mon Jan 16, 2017 2:19 pm

Re: Publicación de wireframes 2017 - 01

Post by Sofía Mejía » Thu Jan 19, 2017 11:11 pm

Wireframe manual:
Image
Wireframe digital:
Image
Last edited by Sofía Mejía on Tue Mar 28, 2017 5:34 pm, edited 2 times in total.

Post Reply