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.

Importante:
SketchFlow solo está disponible en Expression Studio Ultimate.

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

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

Con SketchFlow, un conjunto de características disponible únicamente en Expression Studio Ultimate, 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

Con Expression Blend para Windows Phone, disponible al descargar las Windows Phone Developer Tools (Herramientas de desarrollo de Windows Phone) , podrá generar rápida y fácilmente aplicaciones de Silverlight para Windows Phone. Puede utilizar las herramientas de diseño de Expression Blend para crear aplicaciones de Windows Phone, entre ellas plantillas de Windows Phone, herramientas de animación y gráficos, comportamientos integrados y datos de ejemplo. Una vez que haya creado una aplicación de Windows Phone, puede generarla y luego obtener una vista previa de ella en el Emulador de Windows Phone integrado o en un dispositivo con Windows Phone conectado al equipo.

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

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 basadas en Silverlight y aplicaciones de escritorio basadas en WPF.

Sugerencia:
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 aplicaciones 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 2010 funciona perfectamente con Expression Blend para mantener la sincronización al modificar archivos de manera simultánea en Visual Studio 2010 y Expression Blend. En Expression Blend, puede abrir archivos de código subyacente individuales o todo el proyecto en Visual Studio 2010. Asimismo, puede usar las herramientas de implementación de Visual Studio 2010 para implementar las aplicaciones.

¿Qué genera Expression Blend?

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

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

Expression Blend incluye lo siguiente:

• SketchFlow, un conjunto de características para crear prototipos que son aplicaciones reales de WPF o Silverlight, se incluye en Expression Studio Ultimate.

• Expression Blend para Windows Phone, disponible al descargar las Windows Phone Developer Tools (Herramientas de desarrollo de Windows Phone) .

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

• 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.

• Compatibilidad con efectos y transiciones para mejorar las experiencias de los usuarios.

• Plantillas de proyecto para Views y ViewModels .

• 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 2010 para ayudar a los diseñadores y programadores a colaborar de forma más estrecha y eficaz como un equipo.

Para obtener más información acerca las funciones disponibles en Expression Blend, vea Novedades en Expression Blend.

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 de Windows Phone    Aplicaciones diseñadas para ejecutarse en Windows Phone.

• 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:

• 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 y Windows 7, 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, tenga en cuenta la posibilidad de aplicar las directrices de Windows User Experience Interaction Guidelines  (Directrices de la experiencia del usuario de Windows) para establecer una línea base coherente y de alta calidad para todas las aplicaciones basadas en Windows independientemente de cómo se implementen.

Vea también

Conceptos

Novedades en Expression Blend
Recursos de la comunidad y aprendizaje

Copyright © 2011 de Microsoft Corporation. Reservados todos los derechos.