Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
CREANDO EXPERIENCIAS CON EXPRESSION BLEND<br />Cristina Torné<br />User Interface Designer<br />Cristina.torne@raona.com<b...
Experiencia de usuario<br />Creando experiencias con ExpressionBlend<br />“Conjunto de factores percibidos por el usuario ...
Presentación Expression Studio<br />Creando experiencias con ExpressionBlend<br />The professionalAsset Managementtool<br ...
Expression Web<br />Creando experiencias con ExpressionBlend<br />Diseñar, construir y gestionar aplicaciones Web<br />Est...
Expression Media<br />Creando experiencias con ExpressionBlend<br />Gestión de contenidos multimedia<br />Catalogación  me...
Expression Media Encoder<br />Creando experiencias con ExpressionBlend<br />Codificación de contenidos multimedia<br />Rep...
ExpressionDesign<br />Creando experiencias con ExpressionBlend<br />Diseño de la interfaz Web / Desktop<br />Potente s her...
Presentación ExpressionBlend<br />Creando experiencias con ExpressionBlend<br />Herramienta de diseño profesional para cre...
Desktop / Web<br />Creando experiencias con ExpressionBlend<br />Windows<br />Web<br />Estándares<br />Windows Presentatio...
Puntos a favor de la Creatividad<br />Creando experiencias con ExpressionBlend<br />Interfaz<br />WYSIWYG<br />
Puntos a favor de la Creatividad<br />Creando experiencias con ExpressionBlend<br />Colaboración <br />Diseñador/ Programa...
Creando experiencias con ExpressionBlend<br />Colaboración Programador / Diseñador<br />Diseño    Especificaciones       C...
Creando experiencias con ExpressionBlend<br />Colaboración Programador / Diseñador<br />Programador<br />Diseñador<br />Di...
Creando experiencias con ExpressionBlend<br />Colaboración Programador / Diseñador<br />Programador<br />Diseñador<br />Di...
Puntos a favor de la Creatividad<br />Creando experiencias con ExpressionBlend<br />Edición vectorial<br />
Puntos a favor de la Creatividad<br />Creando experiencias con ExpressionBlend<br />Ventana diseño/código<br />
Puntos a favor de la Creatividad<br />Creando experiencias con ExpressionBlend<br />Tipografía Alta-Calidad<br />
Puntos a favor de la Creatividad<br />Creando experiencias con ExpressionBlend<br />Video<br />
Nuevoproyecto<br />Creando experiencias con ExpressionBlend<br />
Área de trabajo – Área de diseño<br />Creando experiencias con ExpressionBlend<br />
Área de trabajo – Área de animación<br />Creando experiencias con ExpressionBlend<br />
Estructura de un Proyecto Silverlight<br />Creando experiencias con ExpressionBlend<br />
Potenciar la interactividad<br />Creando experiencias con ExpressionBlend<br />Controles comunes<br />
Potenciar la interactividad<br />Creando experiencias con ExpressionBlend<br />Controles avanzados<br />
Puntos a favor de la Creatividad<br />Creando experiencias con ExpressionBlend<br />Animación<br />
Animaciones<br />Creando experiencias con ExpressionBlend<br /><ul><li>Reproducción automática
Guardada como un RECURSO</li></li></ul><li>Demo<br />Creando experiencias con ExpressionBlend<br />
Animaciones –  Automática:<br />Creando experiencias con ExpressionBlend<br />		private void OnLoaded(object sender, Route...
Animaciones – Guardada como un recurso:<br />Creando experiencias con ExpressionBlend<br /> private void button_Click(obje...
Blend / Design<br />Creando experiencias con ExpressionBlend<br />
Design – Exportar XAML toBlend<br />Creando experiencias con ExpressionBlend<br />
Blend & Encoder<br />Creando experiencias con ExpressionBlend<br />
Upcoming SlideShare
Loading in …5
×

Creando experiencias con Expression Blend

2,458 views

Published on

Experiencia de Usuario con Silverlight y tecnología Microsoft

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Creando experiencias con Expression Blend

  1. 1. CREANDO EXPERIENCIAS CON EXPRESSION BLEND<br />Cristina Torné<br />User Interface Designer<br />Cristina.torne@raona.com<br />Experiencia de Usuario con Silverlight y tecnología Microsoft<br />
  2. 2. Experiencia de usuario<br />Creando experiencias con ExpressionBlend<br />“Conjunto de factores percibidos por el usuario cuando interactúa con un producto, servicio, entorno o recurso” y que son consecuencia de la presentación, funcionalidad, rendimiento, comportamiento y ayudas interactivas del sistema.<br />ISO 9241-210<br />
  3. 3. Presentación Expression Studio<br />Creando experiencias con ExpressionBlend<br />The professionalAsset Managementtool<br />The professional Webdesign tool<br />The professional Interactive design tool<br />The professional Graphicdesign tool<br />
  4. 4. Expression Web<br />Creando experiencias con ExpressionBlend<br />Diseñar, construir y gestionar aplicaciones Web<br />Estándares Web<br />HTML , XHTML , CSS , XML , XSLT...<br />+ Microsoft SuperPreview<br />Accesibilidad<br />
  5. 5. Expression Media<br />Creando experiencias con ExpressionBlend<br />Gestión de contenidos multimedia<br />Catalogación metadata, tags…<br />Búsqueda avanzada de contenidos<br />
  6. 6. Expression Media Encoder<br />Creando experiencias con ExpressionBlend<br />Codificación de contenidos multimedia<br />Reproductor Silverlight<br />Obtención<br />
  7. 7. ExpressionDesign<br />Creando experiencias con ExpressionBlend<br />Diseño de la interfaz Web / Desktop<br />Potente s herramientas de diseño vectorial<br />XAML<br />Exportación<br />Importación múltiples archivos de diseño<br />
  8. 8. Presentación ExpressionBlend<br />Creando experiencias con ExpressionBlend<br />Herramienta de diseño profesional para crear Experiencias de usuario<br />RIA , animaciones, interfaces de usuario interactivas<br />
  9. 9. Desktop / Web<br />Creando experiencias con ExpressionBlend<br />Windows<br />Web<br />Estándares<br />Windows Presentation<br />Foundation<br />ASP .NET - AJAX<br />Windows Desktop<br />En navegadores – Cross plataforma<br />Cliente Ligera<br />SmartClients – Conectados al Web<br />
  10. 10. Puntos a favor de la Creatividad<br />Creando experiencias con ExpressionBlend<br />Interfaz<br />WYSIWYG<br />
  11. 11. Puntos a favor de la Creatividad<br />Creando experiencias con ExpressionBlend<br />Colaboración <br />Diseñador/ Programador<br />
  12. 12. Creando experiencias con ExpressionBlend<br />Colaboración Programador / Diseñador<br />Diseño Especificaciones Composición CSS Resultado <br />
  13. 13. Creando experiencias con ExpressionBlend<br />Colaboración Programador / Diseñador<br />Programador<br />Diseñador<br />Diseñadores& Programadores: <br />Hablan lenguajes diferentes<br />designers design<br />developers add business logic<br />
  14. 14. Creando experiencias con ExpressionBlend<br />Colaboración Programador / Diseñador<br />Programador<br />Diseñador<br />Diseñadores& Programadores: <br />Hablan un mismo lenguaje<br />designers design<br />developers add business logic<br />
  15. 15. Puntos a favor de la Creatividad<br />Creando experiencias con ExpressionBlend<br />Edición vectorial<br />
  16. 16. Puntos a favor de la Creatividad<br />Creando experiencias con ExpressionBlend<br />Ventana diseño/código<br />
  17. 17. Puntos a favor de la Creatividad<br />Creando experiencias con ExpressionBlend<br />Tipografía Alta-Calidad<br />
  18. 18. Puntos a favor de la Creatividad<br />Creando experiencias con ExpressionBlend<br />Video<br />
  19. 19. Nuevoproyecto<br />Creando experiencias con ExpressionBlend<br />
  20. 20. Área de trabajo – Área de diseño<br />Creando experiencias con ExpressionBlend<br />
  21. 21. Área de trabajo – Área de animación<br />Creando experiencias con ExpressionBlend<br />
  22. 22. Estructura de un Proyecto Silverlight<br />Creando experiencias con ExpressionBlend<br />
  23. 23. Potenciar la interactividad<br />Creando experiencias con ExpressionBlend<br />Controles comunes<br />
  24. 24. Potenciar la interactividad<br />Creando experiencias con ExpressionBlend<br />Controles avanzados<br />
  25. 25. Puntos a favor de la Creatividad<br />Creando experiencias con ExpressionBlend<br />Animación<br />
  26. 26. Animaciones<br />Creando experiencias con ExpressionBlend<br /><ul><li>Reproducción automática
  27. 27. Guardada como un RECURSO</li></li></ul><li>Demo<br />Creando experiencias con ExpressionBlend<br />
  28. 28. Animaciones – Automática:<br />Creando experiencias con ExpressionBlend<br /> private void OnLoaded(object sender, RoutedEventArgs e)<br /> {<br />VisualStateManager.GoToState(this, "Hover", true);<br />VisualStateManager.GoToState(this, "Blink", true);<br />VisualStateManager.GoToState(this, "Wings", true);<br /> }<br />
  29. 29. Animaciones – Guardada como un recurso:<br />Creando experiencias con ExpressionBlend<br /> private void button_Click(object sender, RoutedEventArgs e)<br /> {<br />this.nombre_storyboard.Begin();<br /> }<br />
  30. 30. Blend / Design<br />Creando experiencias con ExpressionBlend<br />
  31. 31. Design – Exportar XAML toBlend<br />Creando experiencias con ExpressionBlend<br />
  32. 32. Blend & Encoder<br />Creando experiencias con ExpressionBlend<br />
  33. 33. Aplicaciones de destino<br />Creando experiencias con ExpressionBlend<br /><ul><li>Aplicaciones de productividad
  34. 34. Aplicaciones para consumidores
  35. 35. Juegos
  36. 36. Quioscos multimedia
  37. 37. Utilidades para profesionales de TI</li></li></ul><li>Blend 3<br />Creando experiencias con ExpressionBlend<br /><ul><li>SketchFlow
  38. 38. Interactividad sin pogramar“code-behind”
  39. 39. Sample Data
  40. 40. Nuevas funcionalidades animación
  41. 41. Nuevos efectos visuales</li></ul>Ya está disponible para descargar el preview de ExpressionBlend 3<br />http://www.microsoft.com/expression/try-it/blendpreview.aspx<br />
  42. 42. ¿Preguntas?<br />Creando experiencias con ExpressionBlend<br />¿PREGUNTAS?<br />

×