SlideShare una empresa de Scribd logo
1 de 35
Descargar para leer sin conexión
Parte 2




Paty Juberias   - patyjg.wordpress.com -             Página 1
:: Elementos básicos de la composición

       La línea y la forma

       Dentro del diseño gráfico, hay una serie de elementos básicos
       para la composición: Línea, forma, textura, espacio, tamaño,
       valor y color.




Paty Juberias   - patyjg.wordpress.com -                               Página 2
La linea puede ser usada para ayudar a ordenar la información,
     dirigir el ojo de los lectores para organizar la disposición, crear
     un ambiente determinado y generar un ritmo y movimiento
     determinados en nuestro diseño.

     Se pueden disponer de diversas formas (horizontales, verticales,
     unidas, separadas, dividiendo el diseño en partes, etc).




Paty Juberias   - patyjg.wordpress.com -                                   Página 3
La forma: La forma de los objetos comunica ideas por si misma,
           además permite llamar la atención del receptor, si la forma elegida
           es inusual o llamativa.

           Dentro de este elemento podemos distinguir distintos tipos de
           formas: geométricas (son formas rectangulares, por ejemplo
           triángulos, rectángulos, etc), naturales (son formas irregulares y
           fluidas, por ejemplo un árbol, una persona, un animal, etc) y
           abstractas (simplificaciones menos complejas de las formas
           naturales, por ejemplo símbolos, números, letras, etc).




Paty Juberias   - patyjg.wordpress.com -                                         Página 4
Paty Juberias   - patyjg.wordpress.com -   Página 5
“… El aspecto más esencial de la profesión no es el de
              crear formas, sino el de crear comunicaciones.”

                       Jorge Frascara (gran maestro de la teoría del diseño).

          Aclarando la importancia que tiene la acción de razonar, de decidir,
          de maquetar la idea que el cliente desea transmitir (regularmente
             para persuadir) y dirigirlo de la manera correcta a un público
                                      determinado.




Paty Juberias   - patyjg.wordpress.com -                                         Página 6
La textura y el espacio

           La Textura: permite crear una adaptación más personalizada de
           la realidad añadiendo dimensión y riqueza al diseño.

           Hay dos tipos de texturas: táctil y visual:

                •   Táctil: Por ejemplo la textura de un papel, que tiene diferentes
                    tipos de grosores y rugosidades perceptibles al tacto.


                •   Visual: Texturas impresas que asemejan la realidad: piedras,
                    ladrillo, arena, etc. Dentro de esta, se pueden encontrar
                    texturas reales (representaciones de texturas existentes en la
                    realidad) y texturas irreales (creaciones o combinaciones de
                    texturas inexistentes en la realidad).




Paty Juberias   - patyjg.wordpress.com -                                               Página 7
El Espacio: Se puede considerar como
                                           uno de los elementos fundamentales del
                                           diseño. Nos referimos a el, como la
                                           distancia o área entre elementos del
                                           diseño o alrededor de los mismos.

                                           A la hora de hacer una composición hay
                                           que tener en cuenta donde se colocarán
                                           los elementos y a que distancia unos de
                                           otros.




Paty Juberias   - patyjg.wordpress.com -                                             Página 8
La situación, las tonalidades de los elementos y las formas sirven
          para crear relaciones espaciales y focales de interés para el
          receptor, es decir, se pueden conseguir efectos muy diversos;

          Por ejemplo si se usa un amplio espacio en blanco se produce un
          descanso para el ojo o si se dejan espacios blancos alrededor de
          un objeto, este se destaca mucho más que el resto de la
          composición.




Paty Juberias   - patyjg.wordpress.com -                                       Página 9
Dentro del espacio, es muy importante el Formato. El formato es
            la forma y el tamaño del trabajo realizado. Normalmente, al
            hablar del formato de un archivo, se hace referencia al tamaño en
            el que será impreso o presentado el trabajo.

            El mundo de los formatos de papel es un conjunto de formatos
            estandarizados y de tamaños consolidados en diversos países.




Paty Juberias   - patyjg.wordpress.com -                                        Página 10
Dentro de los formatos de papel, encontramos los tamaños ISO,
            que son un conjunto de formatos establecidos por el ISO
            (International Organization for Standardization). Estas normas
            ISO también se pueden encontrar como tamaños DIN.




            Dentro de estos formatos se encuentran por ejemplo el tamaño
            DIN A4 (de 297 x 210 mm), prácticamente igual que un folio y es
            el papel de uso más corriente, o el tamaño DIN A3 (de 420 x 297
            mm), usado para dibujos, pequeños posters, diagramas, etc.




Paty Juberias   - patyjg.wordpress.com -                                      Página 11
Estos son los más usados habitualmente, pero existen muchos
         formatos de papel, por ejemplo para diseño publicitario de carteles
         y trabajos de grandes dimensiones, se puede usar hasta un 4 A0
         (de 2.378×1.682 mm, es decir, 4 metros cuadrados), mientras que
         para diseños muy pequeños, un DIN C10 (de 28×40 mm).

         Dentro del formato, un dato importante es la dirección del papel, es
         decir: Horizontal o Vertical, ya que una composición varía mucho de
         estar hecha de una u otra forma.




