jueves, 29 de marzo de 2012

PROGRAMAS GRAFICOS


Los programas gráficos son herramientas fundamentales para el diseñador, interviniendo en la mayor parte de las fases de creación gráfica, desde el escaneado de un documento o la creación directa de un nuevo gráfico hasta el almacenamiento de la imagen digital resultante en el formato gráfico más adecuado. 


También nos van a permitir retocar imágenes ya existente, configurar sus propiedades, aplicarles filtros y efectos, incluirles contenidos textuales e incluso crear con ellas vistosas animaciones interactivas, los programas Gráficos tratan con dibujos, bien sean estos estáticos o móviles, planos o en tres dimensiones. Existe un asombroso número de formatos para imágenes diferentes en el mundo y no hay ningún programa que pueda manejarlos a todos.



Existen en el mercado multitud de aplicaciones gráficas de todos los tipos y precios, aunque hay algunas de ellas que se han ganado a pulso su fama, como Adobe Photoshop y Adobe Ilustrator, Macromedia Flash y Macromedia Freehan, Corel Draw, Paint Shop Pro, etc. 

Un factor importante a la hora de decidirse por un juego de programas gráficos concretos (generalmente uno de retoque y uno de ilustración) es conveniente sopesar a fondo la relación precio/calidad, ya que no siempre lo más caro es lo mejor, existiendo programas como Paint Shop Pro que son bastante económicos, resultan muy útiles y son muy fáciles de aprender y manejar.




TIPOS DE PROGRAMAS 
GRÁFICOS

LOS PROGRAMAS PAINT  trabajan con dibujos en la base de pixel por pixel, en la cual un pixel es el punto más pequeño en la pantalla. Estos programas son los que se usan para manejar fotografías y la mayoría de las colecciones de dibujos o clip-art. El  MS Paint es un programa de este tipo.  
·         Ventajas: Control sobre cada punto del dibujo
·         Desventajas: Las líneas  resultan escalonadas, especialmente si se amplían. 


LOS PROGRAMAS DE DIBUJO, por otra parte, definen las imágenes en forma de  vectores, esto es, ecuaciones que describen formas geométricas.    Por suerte, el usuario no tiene que hacer los cálculos matemáticos! Los objetos que se dibujan con el  MS Office son imágenes vectoriales.  
·         Ventajas: No se obtiene una imagen difusa o con líneas de serrucho cuando se cambia el tamaño de la misma.   El tamaño del archivo es menor. (Para la red internet, los dibujos vectoriales originales que se ven a la derecha tienen que ser convertidos a un formato de mapa de bits.)  
·         Desventajas: No se puede cambiar el color de un punto en el medio de una forma.   

LOS PROGRAMAS DE ANIMACION Y VIDEO Animated eyes - looking left and then right and back  colocan un juego de dibujos fijos en secuencia. Cuando se ejecuta dicha secuencia, el cambio de un dibujo al siguiente engaña a la vista y parece verse la imagen en movimiento de la manera que funciona el cinematógrafo y la TV. En una animación una imagen individual se denomina cel (Si, se escribe con una sola l en lugar de dos como en cell que significa célula!)

lunes, 19 de marzo de 2012

¿QUE ES LA MAQUETACION?

La maquetación, también llamada a veces diagramación, es un oficio del diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales (multimedia) en medios impresos y electrónicos, como libros, diarios y revistas.

Estrictamente, el acto de maquetar tan solo se relaciona con la distribución de los elementos en un espacio determinado de la página, mientras que el diseño editorial incluye fases más amplias del proceso, desde el proyecto gráfico, hasta los procesos de producción denominados pre-prensa (preparación para impresión), prensa (impresión) y post-prensa (acabados).

Sin embargo, usualmente todo el aspecto gráfico de la actividad editorial y periodística se conoce por el término maquetación.

 En el caso de un diario, la maquetación sigue los objetivos y líneas gráficas y editoriales de ese impreso. Las principales líneas editoriales para la maquetación de un diario incluyen la jerarquización de los artículos por orden de importancia.

