Acerca de Expression Blend

Microsoft Expression Blend es una herramienta de diseño profesional completa que permite crear interfaces de usuario atractivas y complejas para aplicaciones basadas en Microsoft Windows y Microsoft Silverlight. Al separar los archivos de proyecto según la función, Expression Blend permite a los diseñadores centrarse en la creatividad y a los desarrolladores centrarse en la programación. Cada miembro del equipo puede trabajar sin bloquear el progreso del otro.

¿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 Silverlight 2, puede rediseñar las plantillas que se aplican a controles básicos para que la aplicación tenga un aspecto y un comportamiento exclusivos.

[!NOTA]

Silverlight 2 es compatible con Expression Blend 2 con Service Pack 1 instalado.

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.

Cc296376.7e183f1f-37d8-4dcb-980c-19a5d61ca087(es-es,Expression.10).gifVolver al principio

¿Qué otras herramientas funcionan con Expression Blend?

Puede importar gráficos y recursos de Lenguaje de marcado de aplicaciones extensible (XAML) generados por Microsoft Expression Design 2 en el proyecto de Expression Blend 2. Además, puede importar proyectos multimedia de Silverlight creados en Microsoft Expression Encoder 2 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 2.

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

Microsoft Visual Studio 2008 funciona perfectamente con Expression Blend 2 para actualizar automáticamente los archivos de código subyacente en el proyecto cuando se especifican eventos para escuchar. En el panel Proyecto de Expression Blend 2, puede abrir los archivos individuales de código subyacente o todo el proyecto. Asimismo, puede usar las herramientas de implementación de Visual Studio 2008 para implementar las aplicaciones.

Cc296376.7e183f1f-37d8-4dcb-980c-19a5d61ca087(es-es,Expression.10).gifVolver al principio

¿Qué genera Expression Blend?

Expression Blend genera aplicaciones de Windows Presentation Foundation (WPF), sitios web de Silverlight 1.0 y archivos auxiliares y controles de usuario (.xap de Silverlight 2). 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 Editar XAML y Recursos de aprendizaje y de la comunidad.

Cc296376.7e183f1f-37d8-4dcb-980c-19a5d61ca087(es-es,Expression.10).gifVolver al principio

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

Expression Blend 2 incluye lo siguiente:

  • Conjunto completo de herramientas de dibujo vectoriales, que incluye herramientas tridimensionales (3D) y de texto

  • 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

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

  • Vistas de marcado y diseño en tiempo real

  • Funciones para la importación de material gráfico desde Expression Design 2

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

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

Cc296376.7e183f1f-37d8-4dcb-980c-19a5d61ca087(es-es,Expression.10).gifVolver al principio

Tipos de aplicación de destino

Expression Blend 2 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 herramientas para seguimiento de errores que pueden ser únicas para las necesidades de una empresa o de un cliente concretos.

Cc296376.7e183f1f-37d8-4dcb-980c-19a5d61ca087(es-es,Expression.10).gifVolver al principio

Prácticas recomendadas

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 2 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   Puede usar interacciones personalizadas para limitar el número de formas de realizar una operación y 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 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.

Cc296376.7e183f1f-37d8-4dcb-980c-19a5d61ca087(es-es,Expression.10).gifVolver al principio