Paty Juberias   - patyjg.wordpress.com -                                        Página 12
El tamaño, el valor y el color




            El Tamaño: de un elemento es determinante en una composición.
            Permite organizar el espacio de trabajo, llamar la atención
            aumentando el más relevante y disminuyendo el resto, etc.

            El tamaño de la presentación del archivo es muy relevante, cuanto
            mayor sea el tamaño del archivo, mejor se apreciarán los detalles
            y mejor lo visualizará el receptor.




Paty Juberias   - patyjg.wordpress.com -                                        Página 13
El Valor: Es un término que se usa para describir que valor de un
            objeto puede ser modificado por los elementos de su alrededor,
            por ejemplo: cuanta más luz refleje: mayor valor tendrá. Este
            elemento, ayuda a crear el contraste de la imagen, mezclando
            sombras de color y en blanco y negro.

            El Color: o lo que es lo mismo, la percepción que recibimos de la
            longitud de onda reflejada por un objeto. Es un elemento
            importante, ya que los colores transmiten sensaciones, actitudes y
            estados de ánimo. Este aspecto del diseño, tiene especial
            importancia y por ello se tratará posteriormente.




Paty Juberias   - patyjg.wordpress.com -                                         Página 14
La creación de imágenes

            Dentro del diseño, una imagen puede tener distinta procedencia
            dependiendo del modo mediante el cual se ha obtenido.

            Además según la finalidad que se le vaya a dar a esa imagen, está
            será de un tipo u otro.

            Básicamente se puede distinguir entre dos tipos de imágenes: las
            que son generadas directamente desde el ordenador y las
            importadas al ordenador.




Paty Juberias   - patyjg.wordpress.com -                                        Página 15
Las imágenes importadas al ordenador también reciben el nombre
            de “mapa de bits”. Estas imágenes están compuestas por una
            cuadrícula de puntos, que reciben el nombre de “pixels”.

            A su vez, dentro de cada píxel se almacena información de color y
            cada uno tiene su posición determinada en la imagen y un valor
            asignado de color.




Paty Juberias   - patyjg.wordpress.com -                                        Página 16
Formatos de imagen

            Existen muchos formatos, algunos de los más utilizados son:

                • JPG: Es una modalidad de archivo comprimido que se usa
                  para imágenes que incluyen mucha variedad de tonos de color.
                  Se usa sobre todo para internet, ya que no se observa tanto la
                  compresión de la imagen y su escaso tamaño es perfecto para
                  ilustrar las páginas web o ser enviada por correo.
                • GIF: Es un formato muy comprimido de imagen que se utiliza
                  casi exclusivamente para la web. Su tamaño es mínimo pero
                  solo mantiene un número reducido de colores, funciona bien
                  con colores planos sin degradados como botones, banners
                  publicitarios etc. Este formato permite creación de fondos
                  transparentes y posibilidad de animación (entonces recibe el
                  nombre de “gif animado”).



Paty Juberias   - patyjg.wordpress.com -                                           Página 17
• PNG:Es el sustituto del formato GIF, permitiendo imágenes
                  con color, escala de grises y transparencias. Estos archivos
                  conservan toda la información original (capas, colores,
                  vectores, etc.)
                • TIFF:Se emplea para imágenes con mucha calidad dirigidas al
                  ámbito de la impresión y por tanto de un gran tamaño. Es el
                  utilizado para carteles, catálogos, etc.
                • BMP: Es uno de los archivos más antiguos de imagen, tiene
                  mucha calidad visual pero su tamaño es excesivamente
                  grande. Usado con frecuencia en CD ROMs.




Paty Juberias   - patyjg.wordpress.com -                                         Página 18
La Resolución

            La resolución de una imagen es el número de pixels mostrados en
            la imagen por unidad de longitud. (como se comento
            anteriormente, un píxel es cada uno de los puntos que forman una
            imagen y que almacenan su información de color).

            Esta resolución se mide en ppp (puntos por pulgada) y representa
            la calidad de la imagen, cuanta más cantidad de pixels tenga
            mejor será su calidad.




Paty Juberias   - patyjg.wordpress.com -                                       Página 19
El Proceso de la comunicación

           La comunicación, requiere de actividades de producción y de
           consumo. Para ello, el diseñador usas los signos, que
           anteriormente se comentaron, y estos sirven como portadores de
           información en el proceso de comunicación.

           Esta actividad requiere de una serie de fases: creación, selección
           y arreglos de signos visuales en formación de signos compuestas
           y complejas, como por ejemplo catálogos, carteles, folletos, etc.




Paty Juberias   - patyjg.wordpress.com -                                        Página 20
Si se trata de símbolos que han de ser perceptibles y reconocibles
            por los consumidores, no existe una libertad absoluta para la
            selección y composición de los signos.

            Los mensajes, dependiendo del canal, por el que se transmitan,
            tendrán una codificación débil o fuerte, por ejemplo, si
            comparamos palabras y fotografías, las palabras están más
            fuertemente codificadas que la fotografía, porque su significado
            varía mucho más de unas personas a otras.

            Cuando se da lugar al diseño o a la creación de formas, el
            diseñador no lo crea de la nada; siempre lo hará mediante un
            repertorio específico de elementos y un conjunto de reglas
            gramaticales.