Las consideraciones gráficas incluyen legibilidad e incorporación balanceada y no-obstructiva de los anuncios publicitarios. La edición incorpora principios del diseño gráfico que, a su vez, es una profesión independiente o presente en licenciaturas relacionadas con el diseño, más allá de ser una disciplina que hace parte del currículo de profesiones como el periodismo, la publicidad y algunos cursos de arquitectura en universidades y facultades.

¿QUE ES UN GUION DE DISEÑO O DE MULTIMEDIA?

Un guion multimedia o de diseño es un documento que estructura todas las pantallas de una aplicación informática multimedia diseñada para ejecutarse en una plataforma web, en un teléfono móvil o localmente en un ordenador usando un CD.

 Su formato se basa en imágenes, similar a un storyboard cinematográfico, pero sumando a estas pantallas la descripción los elementos sensibles a la interacción del usuario y su comportamiento. También se explica el comportamiento de los elementos que no dependen del usuario para activarse, ejemplo: animaciones, sonidos que se cargan al cargarse la página, etc. El guion multimedia explica cómo se combinan en cada pantalla o nodo los elementos de sonido, imágenes, video y texto.

De esta manera el equipo de diseñadores, programadores y redactores y demás profesionales vinculados a la producción de este tipo de trabajos pueden coordinar sus labores, sea en la realización de páginas web, aplicaciones móviles o un videojuego.

 El conjunto de pantallas o nodos que conforman un guion multimedia, conforman lo que se conoce como árbol de navegación, que no es otra cosa que la estructura general de la aplicación y los posibles caminos que el usuario podría tomar a través de la interacción con su interfaz gráfica.

¿QUE ES LA CARACTERÍSTICA WIMP Y WYSIWYG DE UNA INTERFAZ GRÁFICA?

WIMP

 Una serie de elementos conformando un lenguaje visual se han desarrollado para representar la información almacenada en las computadoras. Esto hace que sea más fácil para las personas con pocos conocimientos de informática para trabajar con y el uso de programas informáticos. La combinación más común de dichos elementos en interfaces gráficas de usuario es el WIMP ("ventanas, iconos, menús, dispositivo de puntero") de paradigma, sobre todo en ordenadores personales . El estilo de interacción WIMP utiliza un físico del dispositivo de entrada para controlar la posición de un cursor y presenta la información organizada en las ventanas y representados con iconos. Los comandos disponibles se compilan en los menús, y las acciones se llevan a cabo haciendo gestos con el dispositivo señalador. Un gestor de ventanas facilita la interacción entre las ventanas, las aplicaciones y el sistema de ventanas . El sistema de ventanas maneja los dispositivos de hardware, tales como dispositivos de señalización y de hardware de gráficos, así como la posición del cursor. En los ordenadores personales todos estos elementos se modelan a través de una metáfora de escritorio , para producir una simulación denominado entorno de escritorio en el que la pantalla representa un escritorio, en la que los documentos y carpetas de documentos se pueden colocar. gestores de ventanas y otros programas se combinan para simular el escritorio medio ambiente, con diversos grados de realismo.

  WYSIWYG

Es el acrónimo de What You See Is What You Get (en inglés, "lo que ves es lo que obtienes"). Se aplica a los procesadores de texto y otros editores de texto con formato (como los editores de HTML) que permiten escribir un documento viendo directamente el resultado final, frecuentemente el resultado impreso. Se utiliza en contraposición a otros procesadores de texto, hoy en día poco frecuentes, en los que se escribía sobre una vista que no mostraba el formato del texto, hasta la impresión del documento. En el caso de editores de HTML este concepto se aplica a los que permiten escribir la página sobre una vista preliminar similar a la de un procesador de textos, ocupándose en este caso el programa de generar el código fuente en HTML.

¿QUE ES LA INTERFAZ GRÁFICA?

Una interfaz gráfica es cualquier medio por el cual uno puede interactuar con una computadora a través de algún tipo de software gráfico.


