•   Fundamentos del Diseño gráfico .
     – Concepto
     – Interfaces
     – Teoría del color
     – Tipografía
     – Composición de la imagen
     – Resolución
     – Formatos
     – Software utilizado
•   La creatividad
     – Concepto
     – Tipos
     – Técnicas
     – Características
•   Ejemplos.
FUNDAMENTOS DEL DISEÑO
           GRAFICO
•   El diseño gráfico no es solo hacer un            – Concepto
    dibujo, es, comunicar y transmitir
    visualmente un mensaje de forma             •    Definimos el diseño como un proceso
    efectiva, el diseñador debe conocer los          o labor destinado a
    diferentes recursos gráficos de los que          proyectar, coordinar, seleccionar y
    dispone, junto con la                            organizar un conjunto de elementos
    imaginación, experiencia, buen gusto y el        para producir y crear objetos visuales
    sentido común necesarios para combinarlos        destinados a comunicar mensajes
    de forma correcta y adecuada.
                                                     específicos a grupos determinados.



                                    – Interfaces
                              •    Interfaces Visuales
                              •    Tienen una estrecha relación con el
                                   diseño en las áreas de:
                                    – Comunicación visual
                                    – Diseño industrial
                                    – Arquitectura (incluyendo el
                                        diseño de interiores)
•   · QUE ES UNA INTERFAZ DE USUARIO
•   Cuando uno usa una herramienta, o accede e interactúa con un sistema, suele haber “algo” entre uno
    mismo y el objeto de la interacción.
•   * En un auto, ese “algo” son los pedales y el tablero.
•   * En una puerta, es el picaporte.
•   * En una máquina expendedora o un ascensor, los botones.
•   * En una computadora (atención, que no me refiero a un producto informático sino una computadora), el
    teclado, el monitor, el mouse, y otros periféricos.
•   ·   INTERFACES VISUALES
•   DEFINICIONES
•   Todo aquello que hace posible la interacción con un sistema ejecutándose en una computadora
•   Un punto o medio de interacción entre dos sistemas, disciplinas o grupos
•   Un canal de comunicación entre dos o más entidades
•   Su calidad determina, entre otras cosas:
      – Si el usuario acepta o no el sistema
•   · Al diseñar la interfaz de una aplicación, se debe tener en cuenta el deseo del usuario de enfrentarse a
    algo fácil, pero a la vez poderoso
      – Si un sistema tiene éxito o fracasa en el mercado o la empresa
      – Si los diseñadores del sistema son elogiados o reprobados
•   la teoría del color es
    un grupo de reglas
    básicas en la mezcla
    de     colores     para
    conseguir el efecto
    deseado combinando
    colores    de   luz    o
    pigmento.     La     luz
    blanca     se    puede
    producir combinando
    el rojo, el verde y el
    azul,   mientras    que
    combinando
    pigmentos         cian,
    magenta y amarillo se
    produce     el    color
    neutro.
• Arte       de     disponer   • El diseño en esta parte
  correctamente el material      es muy esencial el cual
  de imprimir, de acuerdo        hay diferentes tipos de
  con       un     propósito     letras y tu tienes la
  específico: el de colocar      posibilidad de escoger en
  las letras, repartir el        una gran cantidad de
  espacio y organizar los        formas de letras como
  tipos con vistas a prestar     quieras para los trabajos,
  al lector la máxima ayuda      u demás cosas que
  para la comprensión del        quieras     o   necesites
  texto.                         hacer.
• Tengas la cámara que tengas, las
  leyes de composición de imagen
  siempre regirán el momento en
  que compongas tu fotografía. Si
  consideramos la fotografía como
  algo más que una técnica,
  podemos mejorar la calidad y
  fuerza de la imagen cuidando
  también su aspecto artístico.
•       Aunque algunas fotografías
  tomadas al azar resulten con una
  composición impecable, lo normal
  es que una buena composición
  haya tenido un periodo inicial de
  meditación y análisis.