Paty Juberias   - patyjg.wordpress.com -                                         Página 21
Por ello, y para concluir con este apartado, se puede decir:

                        “que la comunicación esta ligada a la
                              producción y al consumo,
                  ya que el proceso de comunicación consiste en
                     la producción de un diseño, mediante todo
                      el proceso que acabamos de comentar y
                 dicho mensaje tiene que llegar al público (luego lo
                                están consumiendo)”.




Paty Juberias   - patyjg.wordpress.com -                                  Página 22
Fases de creación Publicitaria

           Anteriormente se comentó el proceso para la creación de cualquier
           diseño dado, pero en particular se analizará la creación de un
           diseño publicitario.

           Dentro de la creación publicitaria, se pueden plantear diseños
           diversos, desde un sencillo cartel, hasta una campaña completa,
           pero en cualquier caso hay una serie de pasos que se deberán
           seguir si se desea conseguir un buen trabajo.




Paty Juberias   - patyjg.wordpress.com -                                       Página 23
Estas fases son sencillas de seguir, y dependiendo de cada caso,
           se deberá hacer más o menos hincapié en cada una de ellas. Estas
           fases son:
               1. Estudio de las necesidades de la empresa o cliente
                   2. Análisis de esta información y estudio de las empresas de
                   la competencia
                   3. Realización de los primeros esbozos, y conclusiones
                   iniciales
                   4. Primera fase de diseño y realización de la memoria
                   analítica
                   5. Revisión final con el cliente, segunda fase de diseño y
                   memoria de intenciones
                   6. Arte final del trabajo y conclusiones en la memoria




Paty Juberias   - patyjg.wordpress.com -                                          Página 24
1.          Estudio de las necesidades de la empresa o cliente

           En primer lugar, siempre es necesario recopilar información acerca
           de la empresa para la que se va a realizar el proyecto.

           Esto puede hacerse de diversas formas: con una revisión con el
           cliente o mediante la recopilación libre de información.

                – En la primera de ellas, el cliente deberá aclarar la idea de lo
                  que desea, lo que espera conseguir con este diseño, el
                  presupuesto del que se dispone y el tiempo dado para la
                  realización de dicho trabajo.




Paty Juberias   - patyjg.wordpress.com -                                            Página 25
– Si no es posible realizar esta “reunión” con el cliente, será
                  indispensable la búsqueda de información en cualquier otro
                  medio que sea posible.




Paty Juberias   - patyjg.wordpress.com -                                          Página 26
Si se realiza esta fase, se evitan muchos imprevisto futuros; El
           diseñador se asegura de conocer perfectamente los deseos del
           cliente.

           Aunque sea posible conseguir la información del primer método,
           es conveniente recopilar información adicional. Ya que en una
           revisión con el cliente, no siempre se obtiene toda la información
           esperada.

           Para concretar aún más, es interesante disponer de información
           acerca de la historia de la empresa, dedicación concreta de esta,
           en que tipo de mercados opera (nacionales o internacionales), que
           espera conseguir con este nuevo proyecto (aumentar las ventas,
           conseguir prestigio, aumentar número de clientes, etc).




Paty Juberias   - patyjg.wordpress.com -                                        Página 27
2.   Análisis de la información y estudio de la
                  competencia


           Con toda la información recopilada, se pasará a analizarla,
           estudiarla y marcar una serie de puntos de obligatorio
           cumplimiento y otros aconsejables, pero no imprescindibles.


           Además, para completar la información, será muy conveniente,
           realizar un estudio de las empresas de la compendia, donde se
           vean los recursos que estas emplean, el tipo de productos que
           ofrecen, la imagen que los consumidores tiene de ella, etc.




Paty Juberias   - patyjg.wordpress.com -                                   Página 28
3.    Realización de los primeros esbozos, y conclusiones
                  iniciales

           Con esta información, es posible comenzar a trazar las primeras
           ideas o esbozos acerca del diseño a realizar.

           Siempre será recomendable, realizar varias propuestas, para
           presentar al cliente, para que decida la que más se ajuste a sus
           necesidades.

           Realizar las conclusiones iniciales, acerca de los gustos, el grado
           de aceptación por parte del cliente de las ideas presentadas, y la
           cantidad de trabajo necesario para la realización del proyecto.

           Y por último, crear los primeros esbozos acerca del trabajo, ideas
           que posteriormente podrían ser modificadas, pero que servirán de
           base para el trabajo.




Paty Juberias   - patyjg.wordpress.com -                                         Página 29
4.   Primera fase de diseño y realización de la memoria
                  analítica

           En esta fase de la creación ya se dispone de la información dada
           por el cliente, el estudio de varias marcas de la competencia, las
           conclusiones iniciales y los esbozos del trabajo, luego ya es
           posible comenzar con la realización del trabajo propiamente dicho.

           Aquí se comienza a recopilar los elementos necesarios para
           nuestro trabajo: imágenes, textos, tipografías, logotipo de la
           empresa, etc.




