Wireframes y diseño web
Upcoming SlideShare
Loading in...5
×
 

Wireframes y diseño web

on

  • 3,901 views

Utilización de wireframes en el diseño web, uso y modos constructivos.

Utilización de wireframes en el diseño web, uso y modos constructivos.

Statistics

Views

Total Views
3,901
Views on SlideShare
2,986
Embed Views
915

Actions

Likes
1
Downloads
94
Comments
0

1 Embed 915

http://tallerhipermedia.wordpress.com 915

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Wireframes y diseño web Wireframes y diseño web Presentation Transcript

  • Desarrollo de wireframes presentación y diagramación de contenidos para la pantalla taller_mediajueves 1 de septiembre de 2011
  • representación de la AI taller 6 - información y medios digitalesjueves 1 de septiembre de 2011
  • diseño de la información { blueprints mock ups wireframesjueves 1 de septiembre de 2011
  • El Wireframe es una jerarquización de contenidos distribuida visualmente y una esquematización de la interfaz. Gráficamente, son estructuras muy simples y están enfocados a visualizar la distribución de los contenidos dentro de una pantalla.jueves 1 de septiembre de 2011
  • El Wireframe es el puente que une la Arquitectura de Información y Diseño. Pasa de la “mentalidad estructural” de un mapa de contenidos, dónde decidimos y ordenamos los contenidos de nuestro sitio web, a la emocionalidad del Diseño de Arquitectura de información Interfaz. } representación de la AI taller 6 - información y medios digitalesjueves 1 de septiembre de 2011
  • para que nos sirvejueves 1 de septiembre de 2011
  • Elementos de navegación: } menús, accesos directos e hipervínculos. graficanjueves 1 de septiembre de 2011
  • Elementos de información: } contenidos de texto e imágenes. graficanjueves 1 de septiembre de 2011
  • Elementos de interacción: herramientas o } funcionalidades que el usuario puede realizar. graficanjueves 1 de septiembre de 2011
  • Elementos promocionales: espacio dedicado a banners } publicitarios o a destacados internos del propio producto. graficanjueves 1 de septiembre de 2011
  • característicasjueves 1 de septiembre de 2011
  • Son simples y no tienen distracciones visuales taller 6 - información y medios digitalesjueves 1 de septiembre de 2011
  • Pueden ser dibujados a mano o creados con alguna aplicación computacional taller 6 - información y medios digitalesjueves 1 de septiembre de 2011
  • Cada página o pantalla de una interfaz está representada en 1 wireframe taller 6 - información y medios digitalesjueves 1 de septiembre de 2011
  • Siempre van acompañados de una explicación acerca de las zonas e interacciones taller 6 - información y medios digitalesjueves 1 de septiembre de 2011
  • Siempre van acompañados de una explicación acerca de las zonas e interacciones taller 6 - información y medios digitalesjueves 1 de septiembre de 2011
  • ejemplosjueves 1 de septiembre de 2011
  • Wireframe: home bancochile.cl taller 6 - información y medios digitalesjueves 1 de septiembre de 2011
  • taller 6 - información y medios digitalesjueves 1 de septiembre de 2011
  • Wireframe: home duckpoolroad.org taller 6 - información y medios digitalesjueves 1 de septiembre de 2011
  • taller 6 - información y medios digitalesjueves 1 de septiembre de 2011
  • Fireworks Omnigraffle } Microsoft Visio aplicaciones escritoriojueves 1 de septiembre de 2011
  • Hotgloo } iPlotz Balsamiq Cacoo aplicaciones webjueves 1 de septiembre de 2011