•    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.
PHOTO CARD WORKSHOP




                                             Adobe Photoshop ElementS 3.0
                                                El pequeño hermano de Photoshop ha crecido, y mucho. Con
                                                un precio atractivo y con una combinación impecable de
                                                herramientas.
                                                Flash
                                                Un programa para el diseño de animaciones vectoriales en
                          BUTTON SHOP
     JUNIOR ICON EDITOR                         páginas web.
                                                Dreamweaver
                                                Probablemente el mejor editor de páginas web para
                                                diseñadores que busquen resultados profesionesles.
                                                Photoshop
                                                Probablemente el mejor programa para trabajar con gráficos,
                                                para retoque fotográfico, etc.
                                                Sothink DHTML Menu
                                                Un programa para crear menús DHTML fácilmente: a golpe
    PHOTO CARD WORKSHOP                         de ratón y sin tener que escribir ni una sola línea de código.
                                                Corel Ventura 10
                                                Despues de 4 años se publica una nueva versión de este
                                                programa de publicación de contenidos digitales para
                                                impresión.
                                                Adobe Photoshop CS
                                                Esta versión se centra especialmente en los ámbitos de
                          EDICION PERSONAL      video, fotografía, web y producción gráfica.
•   Denominada también inventiva,
    pensamiento original, imaginación
    constructiva,          pensamiento
    divergente... pensamiento creativo,
    es la generación de nuevas ideas o
    conceptos,      o     de    nuevas
    asociaciones     entre   ideas    y
    conceptos       conocidos,     que
    habitualmente producen soluciones
    originales.
• Idea, representación mental de una realidad, un objeto
  o algo similar.- Pensamiento expresado con palabras.-
  Opinión, juicio, idea que se tiene sobre algo.- Aspecto,
  calidad, título.
• Proceso creativo. Desarrollo. Personalidad.
  Estimulación. Psicopedagogía
•
    • Nivel expresivo: representa la forma más elemental de
    transformación, caracterizándose por la improvisación y la
    espontaneidad.

    • Nivel productivo: la improvisación es sustituida por la aplicación
    de técnicas y estrategias pertinentes y adecuadas al resultado
    perseguido. Se fija el objetivo a alcanzar, y el resultado es una
    realización valiosa por su originalidad.

    • Nivel inventivo: tiene lugar cuando, superadas las expectativas
    lógicas, se llegan a manipular determinados elementos del
    medio. Este nivel de creatividad con valor social, se manifiesta
    en descubrimientos científicos.

    • Nivel innovador: supone un buen nivel de flexibilidad ideacional
    y un alto grado de originalidad. El sujeto transforma el medio
    comunicando resultados únicos y relevantes. Puede darse en la
    creación de actitudes hacia el cambio y traslado de cierta
    información a otros contextos.

    • Nivel emergente: Los sujetos aportan ideas radicalmente
    nuevas. En general se presenta en el lenguaje abstracto. Es el
    nivel que caracteriza al talento y al ingenio.
•   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.
•   -Fluidez: facilidad para generar un número        •   -Viabilidad: capacidad de producir ideas y
    elevado de ideas respecto a un tema                   soluciones que sean realizables en la
    determinado.                                          práctica.
•   -Flexibilidad: característica de la creatividad   •   -Elaboración: es el nivel de detalle,
    mediante la cual se transforma el proceso             desarrollo o complejidad de las ideas
    para alcanzar la solución del problema. Nace          creativas.
    de la capacidad de abordar los problemas          •   Los tres primeros factores- fluidez,
    desde diferentes ángulos.                             flexibilidad y originalidad- son funciones del
•   Un ejemplo : damos al alumno diferentes               Pensamiento Divergente o Lateral, que
    fotos, y alterándole el orden deberá inventar         actúa como un explorador que va a la
    distintas historias.                                  aventura. Es el que no se paraliza con una
•   -Originalidad: característica que define a la         única respuesta ante un problema, es la
    idea, proceso o producto, como algo único o           libre asociación de ideas e imágenes. Es la
    diferente. Producción de respuestas                   reestructuración de lo conocido de un modo
    ingeniosas o infrecuentes. Dentro del ámbito          nuevo. En definitiva, provoca la creatividad.
    escolar se potencia estimulando las nuevas        •   Por el contrario, el llamado Pensamiento
    ideas que el alumno propone.                          Convergente es el que evoca ideas y trata
                                                          de encadenarlas para llegar a un punto ya
                                                          existente y definido, si bien, oscuro para el
                                                          sujeto.