Paty Juberias   - patyjg.wordpress.com -                                        Página 30
Es importante tener en cuenta un aspecto que trataremos
           posteriormente, se trata de la imagen corporativa de la empresa,
           y consiste en que, toda la imagen que tenga la empresa (logotipo,
           tipografía corporativa, colores corporativos) debe ser respetada
           sin sufrir variaciones bruscas e introducida en el trabajo nuevo,
           para no romper la unidad y que los usuarios sigan reconociendo la
           empresa y asociándola con la imagen anterior de ella que tenían.

           Suele ser recomendable, en la creación de todo proyecto, y en
           concreto en las creaciones publicitarias, la realización de una
           memoria que acompañe al trabajo.




Paty Juberias   - patyjg.wordpress.com -                                       Página 31
“Una memoria, es un documento que se presentará
                junto con el trabajo, y en se expone la información
                  anteriormente recopilada, los bocetos previos al
                trabajo, y la explicación de todos los elementos que
                 aparezcan en el (los colores utilizados, las formas
                 empleadas, la combinación de los elementos, etc)”




Paty Juberias   - patyjg.wordpress.com -                               Página 32
5. Revisión final con el cliente, segunda fase de diseño y
                   memoria de intenciones

           Con toda esta parte del trabajo terminado, será conveniente una
           última revisión con el cliente, antes de la entrega del trabajo, para
           que observe su evolución, y de su opinión antes de que el
           proyecto este concluido.

           Siempre que el cliente esté de acuerdo con el trabajo visto hasta
           el momento, se continuará con la fase del diseño propiamente
           dicho y con la memoria que antes se comentó.

           En este caso atendiendo a las intenciones del trabajo, es decir, el
           “porqué” se ha hecho así, se han empleado esos colores, o se ha
           elegido una posición u otra.




Paty Juberias   - patyjg.wordpress.com -                                           Página 33
6. Arte final del trabajo y conclusiones en la memoria


           El arte final del trabajo consiste en prepararlo para la impresión (si
           esa va a ser su finalidad), o en un CD de soporte informático (si se
           requiere el archivo original para trabajar con el).

           Si el trabajo se trata, por ejemplo de un cartel o un poster,
           generalmente este se montará sobre una superficie rígida para ser
           presentado al cliente o si se trata de una aplicación o de una serie
           de archivos presentados en un CD, sería conveniente diseñar para
           este una portada y una etiqueta interior para identificarlo.

           De la memoria que se está elaborando a la par que el trabajo, se
           introducirán las conclusiones al trabajo y cualquier información
           anexa al trabajo que hayamos usado para su realización.




Paty Juberias   - patyjg.wordpress.com -                                            Página 34
::Creado por::

        Contenido - Patricia Juberias
        Imágenes – Algunas imágenes han sido tomadas de Internet para ejemplificar los contenidos y son propiedad de sus respectivos autores
        Citas – Diversos autores

:: Fecha::

         2003




    Paty Juberias   - patyjg.wordpress.com -                                                                                                   Página 35

Más contenido relacionado

La actualidad más candente (8)

Lo virtual ana maldonado
Lo virtual ana maldonadoLo virtual ana maldonado
Lo virtual ana maldonado
 
la imagen
 la imagen la imagen
la imagen
 
Javierrios.pptx
Javierrios.pptxJavierrios.pptx
Javierrios.pptx
 
Comunicación Visual
Comunicación VisualComunicación Visual
Comunicación Visual
 
Unidad 1. Conceptos y definiciones del diseño
Unidad 1. Conceptos y definiciones del diseñoUnidad 1. Conceptos y definiciones del diseño
Unidad 1. Conceptos y definiciones del diseño
 
Diseño emocional. (diseño industrial conoce lo nuevo).
Diseño emocional. (diseño industrial conoce lo nuevo).Diseño emocional. (diseño industrial conoce lo nuevo).
Diseño emocional. (diseño industrial conoce lo nuevo).
 
Ensayo final
Ensayo finalEnsayo final
Ensayo final
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 

Destacado (6)

Uv teoria de la forma - diseño grafico
Uv teoria de la forma - diseño graficoUv teoria de la forma - diseño grafico
Uv teoria de la forma - diseño grafico
 
Resumen libro Wucius Wong
Resumen libro Wucius WongResumen libro Wucius Wong
Resumen libro Wucius Wong
 
Signos simbolos-logotipos-anagramas-pictogramas
Signos simbolos-logotipos-anagramas-pictogramasSignos simbolos-logotipos-anagramas-pictogramas
Signos simbolos-logotipos-anagramas-pictogramas
 
Índices, Íconos y Símbolos de la Semiótica
Índices, Íconos y Símbolos de la SemióticaÍndices, Íconos y Símbolos de la Semiótica
Índices, Íconos y Símbolos de la Semiótica
 
El signo: Iconos, índices y símbolos de la Imagen.
El signo: Iconos, índices y símbolos de la Imagen.El signo: Iconos, índices y símbolos de la Imagen.
El signo: Iconos, índices y símbolos de la Imagen.
 