Comúnmente, esto se consigue a través del control mediante el teclado y el mouse de cursores, menús, ventanas, íconos y cajas de diálogo, pero puede tomar cualquier forma imaginable. Gran parte del trabajo que se realiza en relación con el procesamiento digital de señales (DSP), el diseño de instrumentos interactivos, los sistemas para la interpretación en tiempo real y la síntesis gráfica (graphic synthesis) se ocupa del diseño de interfaces gráficas innovadoras y musicalmente apropiadas.


 En el caso del hipertexto, la interfaz hipertextual consistiría en el diseño navegacional y el conjunto de herramientas y utilidades que permiten al usuario-lector interactuar con los contenidos. La interfaz proporcionará al usuario el conjunto de posibilidades que podrá seguir durante todo el tiempo que se relacione con el programa, detallando lo que verá y escuchará en cada momento, y las acciones que puede realizar, así como las respuestas que puede ofrecer el sistema.

El usuario, además de entender el mensaje, ha de comprender la mecánica operativa que se le ofrece (sintaxis, órdenes, códigos, abreviaturas, iconos, etc.). Una buena interfaz requiere poco esfuerzo por parte del usuario, simplicidad y funcionalidad.
Las características básicas de una buena interfaz podrían sintetizarse en:

  • Facilidad de comprensión, aprendizaje y uso 
  •  Representación fija y permanente de un determinado contexto de acción (fondo)
  •  El objeto de interés ha de ser de fácil identificación
  •  Diseño ergonómico mediante el establecimiento de menús, barras de acciones e iconos de fácil acceso
  •  Las interacciones se basarán en acciones físicas sobre elementos de código visual o auditivo (iconos, botones, imágenes, mensajes de texto o sonoros, barras de desplazamiento y navegación...) y en selecciones de tipo menú con sintaxis y órdenes 


  •  Las operaciones serán rápidas, incrementares y reversibles, con efectos inmediatos
  •  Existencia de herramientas de Ayuda y Consulta 
  •  Tratamiento del error bien cuidado y adecuado al nivel de usuario 


 La tipografía y el tratamiento del color son dos elementos a los que hay que prestar especial importancia a la hora de establecer una buena interfaz, poniendo especial cuidado en el diseño de las formas y la coherencia interna entre ellas.

 Al igual que cualquier otro tipo de documento textual o gráfico creado por un programa de ordenador, la lectura o navegación de un hipertexto se realiza a través de la pantalla, y, en el caso de un documento web, por medio de un programa de lectura y visualización llamado navegador. El diseño del hipertexto se realiza para que el usuario vea en pantalla toda la información necesaria y para que opere e interactúe en ella a través del ratón, el teclado y las opciones del menú. Así, se insertan códigos que no están visibles si así se prefiere, pero que ofrecen la apariencia deseada para ser vistos en pantalla. Aquí la palabra clave es WYSIWYG ("What you see is what you get"), es decir, lo que tu ves es lo que obtienes.

 Para diseñar una buena interfaz enfocada hacia el usuario es necesario tener claros los objetivos del hipertexto, teniendo en cuenta no sólo lo que se persigue ofreciendo información, sino las necesidades que van a tener los usuarios a la hora de consultarlo. También es clave determinar el contenido y la funcionalidad, especificar la estructura organizativa, la navegación, las secciones y los sistemas de búsqueda.

Hay que tener en cuenta que cada usuario puede tener diferentes necesidades y un buen sistema de navegación debe contar con las herramientas adecuadas para diferentes funciones. Como cada usuario pude tener diferentes necesidades, es importante ofrecer diferentes formas de acceso y búsqueda, desde búsquedas precisas, hasta exploraciones guiadas o a elección del lector.

 La interfaz es el elemento que permite al usuario interactuar con los contenidos, no sólo se precisa una interfaz atractiva, sino funcional. El diseño de interfaz de un hipertexto es, pues, fundamental para que el usuario pueda interactuar con los contenidos de dicho hipertexto. La pantalla del ordenador se convierte en una ventana a través de la cual el usuario accede al espacio hipertextual. Xavier Berenguer afirma que "el éxito de un programa depende directamente de la calidad de su interfaz", así podríamos decir, que el éxito de un hipertexto depende de su interfaz.

