Este documento habla sobre los fundamentos del diseño gráfico y la creatividad. Explica conceptos como interfaces, teoría del color, tipografía, composición de imágenes, resolución y formatos. También define la creatividad y menciona algunas técnicas.

1. FUNDAMENTOS DE DISEÑO GRÁFICOP Y CREATIVIDAD2009FERNANDO SOTO FLOREZ - EDGARDO PERDOMO TRUJILLOTECNÓLOGO PRODUCCION DE MULTIMEDIA30192TABLA DE CONTENIDO Fundamentos del Diseño gráfico .ConceptoInterfacesTeoría del colorTipografíaComposición de la imagenResoluciónFormatosSoftware utilizadoLa creatividadConceptoTiposTécnicasCaracterísticas 1Fundamentos diseño grafico.ConceptoEl diseño gráfico es una profesión cuya actividad, es la acción de concebir, programar, proyectar y realizar comunicaciones visuales, producidas en general por medios industriales y destinadas a transmitir mensajes específicos a grupos sociales determinados. Esta es la actividad que posibilita comunicar gráficamente ideas, hechos y valores procesados y sintetizados en términos de forma y comunicación, factores sociales, culturales, económicos, estéticos y tecnológicos. También se conoce con el nombre de “diseño en comunicación visual”, debido a que algunos asocian la palabra gráfico únicamente a la industria gráfica, y entienden que los mensajes visuales se canalizan a través de muchos medios de comunicación, y no solo los impresos.InterfacesCon la idea de simplificar el uso de los ordenadores para usuarios de todo tipo y no sólo para los expertos, se ha convertido en una práctica habitual utilizar metáforas visuales por medio de la llamada interfaz gráfica de usuario (IGU ó GUI en inglés) para que el usuario interactúe y establezca unright0 contacto más fácil e intuitivo con el ordenador. Si, como afirma Neal Stephenson: \"
en el principio fue la línea de comandos...\"
right0tal como los hackers siguen hoy reivindicando no sólo con nostalgia, sino también como una forma de tener control real sobre las máquinas, en la actualidad prima la cultura de la interfaz \"
amigable\"
y vistosa. En estos casos, un simple clic de ratón sobre algún gráfico (imagen) que aparece en la pantalla, sustituye a la tediosa tarea de escribir código fuente para que el ordenador interprete que debe realizar alguna acción. En 1981 aparecieron los primeros ordenadores personales, los llamados Pcs, pero hasta 1993 no se generalizaron las interfaces gráficas de usuario. El escritorio del sistema operativo Windows de Microsoft y su sistema de ventanas sobre la pantalla se ha estandarizado y universalizado, pero fueron los ordenadores Macintosh de la compañía Apple los primeros que introdujeron las interfaces gráficas de usuario.Una interfaz left0es un dispositivo que permite comunicar dos sistemas que no hablan el mismo lenguaje. Restringido a aspectos técnicos, se emplea el término interfaz para definir el juego de conexiones y dispositivos right0que hacen posible la comunicación entre dos sistemas. Sin embargo, cuando aquí hablamos de interfaz nos referimos a la cara visible de los programas tal y como se presenta a los usuarios para que interactúen con la máquina. La interfaz gráfica implica la presencia de un monitor de ordenador o pantalla constituida por una serie de menús e iconos que representan las opciones que el usuario puede tomar dentro del sistema. 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. Teoría del color El color no es una característica de una imagen u objeto, sino que es más bien una apreciación subjetiva nuestra. Se puede definir como, una sensación que se produce en respuesta a la estimulación del ojo y de sus mecanismos nerviosos, por la energía luminosa de ciertas longitudes de onda. El círculo cromático.El círculo cromático nos sirve para observar la organización básica y la interrelación de los colores. Los colores primarios son: el rojo, el azul y el amarillo.Los colores secundarios son: el verde, el violeta y el naranja. y los colores terciarios son: el rojo violáceo rojo anaranjado, amarillo anaranjado, amarillo verdoso, azul verdoso y azul violáceo. Los colores secundarios se obtienen al mezclar partes iguales de dos primarios; los colores terciarios se consiguen al mezclar partes iguales de un color primario y de un secundarioEl tono:Es el matiz del color, es decir el color en sí mismo, supone su cualidad cromática, es simplemente- un sinónimo de color. Es la cualidad que define la mezcla de un color con blanco y negro. Está relacionado con la longitud de onda de su radiación. Según su tonalidad se puede decir que un color es rojo, amarillo, verde... Aquí podemos hacer una división entre:- Tonos cálidos (rojo, amarillo y anaranjados): aquellos que asociamos con la luz solar, el fuego...- Tonos fríos (azul y verde): Los colores fríos son aquellos que asociamos con el agua, la luz de la luna...Brillantez: Tiene que ver con la intensidad o el nivel de energía. Es la luminosidad de un color (la capacidad de reflejar el blanco), es decir, el brillo. Alude a la claridad u oscuridad de un tono. Es una condición variable, que puede alterar fundamentalmente la apariencia de un color. La luminosidad puede variar añadiendo negro o blanco a un tono.Saturación: Está relacionada con la pureza cromática o falta de dilución con el blanco. Constituye la pureza del color respecto al gris, y depende de la cantidad de blanco presente. Cuanto más saturado está un color, más puro es y menos mezcla de gris posee.Tipografia¿Qué entendemos por tipografía y fuente o familia? Se denomina tipografía al estudio y clasificación de las diferentes familias o tipos de letras, así como el diseño de caracteres unificados por propiedades visuales uniformes, mientras que la fuente es el juego completo de caracteres en cualquier diseño, cuerpo o estilo. Estos caracteres incluyen letras en caja baja y alta, numerales, versalitas, fracciones, ligaduras (dos o más caracteres unidos entre sí formando una sola unidad), puntuación, signos matemáticos, acentos, símbolos monetarios.Al igual que el resto de los elementos que utilizamos en la composición de nuestro diseño, el conocimiento de los tipos de letras y sus características es necesario para una utilización correcta. Las técnicas destinadas al tratamiento tipográfico y a medir los diferentes textos, es conocida como tipometría.Los tipos constan de unas partes que se denominan como: brazos, piernas, ojos, columnas, colas... Estas son las partes que se han utilizado de forma tradicional para la construcción de las diferentes letras. La estructura de las letras permanece constante sin tener en cuenta la tipografía, así una B mayúscula consta de un brazo vertical y dos curvos. E-Composición de la imagenEntre dichas normas están las relativas a profundidad o perspectiva, detalle, punto de vista, tamaño y escala, textura, forma y situación. Factores que forman un todo en la foto. No todos tienen que estar presentes en cada fotografía, pero los que participen en cada una concreta, deben hacerlo de manera conjunta.Lo expresivo de una foto, no son los detalles, sinó su efectismo, el cual no puede tener el mismo significado para todo el mundo, porque las personas no son todas iguales, pero si es efectiva, siempre encontrará personas que sabrán valorarla en su significado.Otro de los factores más importantes que conforman el conjunto de la fotografía, es la composición, selección y disposición de sujetos, en el área de la imagen fotográfica, dando como resultado la capacidad para comunicar algo.ResoluciónLa resolución de imagen indica cuánto detalle puede observarse en una imagen. El término es comúnmente utilizado en relación a imágenes de fotografía digital, pero también se utiliza para describir cuán nítida (como antónimo de granular) es una imagen de fotografía convencional (o fotografía química). Tener mayor resolución se traduce en obtener una imagen con más detalle o calidad visual. Para las imágenes digitales almacenadas como mapa de bits, la convención es describir la resolución de la imagen con dos números enteros, donde el primero es la cantidad de filas de píxeles (cuántos píxeles tiene la imagen a lo alto) y el segundo es la cantidad de columnas de píxeles (cuántos píxeles tiene la imagen a lo ancho).Es bueno señalar que si la imagen aparece como granular se le da el nombre de pixelada.La convención que le sigue en popularidad es describir el número total de píxeles en la imagen (usualmente expresado como la cantidad de megapixeles), que puede ser calculado multiplicando la cantidad de columnas de píxeles por la cantidad de filas de píxeles. A continuación se presenta una ilustración sobre cómo se vería la misma imagen en diferentes resoluciones.g-FormatosBMP es el formato más usado en aplicaciones Windows y DOS. En la codificación de la imagen no hay compresión y por lo general resultan archivos grandes. Su ventaja es que lo lee cualquier programa que maneje imagen. El formato GIF es el formato de archivo que se utiliza habitualmente para mostrar gráficos e imágenes de color indexado en documentos HTML en Internet y otros servicios en línea. GIF es un formato comprimido con LZW diseñado para minimizar el tamaño del archivo y el tiempo de transferencia electrónica. El formato GIF preserva la transparencia en imágenes de color indexado. El formato JPEG se utiliza habitualmente para mostrar fotografías y otras imágenes de tono continuo en documentos HTML en Internet y otros servicios en línea. El formato JPEG admite los modos de color CMYK, RGB y Escala de grises pero no admite canales alfa (No preserva la transparencia). A diferencia del formato GIF, JPEG retiene toda la información de color de una imagen RGB pero comprime el tamaño del archivo descartando datos selectivamente. Desarrollado como una alternativa sin patente al formato GIF, el formato de gráficos de red portátiles PNG se utiliza para una compresión sin pérdidas y para la visualización de imágenes en Internet. A diferencia del formato GIF, PNG admite imágenes de 24 bits y produce transparencia de fondo sin bordes irregulares; sin embargo, algunos navegadores Web no admiten imágenes PNG. El formato PNG admite imágenes RGB, de color indexado, en escala de grises y de mapa de bits sin canales alfa. PNG conserva la transparencia en imágenes en escala de grises y RGB, lo que resulta extremadamente útil para utilizarse en Flash, donde PNG es totalmente compatible. TIFF es un formato flexible de imágenes de mapa de bits que prácticamente admiten todas los programas de pintura, edición de imágenes y diseño de páginas. Admite imágenes CMYK, RGB, Lab, de color indexado y en escala de grises con canales alfa, e imágenes en modo de mapa de bits sin canales alfa. Photoshop puede guardar capas en un archivo TIFF; sin embargo, si abre el archivo en otra aplicación, sólo será visible la imagen acoplada. Photoshop puede guardar también anotaciones, transparencias y datos de pirámide multirresolución en formato TIFF. No es un formato para Internet debido al gran tamaño de los archivos con este formato. RA (Real Audio) Real Audio es un formato ampliamente distribuído y usado, se supone que es capaz de reproducir sonido con fidelidad graduada, es decir, uno puede decidir que tan alta sea la calidad del sonido para así encontrar un equilibrio entre un archivo muy grande con alta fidelidad a uno muy pequeño de baja fidelidad. Actualmente los browser incluyen plug-ins o aplicaciones que permiten escuchar los Real Audio, por ejemplo, el Real Audio Player. Se espera que este formato sea el que adquiera un mayor nivel de estandarización en el futuro. AU (Audio) El formato AU es el formato nativo de las estaciones de trabajo Sun y similares. Es poco conocido fuera del ambiente UNIX. AIFF Este es un formato de sonido típico de Macintosh y estaciones de trabajo Silicon Graphics. Es medianamente conocido fuera de estos dos ambientes, pero bastante más que el formato AU. En general las páginas Web que incluyen sonidos los colocan en formato AIFF para las personas que tengan Macintosh, y WAV para los usuarios de PC. WAV (Waveform) El formato WAV es un formato básico que almacena la onda de la forma de la onda de la señal entrante. Los archivos WAV son en general muy grandes; sin embargo este formato permite variar la calidad del sonido para lograr archivos más pequeños. Es ampliamente estandarizado al ser el formato nativo de Windows. Formatos de imágen Los formatos digitales de imágenes se dividen en vectoriales y bitmapped. El formato vectorial para el web de preferencia es SVG. SVG es un formato que soporta formas vectoriales bidimensionales, texto y bitmaps. También se pueden poner eventos a los elementos, puesto que su tratamiento es tipo DOM igual que un documento XHTML. Su soporte por parte de los browsers no es muy amplio todavía, sino que es mediante plugins. Una imágen digital bitmapped es una imágen que ha pasado por un proceso de conversión, para que pueda ser almacenada en forma de bits en un computador. La unidad mínima de una imágen digital es un pixel, que es un pequeño punto; la menor unidad de medida de una pantalla. Mientras más puntos tenga una imágen, mayor será su detalle. La resolución de pantalla mide el número de pixeles a lo ancho y alto de la pantalla. Mientras más pixeles, mejor calidad. La resolución de colores describe el número de colores que pueden ser simultáneamente vistos en la pantalla al mismo tiempo. Un mayor número de colores produce imágenes que se ven más reales, pero al mismo tiempo aumente el espacio que ocupa la imágen en el disco. Típicamente, un sistema puede mostrar 16, 256 o 16.000.000 de colores, dependiendo del tipo de computador y su tarjeta de video. Veamos los formatos de imágen bitmapped más usados: JPEG (Joint Photographic Experts Group) Este es un formato estandarizado que permite compresión de imágenes. JPEG se diseño con el fin de poder comprimir imágenes a todo color o en escalas de grises que representaran fotografías o imágenes del mundo real. Funciona muy bienen fotografías, arte naturalístico, pero no tan bien en caricaturas o dibujos simples. Las imágenes JPEG (de extensión JPEG o JPG) son más pequeñas que los GIF y por lo tanto mejores para su uso en el Web. Sin embargo, cuando se trata de imágenes simples o de pocos colores, con el formato GIF se consigue un resultado que mantendrá los colores \"
puros\"
del original de manera más acertada. GIF (Graphic Interchange Format) El formato GIF fue desarrollado por CompuServe para proveer de un formato estándard que fuera independiente del tipo de máquina que se usara. El formato GIF está limitado a un máximo de 256 colores lo que es bastante razonable dado que la mayoría de los display de PC tienen 256 colores como máximo. En general se recomiendan para las imágenes simples. Para los fondos texturizados no son muy útiles puesto que al tener pocos colores disponibles el computador que las recibe intenta encontrar el color más cercano, produciéndose distorsiones que impiden que el texto sea visto en forma adecuada. Diferencias entre GIF, JPG y PNG Paleta de colores (JPG: siempre es rgb, GIF: paleta de colores, PNG: paleta de colores) Compresión (JPG: con pérdida, GIF: sin pérdida, PNG: sin pérdida) Transparencia (JPG: sin transparencia, GIF: color de transparencia, PNG: canal alfa) Licencia (JPG: gpl, GIF: compuserve, PNG: gpl) Interlacing (JPG: completa, GIF: horizontal, PNG: completa) Animación (JPG: no, GIF: sí, PNG: no) Corrección gamma (JPG: no, GIF: no, PNG: sí) (JPG se pronuncia \"
jotapejé\"
, GIF se pronuncia \"
guif\"
, y PNG se pronuncia \"
ping\"
) Formatos de video Un archivo de video es una mezcla de las dos anteriores en un sólo archivo digital. La fidelidad de una imágen de video se mide por los mismos parámetros de audio e imágen que la componen, así como por una variable adicional que corresponde al número de cuadros que se exponen por segundo. Lo usual en una película de video estándard es 24 cuadros por segundo; este número es muy variable en los formatos digitales. MPEG (Moving Pictures Expert Group) El formato MPEG es muy popular en PC compatibles. Los miembros del grupo que este estándard vienen de más de 70 compañías a lo ancho del mundo incluyendo a gigantes como Sony, Phillip, Matsushita y Apple. Ellos se reunieron al amparo de la ISO (International Standard Organization - organización de estándares internacionales) para generar un estándard para compact discs, televisión por cable, transmisión satelital directa y televisión de alta definición. Los archivos en formato MPEG tienen extensión .mpeg o .mpg. QT (Quick Time) El formato QuickTime fue creado originalmente por Apple y usado en los computadores Macintosh. Junta audio, animación, video y capacidades interactivas. Este estándard lleva mucho más tiempo vigente que el estándard MPEG. Los archivos quicktime tienen extensión .qt y .mov y los programas para verlos están disponibles en una amplia gama de plataformas. -1089660-899795h-Software utilizado Dibujo Vectorial: Freehand, Illustrator y Corel Draw (cualquiera de los tres, el mejor segun comparativas es Illustrator) Mapa de bits: Photoshop (es el numero uno desde hace muchos años) Maquetacion: QuarkXPress (actualmente es el mejor para maquetacion de revistas y periodicos, tambien tienes adobe inDesing, pero esta menos extendido) Maquetacion web: Dreamweaver (es el mas utilizado, pero hay mas programas, adobe golive) Animacion Web: Flash (esel es más usado, para banners se usa tambien el ImageReady) Animacion 3D: 3D Studio, Maya, lightwave (existen muchos mas pero yo creo que estos son los mas utilizados) Edicion de video: Premier, Avid, Final Cut pro (mac) (aqui tambien hay alguno más) CONCEPTOLa creatividad es la capacidad de crear, de producir cosas nuevas y valiosas, es la capacidad de un cerebro para llegar a conclusiones nuevas y resolver problemas en una forma original.La actividad creativa debe ser intencionada y apuntar a un objetivo. En su materialización puede adoptar, entre otras, forma artística, literaria o científica, si bien, no es privativa de ningún área en particular. La creatividad es el principio básico para el mejoramiento de la inteligencia personal y del progreso de la sociedad y es también, una de las estrategias fundamentales de la evolución natural.Es un proceso que se desarrolla en el tiempo y que se caracteriza por la originalidad, por la adaptabilidad y por sus posibilidades de realización concreta.Creatividad es la producción de una idea, un concepto, una creación o un descubrimiento que es nuevo, original, útil y que satisface tanto a su creador como a otros durante algún periodo.Todos nacemos con una capacidad creativa que luego puede ser estimulada o no. Como todas las capacidades humanas, la creatividad puede ser desarrollada y mejorada. Así, existen muchas técnicas para aumentar y desarrollar la capacidad creativa. Una de las más interesantes es la conocida como mapas mentales.TIPOS1. El primer tipo corresponde al nivel donde cualquier se humano tiene alguna idea, asi de simple como dibujar un muñequito de nieve, o alguna idea sin trascendencia, aunque en realidad ninguna idea es simple, suele calificarse a este tipo como la idea más simple de imaginación porque tenemos ya un sustento o un antecedente que copiar solamente.2. El segundo tipo se le llama creatividad a nivel corporativo, donde hay ideas que la gente sigue en grupo o para un bien común, una idea que promueva algo atractivo, carismático y te de ganancia.3. El numero tres es el nivel donde desarrollas una idea a partir de una existente, haciendo asi más atractivo un producto, por ejemplo4. Y el útlimo nivel, está considerado aquellas ideas a los que pocos han llegado, las ideas que han marcado gran diferencia, que no sabemos cómo los ingeniosos científicos, perseverantes ellos, llegaron a esa solución.C- TECNICAS MAPAS MENTALES- Es una técnica gráfica que permite la exploración del problema y la generación de ideas. Dan lugar al pensamiento irradiante. Arte de preguntar- Se trata de un conjunto de preguntas que se usan para formular en el problema todos los enfoques que sean posibles, y así abrir la perspectiva que tenemos del problema. También son útiles para la percepción de nuevos usos, aplicaciones y posibilidades de un producto o un servicio.Brainstorming- Tormenta o lluvia de ideas. Es una técnica grupal para la generación de ideas. Las cuatro reglas fundamentales son: toda crítica está prohibida, toda idea es bienvenida, tantas ideas como sea posible, el desarrollo y asociación de ideas es deseable.Relaciones forzadas- Se trata de combinar lo conocido con lo desconocido para forzar nuevas situaciones. De ahí pueden surgir ideas originales. Es muy útil para complementar al Brainstorming cuando ya parece que el proceso se estanca.SCAMPER- Lista de preguntas que estimulan la generación de ideas: ¿Sustituir?, ¿Combinar?,¿Adaptar?, ¿Modificar?, ¿utilizarlo Para otros usos?, ¿Eliminar o reducir al mínimo?, ¿Reordenar, invertir?.Analogías- Consiste en resolver un problema mediante un rodeo: en vez de atacarlo de frente se compara ese problema o situación con otros hechos, conocimientos o disciplinas distintas.- características1. Manifiestan una gran curiosidad intelectual.2. Disciernen y observan de manera diferenciada.3. Tienen en sus mentes amplia información que pueden combinar, elegir y extrapolar para resolver problemas.4. Demuestran empatía hacia la gente y hacia las ideas divergentes.5. La mayoría puede ser introvertidos.6. No están pendientes de lo que los otros piensan sobre ellos y se hallan bastante liberados de restricciones e inhibiciones convencionales.7. No son conformistas en sus ideas, pero tampoco anticonformistas. Son más bien, auténticamente independientes.8. Poseen capacidad de análisis y síntesis.9. Poseen capacidad de redefinición, es decir para reacomodar ideas, conceptos, gente y cosas, para trasponer las funciones de los objetos y utilizarlas de maneras nuevas. e- EjemplosA través de la historia encontramos personas que han desarrollado su capacidad creativa de forma notable. Enrique Paniagua (2001) ofrece algunos ejemplos de personalidades creativas y las divide según el modelo de las inteligencias múltiples de Howard Gardner (vea el artículo sobre las Inteligencias múltiples). DominioPersonaPapelLingüística F. García LorcaPoetaLógico-matemáticaAlbert EinsteinCientíficoMusicalW. A. Mozart MúsicoVisualPablo PicassoPintorKinestésicaXenia KosorukovBailarinaIntra-personalSigmund FreudPsicólogoInter-personalMahatma GandhiPolíticoNaturalistaCharles DarwinBiólogo Roger Von Oech (1998) también ofrece otros ejemplos de personas creativas. Uno de ellos es Johann Gutenberg, que conectó dos ideas previamente no relacionadas al unir la idea de un aparato para marcar en forma de moneda (“coin punch”) con la prensa para extraer el jugo de las uvas y así desarrollar la prensa con tipos movibles. Otro ejemplo es el de Franz Joseph Haydn. Los músicos de su orquesta querían irse de vacaciones, pero el Duque se las posponía constantemente. Así que, Haydn escribió la “Farewell Symphony” (Sinfonía de la despedida), en la que, a medida que avanzaba la pieza, los músicos se levantaban y se iban luego de apagar su vela hasta quedar el escenario vacío. Como resultado, el Duque entendió el mensaje y les dio las vacaciones.