Ejemplos visuales de los conceptos trabajados en clase
Ejemplos visuales de los conceptos trabajados en claseEjemplos visuales de los conceptos trabajados en clase
Ejemplos visuales de los conceptos trabajados en clase
 

Similar a Teoria del-diseno-grafico-2

Seminario alex marroquin
Seminario alex marroquinSeminario alex marroquin
Seminario alex marroquin
elmorenof
 
Diseño visual introduccion version ligera
Diseño visual introduccion version ligeraDiseño visual introduccion version ligera
Diseño visual introduccion version ligera
Leslie Rowe
 

Similar a Teoria del-diseno-grafico-2 (20)

Taller 1 dg joel_chimba_pablo_ontaneda
Taller 1 dg joel_chimba_pablo_ontanedaTaller 1 dg joel_chimba_pablo_ontaneda
Taller 1 dg joel_chimba_pablo_ontaneda
 
El espacio y la textura
El espacio y la texturaEl espacio y la textura
El espacio y la textura
 
Taller1 jorgeydavid
Taller1 jorgeydavidTaller1 jorgeydavid
Taller1 jorgeydavid
 
Formas de composicion
Formas de composicionFormas de composicion
Formas de composicion
 
Composicion
ComposicionComposicion
Composicion
 
Conceptos básicos de diseño gráfico.docx
Conceptos básicos de diseño gráfico.docxConceptos básicos de diseño gráfico.docx
Conceptos básicos de diseño gráfico.docx
 
Taller2 cristina lopez_jonathantorosina_diseñografico
Taller2 cristina lopez_jonathantorosina_diseñograficoTaller2 cristina lopez_jonathantorosina_diseñografico
Taller2 cristina lopez_jonathantorosina_diseñografico
 
ámbito del Diseño y la Comunicación
ámbito del Diseño y la Comunicaciónámbito del Diseño y la Comunicación
ámbito del Diseño y la Comunicación
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Seminario alex marroquin
Seminario alex marroquinSeminario alex marroquin
Seminario alex marroquin
 
Diseño grafico
Diseño  graficoDiseño  grafico
Diseño grafico
 
Diseño visual introduccion version ligera
Diseño visual introduccion version ligeraDiseño visual introduccion version ligera
Diseño visual introduccion version ligera
 
Teoría del color.pdf
Teoría del color.pdfTeoría del color.pdf
Teoría del color.pdf
 
Diseño Gráfico Básico
Diseño Gráfico Básico Diseño Gráfico Básico
Diseño Gráfico Básico
 
Trabajo.pdf
Trabajo.pdfTrabajo.pdf
Trabajo.pdf
 
Arte y diseño gráfico de un curso en línea.
Arte y diseño gráfico de un curso en línea.Arte y diseño gráfico de un curso en línea.
Arte y diseño gráfico de un curso en línea.
 
fundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdffundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdf
 
Presentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdfPresentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdf
 
Fundamentos del diseño grafico
Fundamentos del diseño graficoFundamentos del diseño grafico
Fundamentos del diseño grafico
 

Último

PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfolio
sofiospina94
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos I
irenecarmona12
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
Leo Florez
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
CristianGmez22034
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
RosarioLloglla
 

Último (20)

Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfolio
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos I
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHEDIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
 
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Triptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajaTriptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jaja
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principales
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
 
Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkks
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
 

