Compartir a través de


Acerca de Expression Blend

Microsoft Expression Blend es una herramienta visual destinada al diseño y creación de prototipos de aplicaciones web y de escritorio. Puede generar una aplicación dibujando formas y controles como botones y cuadros de lista, haciendo que las distintas áreas de la aplicación respondan a clics del mouse y otras acciones de usuario y aplicando estilos para lograr una apariencia totalmente personal.

El ejemplo de BeeHive muestra el dibujo de un objeto que responderá a una colisión con otro objeto

Cc296376.6232ba4d-5aa0-4185-b1cf-fe9fbfe3ed8e(ES-ES,Expression.30).png

También puede insertar imágenes, clips de audio y vídeo y personalizar controles de bibliotecas de SDK o terceros. Lo que ve en la superficie de diseño de Expression Blend es exactamente lo que verán los usuarios cuando ejecuten la aplicación.

El ejemplo de Zune3D muestra imágenes y objetos que giran en una transformación de proyección 3D

Cc296376.37f9786c-c8bc-43c3-8789-2e5654c6ae90(ES-ES,Expression.30).png

Con SketchFlow, un nuevo conjunto de características de Expression Blend, puede crear prototipos que son aplicaciones funcionales en lugar de una serie de imágenes estáticas en las que hay que hacer clic para obtener una visión general de la aplicación.

El desarrollo del ejemplo de PCGaming muestra la progresión de un documento

Cc296376.7dc469b2-4ab8-4d56-96a6-f30c33370916(ES-ES,Expression.30).png

En Expression Blend, el usuario trabaja en componentes reales de una aplicación funcional, pero también puede dibujar y aplicar estilos de manera tan sencilla como lo haría en cualquier otro software gráfico. Si desea dibujar algo que represente un control interactivo, puede seleccionar y dibujar un control funcional (como un botón o un cuadro de lista) y aplicarle un estilo.

El ejemplo de ColorSwatchSL muestra la aplicación de dos estilos personalizados (ItemContainerStyle y ItemsPanel) a un control ListBox para mostrar elementos organizados en un círculo

Cc296376.16d8c960-f49f-46fd-9993-a0d06b4e268a(ES-ES,Expression.30).png

Dos tecnologías eficaces proporcionan la funcionalidad de su aplicación en un segundo plano: Microsoft Silverlight y Windows Presentation Foundation (WPF). Con Expression Blend, puede crear sitios web y aplicaciones basados en Silverlight 3, y aplicaciones de escritorio basadas en WPF 3.5 con Service Pack 1 (SP1).

Cc296376.alert_tip(ES-ES,Expression.30).gifSugerencia:

Los ejemplos proporcionados con Expression Blend pueden abrirse desde el menú Ayuda haciendo clic, en este orden, en Pantalla de bienvenida, la ficha Ejemplos y en un nombre de ejemplo en la lista. Para generar y ejecutar un ejemplo, presione F5.

¿Cómo funciona Expression Blend?

En Expression Blend, se puede diseñar la aplicación visualmente, se pueden dibujar formas, trazados y controles en la mesa de trabajo y, a continuación, se puede modificar su apariencia y comportamiento. Puede importar imágenes, vídeo y sonido. En las aplicaciones basadas en Windows, también puede importar y cambiar objetos 3D.

Puede crear guiones gráficos que animen los elementos visuales o de audio del diseño y, opcionalmente, activar esos guiones gráficos cuando los usuarios interactúan con la aplicación. Cuando trabaja en aplicaciones basadas en Windows o en Silverlight, puede rediseñar las plantillas que se aplican a controles básicos para que la aplicación tenga un aspecto y un comportamiento exclusivos.

Cuando trabaja en la aplicación, puede actualizar el proyecto en cualquier momento con los archivos de código subyacente o de control personalizado en los que están trabajando los programadores. Si usa Expression Blend, los diseñadores y programadores pueden trabajar en el mismo proyecto simultáneamente y sin molestarse.

¿Qué otras herramientas funcionan con Expression Blend?

Puede importar gráficos y recursos del Lenguaje de marcado de aplicaciones extensible (XAML) generados por Microsoft Expression Design en el proyecto de Expression Blend. Además, puede importar proyectos multimedia de Silverlight creados en Microsoft Expression Encoder para agregar nuevas características o elementos visuales al proyecto, o para modificar la plantilla del reproductor multimedia que se puede reutilizar en Expression Encoder.

En Microsoft Expression Web, puede importar sitios web de Silverlight y archivos de una aplicación Silverlight compilados en un proyecto nuevo o existente y, a continuación, publicar el trabajo.

Microsoft Visual Studio 2008 funciona perfectamente con Expression Blend para mantener la sincronización al modificar archivos de manera simultánea en Visual Studio 2008 y Expression Blend. En el panel Proyectos de Expression Blend, puede abrir archivos individuales de código subyacente o todo el proyecto en Visual Studio 2008. Asimismo, puede usar las herramientas de implementación de Visual Studio 2008 para implementar las aplicaciones.

¿Qué genera Expression Blend?

Expression Blend genera aplicaciones de Windows Presentation Foundation (WPF), sitios web de Silverlight 3 (.xap y archivos auxiliares) y controles de usuario de Silverlight 3. El diseño visual se representa mediante XAML. Al igual que HTML es el lenguaje de marcado para las aplicaciones web, XAML es el lenguaje de marcado para WPF.