usuarios   visuales
DIVERGENTE



                       pensamiento original




viabilidad   elaboración   Fluidez
                                      flexibilidad originalidad



                                                         PRINCIPAL

DiseñO Creatiidad

  • 2.
    Fundamentos del Diseño gráfico . – Concepto – Interfaces – Teoría del color – Tipografía – Composición de la imagen – Resolución – Formatos – Software utilizado • La creatividad – Concepto – Tipos – Técnicas – Características • Ejemplos.
  • 3.
    FUNDAMENTOS DEL DISEÑO GRAFICO • El diseño gráfico no es solo hacer un – Concepto dibujo, es, comunicar y transmitir visualmente un mensaje de forma • Definimos el diseño como un proceso efectiva, el diseñador debe conocer los o labor destinado a diferentes recursos gráficos de los que proyectar, coordinar, seleccionar y dispone, junto con la organizar un conjunto de elementos imaginación, experiencia, buen gusto y el para producir y crear objetos visuales sentido común necesarios para combinarlos destinados a comunicar mensajes de forma correcta y adecuada. específicos a grupos determinados. – Interfaces • Interfaces Visuales • Tienen una estrecha relación con el diseño en las áreas de: – Comunicación visual – Diseño industrial – Arquitectura (incluyendo el diseño de interiores)
  • 4.
    · QUE ES UNA INTERFAZ DE USUARIO • Cuando uno usa una herramienta, o accede e interactúa con un sistema, suele haber “algo” entre uno mismo y el objeto de la interacción. • * En un auto, ese “algo” son los pedales y el tablero. • * En una puerta, es el picaporte. • * En una máquina expendedora o un ascensor, los botones. • * En una computadora (atención, que no me refiero a un producto informático sino una computadora), el teclado, el monitor, el mouse, y otros periféricos. • · INTERFACES VISUALES • DEFINICIONES • Todo aquello que hace posible la interacción con un sistema ejecutándose en una computadora • Un punto o medio de interacción entre dos sistemas, disciplinas o grupos • Un canal de comunicación entre dos o más entidades • Su calidad determina, entre otras cosas: – Si el usuario acepta o no el sistema • · Al diseñar la interfaz de una aplicación, se debe tener en cuenta el deseo del usuario de enfrentarse a algo fácil, pero a la vez poderoso – Si un sistema tiene éxito o fracasa en el mercado o la empresa – Si los diseñadores del sistema son elogiados o reprobados
  • 5.
    la teoría del color es un grupo de reglas básicas en la mezcla de colores para conseguir el efecto deseado combinando colores de luz o pigmento. La luz blanca se puede producir combinando el rojo, el verde y el azul, mientras que combinando pigmentos cian, magenta y amarillo se produce el color neutro.
  • 6.
    • Arte de disponer • El diseño en esta parte correctamente el material es muy esencial el cual de imprimir, de acuerdo hay diferentes tipos de con un propósito letras y tu tienes la específico: el de colocar posibilidad de escoger en las letras, repartir el una gran cantidad de espacio y organizar los formas de letras como tipos con vistas a prestar quieras para los trabajos, al lector la máxima ayuda u demás cosas que para la comprensión del quieras o necesites texto. hacer.
  • 7.
    • Tengas lacámara que tengas, las leyes de composición de imagen siempre regirán el momento en que compongas tu fotografía. Si consideramos la fotografía como algo más que una técnica, podemos mejorar la calidad y fuerza de la imagen cuidando también su aspecto artístico. • Aunque algunas fotografías tomadas al azar resulten con una composición impecable, lo normal es que una buena composición haya tenido un periodo inicial de meditación y análisis.
  • 8.
    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.
  • 10.
    PHOTO CARD WORKSHOP Adobe Photoshop ElementS 3.0 El pequeño hermano de Photoshop ha crecido, y mucho. Con un precio atractivo y con una combinación impecable de herramientas. Flash Un programa para el diseño de animaciones vectoriales en BUTTON SHOP JUNIOR ICON EDITOR páginas web. Dreamweaver Probablemente el mejor editor de páginas web para diseñadores que busquen resultados profesionesles. Photoshop Probablemente el mejor programa para trabajar con gráficos, para retoque fotográfico, etc. Sothink DHTML Menu Un programa para crear menús DHTML fácilmente: a golpe PHOTO CARD WORKSHOP de ratón y sin tener que escribir ni una sola línea de código. Corel Ventura 10 Despues de 4 años se publica una nueva versión de este programa de publicación de contenidos digitales para impresión. Adobe Photoshop CS Esta versión se centra especialmente en los ámbitos de EDICION PERSONAL video, fotografía, web y producción gráfica.
  • 11.
    Denominada también inventiva, pensamiento original, imaginación constructiva, pensamiento divergente... pensamiento creativo, es la generación de nuevas ideas o conceptos, o de nuevas asociaciones entre ideas y conceptos conocidos, que habitualmente producen soluciones originales.
  • 12.
    • Idea, representaciónmental de una realidad, un objeto o algo similar.- Pensamiento expresado con palabras.- Opinión, juicio, idea que se tiene sobre algo.- Aspecto, calidad, título. • Proceso creativo. Desarrollo. Personalidad. Estimulación. Psicopedagogía
  • 13.
    • Nivel expresivo: representa la forma más elemental de transformación, caracterizándose por la improvisación y la espontaneidad. • Nivel productivo: la improvisación es sustituida por la aplicación de técnicas y estrategias pertinentes y adecuadas al resultado perseguido. Se fija el objetivo a alcanzar, y el resultado es una realización valiosa por su originalidad. • Nivel inventivo: tiene lugar cuando, superadas las expectativas lógicas, se llegan a manipular determinados elementos del medio. Este nivel de creatividad con valor social, se manifiesta en descubrimientos científicos. • Nivel innovador: supone un buen nivel de flexibilidad ideacional y un alto grado de originalidad. El sujeto transforma el medio comunicando resultados únicos y relevantes. Puede darse en la creación de actitudes hacia el cambio y traslado de cierta información a otros contextos. • Nivel emergente: Los sujetos aportan ideas radicalmente nuevas. En general se presenta en el lenguaje abstracto. Es el nivel que caracteriza al talento y al ingenio.
  • 14.
    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.
  • 15.
    -Fluidez: facilidad para generar un número • -Viabilidad: capacidad de producir ideas y elevado de ideas respecto a un tema soluciones que sean realizables en la determinado. práctica. • -Flexibilidad: característica de la creatividad • -Elaboración: es el nivel de detalle, mediante la cual se transforma el proceso desarrollo o complejidad de las ideas para alcanzar la solución del problema. Nace creativas. de la capacidad de abordar los problemas • Los tres primeros factores- fluidez, desde diferentes ángulos. flexibilidad y originalidad- son funciones del • Un ejemplo : damos al alumno diferentes Pensamiento Divergente o Lateral, que fotos, y alterándole el orden deberá inventar actúa como un explorador que va a la distintas historias. aventura. Es el que no se paraliza con una • -Originalidad: característica que define a la única respuesta ante un problema, es la idea, proceso o producto, como algo único o libre asociación de ideas e imágenes. Es la diferente. Producción de respuestas reestructuración de lo conocido de un modo ingeniosas o infrecuentes. Dentro del ámbito nuevo. En definitiva, provoca la creatividad. escolar se potencia estimulando las nuevas • Por el contrario, el llamado Pensamiento ideas que el alumno propone. Convergente es el que evoca ideas y trata de encadenarlas para llegar a un punto ya existente y definido, si bien, oscuro para el sujeto.
  • 17.
    usuarios visuales
  • 18.
    DIVERGENTE pensamiento original viabilidad elaboración Fluidez flexibilidad originalidad PRINCIPAL