lunes, 13 de septiembre de 2010

diseño de interfaces con fireworks


Consulta J
1. La interfaz de usuario, o interfaz gráfica de usuario, es la forma como aparecen en pantalla los tomandos de un programa: por medio de botones, colores, símbolos y ventanas.
La interfaz tiene dos principales "misiones": la primera es informar al usuario acerca de los elementos que tiene a su disposición y para qué sirven, y la segunda es brindar la posibilidad de elegir entre las distintas opciones.
De manera sintética, la interfaz consiste en un área de trabajo rodeada por diferentes                                       barras en las que se encuentra dispuesta una buena cantidad de botones. En la parte superior tenemos la Barra de título del programa, que nos indica el nombre del programa que utilizamos así como el del archivo con el que estamos trabajando.
2. Adobe Fireworks es una aplicación en forma de estudio (basada en la forma de estudio de Adobe Flash), pero con más parecido a un taller destinado para el manejo híbrido de gráficos vectoriales con Gráficos en mapa de bits y que ofrece un ambiente eficiente tanto para la creación rápida de prototipos de sitios Web e interfaces de usuario, como para la creación y Optimización de Imágenes para web. Originalmente fue desarrollado por Macromedia, compañía que fue comprada en 2005 por Adobe Systems.
3.

Fireworks está disponible de forma individual o integrado en Adobe CS3/- En el centro de la pantalla se encuentra la ventana de documento. En el centro de la ventana de documento se encuentra el lienzo. Aquí es donde se muestra el documento de Fireworks y las imágenes creadas.
- En la parte superior de la pantalla hay una barra de menús. La mayoría de los comandos de Fireworks son accesibles desde la barra de menús.
- En la izquierda de la pantalla se encuentra el panel Herramientas. Si el panel Herramientas no está visible, elije Ventana > Herramientas. El panel Herramientas contiene las herramientas para seleccionar, crear y modificar diversos elementos gráficos y objetos web.
- En la parte inferior de la pantalla se encuentra el Inspector de propiedades. Si no está visible, elije Ventana > Propiedades. El Inspector de propiedades presenta las propiedades del objeto o la herramienta seleccionados. Estas propiedades pueden cambiarse. Si no se ha seleccionado ningún objeto ni herramienta, indica las propiedades del documento.
- El Inspector de propiedades muestra dos o cuatro filas de propiedades. Si está a media altura, es decir, si sólo muestra dos filas, es posible hacer clic en la flecha de ampliación del ángulo inferior derecho para ver todas las propiedades.
- En la derecha de la pantalla hay varios paneles, como Capas y Optimizar. Éstos y otros paneles pueden abrirse desde el menú Ventana.
- Desplazá el puntero por los distintos elementos de la interfaz. Si matenés el puntero el tiempo suficiente sobre un elemento, aparece la ayuda emergente. Los mensajes de la ayuda emergente identifican herramientas, menús, botones y otros rasgos de la interfaz en todo el programa. Desaparecen al retirar el puntero de los elementos en cuestión.
CS4/CS5 y por tanto ha sido diseñado para integrarse con otros productos de Adobe, como Dreamweaver y Flash.
4.  Paneles en Fireworks


Este es un panel de comandos que proporciona acceso rápido a la ruta de muchos comandos relacionados, otros fueron creados por un tercero (como se señala en las notas de la versión), y el resto fueron programadas específicamente para este panel. Algunos comandos están integrados en fuegos artificiales, otras se desarrollaron por parte de un señalan (como se señala en las notas de publicación), y el resto fueron programados específicamente para este panel. Vista Path.swf en el explorador y, tras hacer clic en cualquier parte en la película de Flash, mantenga pulsada control/comando sobre los botones para ver qué hacen los comandos.
5. El panel de herramientas
En este panel encontraremos todas las herramientas necesarias para dibujar, diseñar y modificar en nuestra superficie de trabajo aquí encontramos muchas herramientas que poco a poco iremos explicando a lo largo de este manual
Si usted no puede ver este panel quiere decir que es posible que no este habilitado así que puede habilitarlo dirigiéndose a la barra de menú en la opción de “ventana” y después haciendo clic sobre la opción “herramientas”

El panel de propiedades
Este es uno de los paneles mas importantes de Fireworks MX ya que en el podemos modificar las diferentes propiedades de todos los objetos que podemos crear en Fireworks como también el mismo lienzo y la imagen
Si usted no puede ver este panel puede habilitarlo dirigiéndose a la barra de menú en la opción de “ventana” y después haciendo clic sobre la opción “Propiedades”


Otros paneles

En fireworks contamos con diferentes paneles como el de: Capas, Optimizar, Activos, Fotogramas, Historial, etc.

Estos también los podemos habilitar y deshabilitar desde la barra de menú en la opción de ventana


Panel de vistas previas
Este panel nos permite visualizar y comparar la calidad de los diferentes formatos a los que se piensa exportar la imagen que hemos creado en Fireworks MX
Explicaremos más detalladamente la forma de utilizar correctamente este panel mas adelante



Lienzo
En esta área como el mismo nombre lo indica es la sección de nuestra área de trabajo donde crearemos nuestras imágenes con las diferentes herramientas que ofrece el programa
En la parte inferior de esta área podemos ver el tamaño en píxeles y el grado de “zoom” que tiene la imagen actualmente