domingo, 18 de marzo de 2012

PROYECTOS MULTIMEDIA

Un proyecto multimedia por definición es una combinación de texto, audio, fotografías, gráficos, ani-mación, video y en muchos casos interacción en la presentación del contenido.Proyectos multimedia son diferentes dependiendo su función pero en común tienen estos 8 puntosen términos de planeación.Propósito - Comprender el propósito es critico para definir el mensaje, el tono y los tipos de conte-nido que se utilizaran. Si la finalidad del proyecto es comercial puede tener un tono muy diferente alo que puede ser una presentación con fines educativos.

  • Audiencia - Definir a quien va dirigido el proyecto. Saber con anticipación a que grupo en especifi-co imputará el mensaje. Se le conoce también como “Target”.
  • Método de Entrega - Un proyecto multimedia puede estar en linea o bien puede entregarse en unCD, USB, DVD, etc. La elaboración puede variar ya que en linea puede estar la versión ligera delproyecto y utilizar medios de almacenamiento para entregar proyectos mas complejos en su elabora-ción.
  • Duración - La duración varia dependiendo de lo complejo del proyecto y de la información que se-rá presentada. Es mejor contar una historia con los elementos justos y necesarios para no tener querecurrir a tiempos extensos para lograr el mensaje. El tiempo de elaboración del proyecto tambiénpuede subir los costos. y cautivar a la audiencia por largos periodos de tiempo no es tarea fácil.Guión - Usualmente es el primer paso. El guión marca la pauta para elaborar la parte visual y defi-ne los textos que serán usados como narración, o bien da las voces a los actores.
  • Tipos de Contenido - El proyecto requiere ciertos elementos, ¿cuales serán empleados? Video,narración, efectos de sonido, pistas de audio, fotografías, etc. ¿Quien se encargara de entregar losdiferentes contenidos? Definir con el equipo al responsable por cada tipo de contenido.
  • Funcionalidad - Funciones básicas de un proyecto multimedia son contar con controles para sufuncionamiento como: reproducir/pausa, atrás/siguiente, audio on/off, etc. Si es necesario algunafunción adicional como capítulos, un menú de inicio, etc. será definido en cuanto a su importancia enel proyecto.
  • Flexibilidad - Elproyecto puede ser tan flexible como su concepto y puede ser distribuido para sudifusión mediante la red internet, correo electrónico y así maximizar su proyección

¿Qué es una aplicación multimedia? Campos para los cuales se ha desarrollado la multimedia

Actualmente, el término multimedia hace referencia al uso combinado de diferentes medios de comunicación: texto, imagen, sonido, animación y video. Los programas informáticos que utilizan de forma combinada y coherente con sus objetivos diferentes medios, y permiten la interacción con el usuario son aplicaciones multimedia interactivas. La evolución producida en los sistemas de comunicación ha dado lugar a este tipo heterogéneo de aplicaciones o programas que tienen dos características básicas:

  • Multimedia: Uso de múltiples tipos de información (textos, gráficos, sonidos, animaciones, videos, etc.) integrados coherentemente.

  • Hipertexto: Interactividad basada en los sistemas de hipertexto, que permiten decidir y seleccionar la tarea que deseamos realizar, rompiendo la estructura lineal de la información.



Ámbitos de aplicación
En el ámbito doméstico: Convergencia con las últimas tendencias en electrónica de consumo
(televisores, consolas de videojuego y reproductores autónomos de CD-ROM /DVD)
Gran mercado. Importante relación con sistemas telemáticos como la televisión interactiva por cable, el acceso doméstico a internet, etc..

En los servicios públicos:
Bibliotecas, archivos, museos, campus universitarios, centros comerciales, cines, teatros, aeropuertos, estaciones y en las propias vías públicas. Contenido informativo visual e impactante, una interfaz de usuario intuitiva y de aprendizaje inmediato.
  • Tipos de aplicaciones multimedia
  • Publicación Electrónica.
  • Tratamiento de la información.
  • Enseñanza interactiva.
  • Entretenimiento interactivo.
  • Comunicación promocional.
  • Creación y producción.