Espacio para publicar wireframe gráfico manual

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: 1213
Joined: Fri Jan 15, 2016 6:13 pm

Espacio para publicar wireframe gráfico manual

Post by xacarana » Mon Jan 18, 2016 3:56 pm

Este post es exclusivo para publicar los wireframes hechos a mano, se puede tomar una foto a la hoja donde dibujo la diagramación de su documento y se puede escanear y realizar ajustes de color o ponerle una marca de agua. El wireframe NO puede ser creado con ninguna aplicación.
Andrés Bedoya Tobón
Profesor
"I only smile in the dark, I only smile when it's complicated" Raybiez

User avatar
Elit2010
Posts: 4
Joined: Mon Jan 18, 2016 2:07 pm

Wireframe gráfico manual. Elizabeth Tobón Pérez

Post by Elit2010 » Tue Jan 19, 2016 9:50 pm

En el primer wireframe tenemos el logo en un contenedor circular y dos botones en la parte inferior; el primero redireacciona al wareframe 2 y el segundo abre un perfil.
Wireframe1.jpeg
:arrow:
En el segundo tenemos en el lado izquierdo una barra de opciones vertical allí encontraremos el logo en el mismo contenedor circular pero más pequeño y encontramos 5 botones diferentes según las categorías seleccionadas, y el último botón es para regresar a la página anterior.
Wireframe2.jpeg
:arrow:
y por último vemos la interfaz a la que nos re-direcciona según la categoría seleccionada, allí también tendrá un menú con cada una de las categorías.
Wireframe3.jpeg

:D
Elizabeth Tobón Pérez

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

Re: Espacio para publicar wireframe gráfico manual

Post by xacarana » Wed Jan 20, 2016 10:18 pm

Va muy bien, ¿ya tienen claro que tipo de contenido va a tener el sitio?. Otra cosa importante para que le vayan pensando, es que tipo de línea gráfica va a tener, pueden llevar referentes para revisar el alcance del diseño en clase.
Andrés Bedoya Tobón
Profesor
"I only smile in the dark, I only smile when it's complicated" Raybiez

User avatar
Juan
Posts: 6
Joined: Mon Jan 18, 2016 4:08 pm

Re: Espacio para publicar wireframe gráfico manual

Post by Juan » Fri Jan 22, 2016 9:36 pm

El home tiene el logo en el centro y tiene 6 botones: Perfil; Audiovisual, Editorial, Fotografía, Ilustración y Publicaciones digitales.
El perfil tiene mi foto en un contenedor circular.
Los contenidos se encuentran en mi portafolio actual: http://jdmotion.wix.com/jdmotion
img1.jpg
En audiovisual hay una franja de todo el ancho con un video que se reproduce automáticamente.
Hay 4 proyectos: Indicios (cortometraje), Entomofobia (motion graphics), UV casino (comercial), El bicho más cool (App); cada uno con su video e imágenes.
img2.jpg
En editorial hay franja de todo el ancho con imágenes que van pasando.
Tiene 4 trabajos: En Clave (Revista), Reloj Digital (Libro), gente (Periódico), Designio (juego de cartas); Cada trabajo tiene entre 5 y 6 imágenes que pasan automáticamente.
img3.jpg
Juan David Cardona Ardila

User avatar
laura.lema
Posts: 4
Joined: Mon Jan 18, 2016 2:07 pm

Re: Espacio para publicar wireframe gráfico manual

Post by laura.lema » Sat Jan 23, 2016 4:00 pm

Buenas tardes adjunto mi wireframe.
dibujo.jpg
wireframe-1-lauralema
dibujo-1.jpg
wireframe-2-lauralema
dibujo-2.jpg
wireframe-3-lauralema

User avatar
Andres F. Garcia
Posts: 5
Joined: Mon Jan 18, 2016 2:09 pm

Re: Espacio para publicar wireframe gráfico manual

Post by Andres F. Garcia » Sat Jan 23, 2016 10:04 pm

Wireframe Andrés Felipe García R.
Attachments
wireframe-1 10.00.50 p.m..jpg
wireframe-2 10.00.50 p.m..jpg

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

Re: Espacio para publicar wireframe gráfico manual

Post by xacarana » Sun Jan 24, 2016 8:18 am

Los wireframes que han publicado se ven muy bien, lo importante con este ejercicio es aprender como se hacen. En la clase los vamos a revisar personalmente, por tanto deben llevar las hojas que han elaborado. Recuerden que vamos a realizar un sitio para promocionar la distribución del epub como tema central. El siguiente paso es elaborar el wireframe digital con los ajustes de clase y terminar la construcción de nuestro primer proyecto.
Andrés Bedoya Tobón
Profesor
"I only smile in the dark, I only smile when it's complicated" Raybiez

User avatar
Catalina Romero
Posts: 4
Joined: Mon Jan 18, 2016 2:09 pm

Re: Espacio para publicar wireframe gráfico manual

Post by Catalina Romero » Sun Jan 24, 2016 3:42 pm

Wireframe Catalina Romero
Attachments
pag3-01.png
pag2-01.png
pag1-01.png

User avatar
Catalina Romero
Posts: 4
Joined: Mon Jan 18, 2016 2:09 pm

Re: Espacio para publicar wireframe gráfico manual

Post by Catalina Romero » Sun Jan 24, 2016 3:42 pm

Wireframe Catalina Romero
Attachments
pag5-01.png
pag4-01.png

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

Re: Espacio para publicar wireframe gráfico manual

Post by xacarana » Sun Jan 24, 2016 4:06 pm

Catalina, el wireframe que vamos a revisar en clase debe ser manual ya que vamos a hacer ajustes, luego hacemos el wireframe digital. En este caso publicaste un wireframe digital, el cual se salta el proceso de diseño que estamos realizando, recuerda llevar el wireframe manual para la clase.
Andrés Bedoya Tobón
Profesor
"I only smile in the dark, I only smile when it's complicated" Raybiez

Post Reply