Teoria del-diseno-grafico-2

  • 1. Parte 2 Paty Juberias - patyjg.wordpress.com - Página 1
  • 2. :: Elementos básicos de la composición La línea y la forma Dentro del diseño gráfico, hay una serie de elementos básicos para la composición: Línea, forma, textura, espacio, tamaño, valor y color. Paty Juberias - patyjg.wordpress.com - Página 2
  • 3. La linea puede ser usada para ayudar a ordenar la información, dirigir el ojo de los lectores para organizar la disposición, crear un ambiente determinado y generar un ritmo y movimiento determinados en nuestro diseño. Se pueden disponer de diversas formas (horizontales, verticales, unidas, separadas, dividiendo el diseño en partes, etc). Paty Juberias - patyjg.wordpress.com - Página 3
  • 4. La forma: La forma de los objetos comunica ideas por si misma, además permite llamar la atención del receptor, si la forma elegida es inusual o llamativa. Dentro de este elemento podemos distinguir distintos tipos de formas: geométricas (son formas rectangulares, por ejemplo triángulos, rectángulos, etc), naturales (son formas irregulares y fluidas, por ejemplo un árbol, una persona, un animal, etc) y abstractas (simplificaciones menos complejas de las formas naturales, por ejemplo símbolos, números, letras, etc). Paty Juberias - patyjg.wordpress.com - Página 4
  • 5. Paty Juberias - patyjg.wordpress.com - Página 5
  • 6. “… El aspecto más esencial de la profesión no es el de crear formas, sino el de crear comunicaciones.” Jorge Frascara (gran maestro de la teoría del diseño). Aclarando la importancia que tiene la acción de razonar, de decidir, de maquetar la idea que el cliente desea transmitir (regularmente para persuadir) y dirigirlo de la manera correcta a un público determinado. Paty Juberias - patyjg.wordpress.com - Página 6
  • 7. La textura y el espacio La Textura: permite crear una adaptación más personalizada de la realidad añadiendo dimensión y riqueza al diseño. Hay dos tipos de texturas: táctil y visual: • Táctil: Por ejemplo la textura de un papel, que tiene diferentes tipos de grosores y rugosidades perceptibles al tacto. • Visual: Texturas impresas que asemejan la realidad: piedras, ladrillo, arena, etc. Dentro de esta, se pueden encontrar texturas reales (representaciones de texturas existentes en la realidad) y texturas irreales (creaciones o combinaciones de texturas inexistentes en la realidad). Paty Juberias - patyjg.wordpress.com - Página 7
  • 8. El Espacio: Se puede considerar como uno de los elementos fundamentales del diseño. Nos referimos a el, como la distancia o área entre elementos del diseño o alrededor de los mismos. A la hora de hacer una composición hay que tener en cuenta donde se colocarán los elementos y a que distancia unos de otros. Paty Juberias - patyjg.wordpress.com - Página 8
  • 9. La situación, las tonalidades de los elementos y las formas sirven para crear relaciones espaciales y focales de interés para el receptor, es decir, se pueden conseguir efectos muy diversos; Por ejemplo si se usa un amplio espacio en blanco se produce un descanso para el ojo o si se dejan espacios blancos alrededor de un objeto, este se destaca mucho más que el resto de la composición. Paty Juberias - patyjg.wordpress.com - Página 9
  • 10. Dentro del espacio, es muy importante el Formato. El formato es la forma y el tamaño del trabajo realizado. Normalmente, al hablar del formato de un archivo, se hace referencia al tamaño en el que será impreso o presentado el trabajo. El mundo de los formatos de papel es un conjunto de formatos estandarizados y de tamaños consolidados en diversos países. Paty Juberias - patyjg.wordpress.com - Página 10
  • 11. Dentro de los formatos de papel, encontramos los tamaños ISO, que son un conjunto de formatos establecidos por el ISO (International Organization for Standardization). Estas normas ISO también se pueden encontrar como tamaños DIN. Dentro de estos formatos se encuentran por ejemplo el tamaño DIN A4 (de 297 x 210 mm), prácticamente igual que un folio y es el papel de uso más corriente, o el tamaño DIN A3 (de 420 x 297 mm), usado para dibujos, pequeños posters, diagramas, etc. Paty Juberias - patyjg.wordpress.com - Página 11
  • 12. Estos son los más usados habitualmente, pero existen muchos formatos de papel, por ejemplo para diseño publicitario de carteles y trabajos de grandes dimensiones, se puede usar hasta un 4 A0 (de 2.378×1.682 mm, es decir, 4 metros cuadrados), mientras que para diseños muy pequeños, un DIN C10 (de 28×40 mm). Dentro del formato, un dato importante es la dirección del papel, es decir: Horizontal o Vertical, ya que una composición varía mucho de estar hecha de una u otra forma. Paty Juberias - patyjg.wordpress.com - Página 12
  • 13. El tamaño, el valor y el color El Tamaño: de un elemento es determinante en una composición. Permite organizar el espacio de trabajo, llamar la atención aumentando el más relevante y disminuyendo el resto, etc. El tamaño de la presentación del archivo es muy relevante, cuanto mayor sea el tamaño del archivo, mejor se apreciarán los detalles y mejor lo visualizará el receptor. Paty Juberias - patyjg.wordpress.com - Página 13
  • 14. El Valor: Es un término que se usa para describir que valor de un objeto puede ser modificado por los elementos de su alrededor, por ejemplo: cuanta más luz refleje: mayor valor tendrá. Este elemento, ayuda a crear el contraste de la imagen, mezclando sombras de color y en blanco y negro. El Color: o lo que es lo mismo, la percepción que recibimos de la longitud de onda reflejada por un objeto. Es un elemento importante, ya que los colores transmiten sensaciones, actitudes y estados de ánimo. Este aspecto del diseño, tiene especial importancia y por ello se tratará posteriormente. Paty Juberias - patyjg.wordpress.com - Página 14
  • 15. La creación de imágenes Dentro del diseño, una imagen puede tener distinta procedencia dependiendo del modo mediante el cual se ha obtenido. Además según la finalidad que se le vaya a dar a esa imagen, está será de un tipo u otro. Básicamente se puede distinguir entre dos tipos de imágenes: las que son generadas directamente desde el ordenador y las importadas al ordenador. Paty Juberias - patyjg.wordpress.com - Página 15
  • 16. Las imágenes importadas al ordenador también reciben el nombre de “mapa de bits”. Estas imágenes están compuestas por una cuadrícula de puntos, que reciben el nombre de “pixels”. A su vez, dentro de cada píxel se almacena información de color y cada uno tiene su posición determinada en la imagen y un valor asignado de color. Paty Juberias - patyjg.wordpress.com - Página 16
  • 17. Formatos de imagen Existen muchos formatos, algunos de los más utilizados son: • JPG: Es una modalidad de archivo comprimido que se usa para imágenes que incluyen mucha variedad de tonos de color. Se usa sobre todo para internet, ya que no se observa tanto la compresión de la imagen y su escaso tamaño es perfecto para ilustrar las páginas web o ser enviada por correo. • GIF: Es un formato muy comprimido de imagen que se utiliza casi exclusivamente para la web. Su tamaño es mínimo pero solo mantiene un número reducido de colores, funciona bien con colores planos sin degradados como botones, banners publicitarios etc. Este formato permite creación de fondos transparentes y posibilidad de animación (entonces recibe el nombre de “gif animado”). Paty Juberias - patyjg.wordpress.com - Página 17
  • 18. • PNG:Es el sustituto del formato GIF, permitiendo imágenes con color, escala de grises y transparencias. Estos archivos conservan toda la información original (capas, colores, vectores, etc.) • TIFF:Se emplea para imágenes con mucha calidad dirigidas al ámbito de la impresión y por tanto de un gran tamaño. Es el utilizado para carteles, catálogos, etc. • BMP: Es uno de los archivos más antiguos de imagen, tiene mucha calidad visual pero su tamaño es excesivamente grande. Usado con frecuencia en CD ROMs. Paty Juberias - patyjg.wordpress.com - Página 18
  • 19. La Resolución La resolución de una imagen es el número de pixels mostrados en la imagen por unidad de longitud. (como se comento anteriormente, un píxel es cada uno de los puntos que forman una imagen y que almacenan su información de color). Esta resolución se mide en ppp (puntos por pulgada) y representa la calidad de la imagen, cuanta más cantidad de pixels tenga mejor será su calidad. Paty Juberias - patyjg.wordpress.com - Página 19
  • 20. El Proceso de la comunicación La comunicación, requiere de actividades de producción y de consumo. Para ello, el diseñador usas los signos, que anteriormente se comentaron, y estos sirven como portadores de información en el proceso de comunicación. Esta actividad requiere de una serie de fases: creación, selección y arreglos de signos visuales en formación de signos compuestas y complejas, como por ejemplo catálogos, carteles, folletos, etc. Paty Juberias - patyjg.wordpress.com - Página 20
  • 21. Si se trata de símbolos que han de ser perceptibles y reconocibles por los consumidores, no existe una libertad absoluta para la selección y composición de los signos. Los mensajes, dependiendo del canal, por el que se transmitan, tendrán una codificación débil o fuerte, por ejemplo, si comparamos palabras y fotografías, las palabras están más fuertemente codificadas que la fotografía, porque su significado varía mucho más de unas personas a otras. Cuando se da lugar al diseño o a la creación de formas, el diseñador no lo crea de la nada; siempre lo hará mediante un repertorio específico de elementos y un conjunto de reglas gramaticales. Paty Juberias - patyjg.wordpress.com - Página 21
  • 22. Por ello, y para concluir con este apartado, se puede decir: “que la comunicación esta ligada a la producción y al consumo, ya que el proceso de comunicación consiste en la producción de un diseño, mediante todo el proceso que acabamos de comentar y dicho mensaje tiene que llegar al público (luego lo están consumiendo)”. Paty Juberias - patyjg.wordpress.com - Página 22
  • 23. Fases de creación Publicitaria Anteriormente se comentó el proceso para la creación de cualquier diseño dado, pero en particular se analizará la creación de un diseño publicitario. Dentro de la creación publicitaria, se pueden plantear diseños diversos, desde un sencillo cartel, hasta una campaña completa, pero en cualquier caso hay una serie de pasos que se deberán seguir si se desea conseguir un buen trabajo. Paty Juberias - patyjg.wordpress.com - Página 23
  • 24. Estas fases son sencillas de seguir, y dependiendo de cada caso, se deberá hacer más o menos hincapié en cada una de ellas. Estas fases son: 1. Estudio de las necesidades de la empresa o cliente 2. Análisis de esta información y estudio de las empresas de la competencia 3. Realización de los primeros esbozos, y conclusiones iniciales 4. Primera fase de diseño y realización de la memoria analítica 5. Revisión final con el cliente, segunda fase de diseño y memoria de intenciones 6. Arte final del trabajo y conclusiones en la memoria Paty Juberias - patyjg.wordpress.com - Página 24
  • 25. 1. Estudio de las necesidades de la empresa o cliente En primer lugar, siempre es necesario recopilar información acerca de la empresa para la que se va a realizar el proyecto. Esto puede hacerse de diversas formas: con una revisión con el cliente o mediante la recopilación libre de información. – En la primera de ellas, el cliente deberá aclarar la idea de lo que desea, lo que espera conseguir con este diseño, el presupuesto del que se dispone y el tiempo dado para la realización de dicho trabajo. Paty Juberias - patyjg.wordpress.com - Página 25
  • 26. – Si no es posible realizar esta “reunión” con el cliente, será indispensable la búsqueda de información en cualquier otro medio que sea posible. Paty Juberias - patyjg.wordpress.com - Página 26
  • 27. Si se realiza esta fase, se evitan muchos imprevisto futuros; El diseñador se asegura de conocer perfectamente los deseos del cliente. Aunque sea posible conseguir la información del primer método, es conveniente recopilar información adicional. Ya que en una revisión con el cliente, no siempre se obtiene toda la información esperada. Para concretar aún más, es interesante disponer de información acerca de la historia de la empresa, dedicación concreta de esta, en que tipo de mercados opera (nacionales o internacionales), que espera conseguir con este nuevo proyecto (aumentar las ventas, conseguir prestigio, aumentar número de clientes, etc). Paty Juberias - patyjg.wordpress.com - Página 27
  • 28. 2. Análisis de la información y estudio de la competencia Con toda la información recopilada, se pasará a analizarla, estudiarla y marcar una serie de puntos de obligatorio cumplimiento y otros aconsejables, pero no imprescindibles. Además, para completar la información, será muy conveniente, realizar un estudio de las empresas de la compendia, donde se vean los recursos que estas emplean, el tipo de productos que ofrecen, la imagen que los consumidores tiene de ella, etc. Paty Juberias - patyjg.wordpress.com - Página 28
  • 29. 3. Realización de los primeros esbozos, y conclusiones iniciales Con esta información, es posible comenzar a trazar las primeras ideas o esbozos acerca del diseño a realizar. Siempre será recomendable, realizar varias propuestas, para presentar al cliente, para que decida la que más se ajuste a sus necesidades. Realizar las conclusiones iniciales, acerca de los gustos, el grado de aceptación por parte del cliente de las ideas presentadas, y la cantidad de trabajo necesario para la realización del proyecto. Y por último, crear los primeros esbozos acerca del trabajo, ideas que posteriormente podrían ser modificadas, pero que servirán de base para el trabajo. Paty Juberias - patyjg.wordpress.com - Página 29
  • 30. 4. Primera fase de diseño y realización de la memoria analítica En esta fase de la creación ya se dispone de la información dada por el cliente, el estudio de varias marcas de la competencia, las conclusiones iniciales y los esbozos del trabajo, luego ya es posible comenzar con la realización del trabajo propiamente dicho. Aquí se comienza a recopilar los elementos necesarios para nuestro trabajo: imágenes, textos, tipografías, logotipo de la empresa, etc. Paty Juberias - patyjg.wordpress.com - Página 30
  • 31. Es importante tener en cuenta un aspecto que trataremos posteriormente, se trata de la imagen corporativa de la empresa, y consiste en que, toda la imagen que tenga la empresa (logotipo, tipografía corporativa, colores corporativos) debe ser respetada sin sufrir variaciones bruscas e introducida en el trabajo nuevo, para no romper la unidad y que los usuarios sigan reconociendo la empresa y asociándola con la imagen anterior de ella que tenían. Suele ser recomendable, en la creación de todo proyecto, y en concreto en las creaciones publicitarias, la realización de una memoria que acompañe al trabajo. Paty Juberias - patyjg.wordpress.com - Página 31
  • 32. “Una memoria, es un documento que se presentará junto con el trabajo, y en se expone la información anteriormente recopilada, los bocetos previos al trabajo, y la explicación de todos los elementos que aparezcan en el (los colores utilizados, las formas empleadas, la combinación de los elementos, etc)” Paty Juberias - patyjg.wordpress.com - Página 32
  • 33. 5. Revisión final con el cliente, segunda fase de diseño y memoria de intenciones Con toda esta parte del trabajo terminado, será conveniente una última revisión con el cliente, antes de la entrega del trabajo, para que observe su evolución, y de su opinión antes de que el proyecto este concluido. Siempre que el cliente esté de acuerdo con el trabajo visto hasta el momento, se continuará con la fase del diseño propiamente dicho y con la memoria que antes se comentó. En este caso atendiendo a las intenciones del trabajo, es decir, el “porqué” se ha hecho así, se han empleado esos colores, o se ha elegido una posición u otra. Paty Juberias - patyjg.wordpress.com - Página 33
  • 34. 6. Arte final del trabajo y conclusiones en la memoria El arte final del trabajo consiste en prepararlo para la impresión (si esa va a ser su finalidad), o en un CD de soporte informático (si se requiere el archivo original para trabajar con el). Si el trabajo se trata, por ejemplo de un cartel o un poster, generalmente este se montará sobre una superficie rígida para ser presentado al cliente o si se trata de una aplicación o de una serie de archivos presentados en un CD, sería conveniente diseñar para este una portada y una etiqueta interior para identificarlo. De la memoria que se está elaborando a la par que el trabajo, se introducirán las conclusiones al trabajo y cualquier información anexa al trabajo que hayamos usado para su realización. Paty Juberias - patyjg.wordpress.com - Página 34
  • 35. ::Creado por:: Contenido - Patricia Juberias Imágenes – Algunas imágenes han sido tomadas de Internet para ejemplificar los contenidos y son propiedad de sus respectivos autores Citas – Diversos autores :: Fecha:: 2003 Paty Juberias - patyjg.wordpress.com - Página 35