Para obtener más información acerca de XAML y WPF, vea Trabajar con XAML y Aprendizaje y recursos de la comunidad.

¿Qué características se incluyen con Expression Blend?

Expression Blend incluye lo siguiente:

  • Un conjunto completo de herramientas de dibujo vectorial, que incluye herramientas tridimensionales (3D) y de texto.

  • SketchFlow, un nuevo conjunto de características para crear prototipos que son aplicaciones reales de WPF o Silverlight.

  • Una interfaz visual moderna y fácil de usar con paneles acoplables y menús contextuales en objetos.

  • Animación en tiempo real.

  • Compatibilidad con elementos en 3D y multimedia para mejorar las experiencias de los usuarios.

  • Opciones de máscara y personalización avanzadas, flexibles y reutilizables para diversos controles comunes.

  • Eficaces puntos de integración de orígenes de datos y recursos externos.

  • Vistas de marcado y diseño en tiempo real.

  • Capacidades de importación de material gráfico de Expression Design.

  • Capacidades de importación de sitios de Expression Encoder.

  • Interoperabilidad con Visual Studio 2008 para ayudar a los diseñadores y programadores a colaborar de forma más estrecha y eficaz como un equipo.

Tipos de aplicación de destino

Expression Blend se ha optimizado para generar los siguientes tipos de aplicaciones:

  • Aplicaciones de productividad   Aplicaciones que aumentan la productividad y la eficacia para una base de clientes más amplia, así como aplicaciones de línea de negocio, como Microsoft Office.

  • Aplicaciones para consumidores   Aplicaciones como reproductores multimedia, herramientas de seguridad y gadgets de escritorio.

  • Juegos   Sencillos juegos de escritorio o en línea diseñados exclusivamente para el entretenimiento.

  • Quioscos multimedia   Aplicaciones diseñadas para ejecutarse en quioscos multimedia con los que los usuarios pueden interactuar para obtener información, revisar directorios de productos, facturar en un aeropuerto, etc.

  • Utilidades para profesionales de TI   Herramientas para pequeñas tareas, como el seguimiento de errores, que pueden ser únicas para las necesidades específicas de una empresa o de un cliente.

Procedimientos recomendados

Algunas ideas de diseño son buenas sólo porque mejoran el uso. A continuación se indican algunas formas de mejorar las posibilidades de uso de Expression Blend y Microsoft .NET Framework 3.5:

  • Crear modelos del mundo real   Puede usar interacciones y elementos visuales personalizados para crear controles específicos cuya apariencia y comportamiento sean similares a sus equivalentes en el mundo real. Esta técnica es más adecuada cuando los usuarios están familiarizados con el objeto del mundo real y este enfoque del mundo real es la forma más conveniente y eficaz de realizar una tarea. Por ejemplo, utilidades sencillas como las calculadoras funcionan mejor cuando usan como modelo sus equivalentes en el mundo real.

  • Mostrar en lugar de explicar   Puede usar animaciones y transiciones para mostrar relaciones, causas y efectos. Esta técnica es ideal para proporcionar información que, en caso contrario, requeriría texto que explique lo que podrían perderse los usuarios. Por ejemplo, un libro para niños podría realizar una animación del paso de las páginas para mostrar cómo funcionan los controles.

  • Mejorar la captación intuitiva   Captación intuitiva es una propiedad de un objeto que sugiere cómo se usa el objeto (en lugar de usar una etiqueta para explicarlo). Puede usar animaciones y elementos visuales de control personalizados para sugerir cómo se usan controles no estándar.

  • Usar la asignación natural   La asignación natural es una relación clara entre lo que el usuario desea hacer y cómo hacerlo. Puede usar interacciones y apariencias personalizadas para crear asignaciones naturales cuando los controles comunes estándar no funcionan.

  • Reducir el conocimiento necesario   Puede usar interacciones personalizadas para limitar el número de formas de realizar una operación, así como el conocimiento necesario para realizar una tarea.

  • Mejorar los comentarios   Puede usar animaciones y elementos visuales de control personalizados para proporcionar comentarios que muestren que el usuario ha hecho algo correcta o incorrectamente, o bien para mostrar el progreso. Por ejemplo, en la barra de direcciones de Internet Explorer en Windows Vista, se muestra el progreso de carga de la página en el segundo plano.

  • Facilitar la interacción con los objetos   Un modelo de movimiento humano conocido como ley de Fitts indica que el esfuerzo necesario para hacer clic en un objetivo es proporcional a su distancia e inversamente proporcional a su tamaño. Por ejemplo, puede usar animaciones para hacer que los objetos sean más grandes cuando el puntero esté cerca y más pequeños cuando el puntero esté lejos. Esto hará que sea más fácil hacer clic en el objeto. Además, le permitirá usar el espacio en pantalla de forma más eficaz al hacer que los objetos sean más pequeños que lo habitual.

  • Foco   Puede usar un diseño complejo y elementos visuales personalizados para destacar elementos de la pantalla que son necesarios para la tarea y quitar importancia a los elementos secundarios.

[!NOTA]

Si está diseñando para Windows Vista, tenga en cuenta la posibilidad de aplicar las directrices de la experiencia del usuario de Windows Vista (puede estar en inglés) para establecer una línea base coherente y de alta calidad para todas las aplicaciones basadas en Windows Vista independientemente de cómo se implementen.

Vea también

Conceptos

Novedades

Aprendizaje y recursos de la comunidad