lunes, 13 de septiembre de 2010

DISEÑO DE INTERFACES CON FIREWORKS


DISEÑO DE INTERFACES CON FIREWORKS


  1. Que es una interfaz gráfica? Es un programa informático que actúa de interfaz de usuario, utilizando un conjunto de imágenes y objetos gráficos para representar la información y acciones disponibles en la interfaz.

  2. ¿Que es Fireworks y cual es su uso? 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. Describa las partes del entorno de trabajo en Fireworks?
    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.

    Conocerás más detalles sobre estos elementos a medida que avancemos con el tutorial.

  4. ¿Ques es un panel en Fireworks?

    Un panel en Fireworks es una ventana, que se puede enconrtar en cualquier lugar de la aplicación, que permite obtener diferentes funciones segun elreqerimiento que desee.

  5. Describa las herramientas del panel de herramientas de Fireworks.
    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

    Nota: con algunos paneles podemos modificar su posición posicionándonos en el área que muestra la figura entonces el puntero cambiara de forma y luego solo tendremos que presionar el clic izquierdo y arrastrar el puntero mientras mantenemos presionado el botón del ratón