Tips de diseño
Tips de Diseño
   para lograr lo que no se pudo
o aprender lo que nunca se supo...
Logos “En Todas Partes”




•   Por increíble que parezca, muchas imágenes que podemos “ver” a
    diario nos sirven como posibles logos dependiendo de nuestros
    públicos y diseños.

•   Las siluetas son una poderosa herramienta ya que sintetizan,
    abstraen y logran un contraste que se visualiza de manera correcta
    hasta en las aplicaciones más pequeñas
Logos “En Todas Partes”




•   Las direcciones de los elementos que se disponen en el lienzo
    también son un aporte en relación cómo nosotros decodificamos la
    información.
Blanco y Negro/ Puntos Focales
                •   Decidimos incursionar en Blanco y
                    Negro por costos.

                •   Entendible.... sin embargo
                    debemos cuidarnos de las
                    jerarquías de los distintos puntos
                    de atención o puntos focales en
                    nuestra composición.

                •   Con tamaños y valor de “relleno”
                    similares, los objetos compiten con
                    el texto.
Blanco y Negro/ Puntos Focales

                 •   Basta con modificar un poco los
                     valores para jerarquizar
                     nuevamente nuestra
                     composición y centrarnos en lo
                     más importante.
Blanco y Negro/ Puntos Focales




•   Grandes composiciones no tienen miedo a los espacios
    abiertos. Siguen cierto parámetros que se esconden en las
    líneas guía de los objetos y la tipografía.
Blanco y Negro/ Puntos Focales




•   Cuando trabajamos con imágenes evocativas, sensitivas,
    es nuestro trabajo hacer “que la imagen hable”.

•   Un diseño debe ser “lo menos diseño posible”.

•   Sólo con alinear la vista de la imagen con la linea
    tipográfica hace el trabajo en este caso.
Repetición de Objetos




•   Encontrarse con fotografías “planas”
                                           1) Usar un pincel suave
    o que no dejan espacio para texto es
                                           ayuda a fusionar la fotografía.
    común.
                                           2) Continuar el color ayuda a
•   Copiar parte de dicha imagen y
                                           extender nuestra área de
    extender su detalle puede ayudar a
                                           trabajo.
    realizar una buena composición.
Repetición de Objetos




•   Hacer espacio, con la repetición es siempre un
    buen recurso, para lograr integraciones que no
    sea vean forzadas.
Repetición de Objetos
          •   No ser un “big fan” de los logos
              fantasmas o sellos de agua no
              significa que no funcionen. Deben ser
              aplicados de la manera más elegante
              y provechosa posible.
Repetición de Objetos

        •   Cuando el exceso es inminente,
            debemos analizar la materia prima.
            Establecer diagramación por similitud
            puede sacarnos del problema.
Repetición de Objetos




   •   Los “Close Up” o “Planos Detalle” son especiales
       para reforzar partes fundamentales del “todo”.

   •   Las líneas interactúan para dar movimiento.

   •   El formato horizontal fomenta la extensión de la
       imagen.
Diseño “One Line”




•   Muchas imágenes pueden ser trazadas sólo
    con la Pluma en Adobe Illustrator.

•   De esta manera podemos generar diseño
    simples, funcionales y conceptuales.
Diseño “One Line”
   Dingbats :)
           •   No eres diestro con la Pluma?
               Tienes 5 pulgares?

           •   No importa, aprende a utilizar
               las formas, aprécialas y saca
               provecho de las tipografías
               Dingbats.

           •   Sólo cámbialo a “outline” y
               regula su grosor y “tamos
               dao’s”!
Diseño “One Line”
   Dingbats :)




       •   El valor del contraste siempre genera
           jerarquías tales como “mas adelante”,
           aún cuando el tamaño sea distinto
Diseño “One Line”
       Tipografías




•    Utilizar tipografías como imagenes es
     siempre un recurso ganador.

•    Debe tratarse con el debido valor de
     lo contrario genera confusión.
Diseño “One Line”
       Tipografías




•    Eviten traslapar las líneas de ambas
     tipografías.

•    Usar valores distintos lorga
     establecer las jerarquías de manera
     correcta.
Diseño “One Line”
            Sólo parte de la Imagen




•   Cuando trabajemos con imagenes con mucho detalle, siempre es
    bueno detectar su línea característica y sintetizarla.
Diseño “One Line”
            Sólo parte de la Imagen




•   Si agregamos más líneas, nos complicamos y alejamos del objetivo,
    logrando un mero “efecto” mas que el logro definitivo.
Diseño “One Line”
                 Carácter a la Línea




•   Exagerar la línea entrega “sensaciones, carácter y concepto” adicional
    según lo que estemos trabajando.
Diseño “One Line”
                     Sombras




•   Dibujar sólo las sombras adhiere una sensación de luminosidad de
    manera limpia, sin ensuciar el resto de la composición, creando
    delicadeza sutilmente.

Más contenido relacionado

PPTX
Manual de impacto visual
PPS
Fundamentos del diseño
PDF
Apuntes Diseño Gráfico
PPT
diseño grafico
PPSX
Fundamentos del diseño
PPS
diseno-grafico
PDF
04 elementos basicos1
PDF
El diseño (4 eso)
Manual de impacto visual
Fundamentos del diseño
Apuntes Diseño Gráfico
diseño grafico
Fundamentos del diseño
diseno-grafico
04 elementos basicos1
El diseño (4 eso)

La actualidad más candente (20)

PPTX
Maquetacion
PPT
Fundamentos del diseño
PDF
Factores de influencia en el diseño grafico
PPTX
Fundamentos de Diseño
PPTX
Factores de influencia en el diseño grafico
PPTX
Presentacion de la imagen
PDF
Volumen sombras
PPSX
Diseñografico
PPS
DiseñO Grafico Y Creatividad 2
PPT
Infografía, uso de retícula
PDF
Diseño grafico
PDF
Multimedia disenno y composicion
PPTX
T1.p3 yarannabeldisenografico
PPSX
Diseño grafico y comunicación visual utp
DOCX
Solucion de la guia diseño grafico 1 (autoguardado)
PPSX
Presentacion tema rol estudiante
PPTX
Actividad 2.1 Patricia Inchiglema
PDF
Composición en el diseño
PPTX
Diapositiva. explicacion general del diseño grafico
PPTX
Presentacion power point actividad 1.1.Pedro Carrillo1
Maquetacion
Fundamentos del diseño
Factores de influencia en el diseño grafico
Fundamentos de Diseño
Factores de influencia en el diseño grafico
Presentacion de la imagen
Volumen sombras
Diseñografico
DiseñO Grafico Y Creatividad 2
Infografía, uso de retícula
Diseño grafico
Multimedia disenno y composicion
T1.p3 yarannabeldisenografico
Diseño grafico y comunicación visual utp
Solucion de la guia diseño grafico 1 (autoguardado)
Presentacion tema rol estudiante
Actividad 2.1 Patricia Inchiglema
Composición en el diseño
Diapositiva. explicacion general del diseño grafico
Presentacion power point actividad 1.1.Pedro Carrillo1
Publicidad

Similar a Tips de diseño (20)

PPSX
Cómo hacer una presentación en PowerPoint
PPTX
Cómo hacer una presentación en PowerPoint
PPTX
Logos, banners y fondos para sitios web
PPT
Presentation1
PPTX
Taller1 lopez torosina
PPTX
Representacion de paneles arquitectonicas
PDF
Elementos de diseño gráfico en la creación de materiales didácticos
DOCX
Herramientas de photoshop
PPTX
Capítulo 5. creación de documentos de promoción de los
PPTX
Elememtos para una buena impresion
PPT
Presentacion Power Point (Sachy Bravo)
PPT
Como hacer una buena presentación en PowerPoint
PPTX
Algunos Recursos tecnológicos. Taller
PDF
Introduccion a Photoshop CS4
PPT
Plantillas para Infografía en PPT
PPT
10_Plantillas_Infographic.ppt
PPT
10 plantillas infographic 6_to
PPSX
PRESENTACIONES
PDF
Tutorial de coloreo digital
PDF
Variables gráficas para definir un cliente en diseño
Cómo hacer una presentación en PowerPoint
Cómo hacer una presentación en PowerPoint
Logos, banners y fondos para sitios web
Presentation1
Taller1 lopez torosina
Representacion de paneles arquitectonicas
Elementos de diseño gráfico en la creación de materiales didácticos
Herramientas de photoshop
Capítulo 5. creación de documentos de promoción de los
Elememtos para una buena impresion
Presentacion Power Point (Sachy Bravo)
Como hacer una buena presentación en PowerPoint
Algunos Recursos tecnológicos. Taller
Introduccion a Photoshop CS4
Plantillas para Infografía en PPT
10_Plantillas_Infographic.ppt
10 plantillas infographic 6_to
PRESENTACIONES
Tutorial de coloreo digital
Variables gráficas para definir un cliente en diseño
Publicidad

Más de DNRstudios (13)

PDF
Usabilidad y Workflow de diseño Web
PDF
Interfaz de usuario
PDF
¿Cómo diseñar una buena Aplicación para dispositivos móviles?
PDF
El poder de las ideas simples
PDF
Los 6 pasos de la Creatividad
PDF
¿Cómo hacer un buen PPT?
PDF
Estilos gráficos y de narrativa visual de los comics
PDF
Afiches y tendencias minimalistas
PDF
Cómo colorear Comics en Photoshop e Illustrator
PDF
Cómo diseñar un afiche
PDF
Lo que debes saber de las Keywords
PDF
Introducción a Inbound marketing
PDF
CloudTV, La evolución de ver y disfrutar TV on-line
Usabilidad y Workflow de diseño Web
Interfaz de usuario
¿Cómo diseñar una buena Aplicación para dispositivos móviles?
El poder de las ideas simples
Los 6 pasos de la Creatividad
¿Cómo hacer un buen PPT?
Estilos gráficos y de narrativa visual de los comics
Afiches y tendencias minimalistas
Cómo colorear Comics en Photoshop e Illustrator
Cómo diseñar un afiche
Lo que debes saber de las Keywords
Introducción a Inbound marketing
CloudTV, La evolución de ver y disfrutar TV on-line

Último (20)

PPTX
Ergonomia y Factores humanos en Arquitectura
PPTX
Programa_Orientacion_Vocacional_Ecuador.pptx
PPTX
MAPA DE PROCESO FUNMEPRO RSE_082535 (1).pptx
PDF
TRIP-MED (1).pdfbwhwhhququqiqkbccyueneope
PPTX
INFOR. EST. SITUAC. SGE 2023-II (1).pptx
PDF
Informe del proyecto con todo 14-02-25.pdf
PDF
Gestion d3 procesos kfififoofofkfjdjdjieoeodkjfjfjf
DOCX
flora y fauna del PERU animales ,plantas
PDF
Taller_Establecimiento de Objetivos smart
PDF
LA_SIERRA ,clima ,fauna,especies,selva húmeda
PDF
538778821ddffds-Etiqueta-en-La-Mfesa.pdf
PPTX
Presentacion Trabajo Final de Grado Profesional Moderna Azul .pptx
PDF
JjjhvjTIPOS DE EXCIPIENTES (II) Y (III).pdf
PPTX
el respeto laurenz daniela duran acuña alfonzo lopez
PDF
Presentación Métodos de administración de oxígeno.pdf
PDF
CATALOGO piratería y decoración para negocio
PDF
lineamientos-orientacion-vocacional-y-profesional.pdf
PDF
planimetrias teatro constitucion de elemental.pdf
PPT
Ghhhhhhhhyhhhhyuuiiiiiiiigbyejku⁶778990⁰0000o99
PPSX
Presentacion TP Informatic00000000000000
Ergonomia y Factores humanos en Arquitectura
Programa_Orientacion_Vocacional_Ecuador.pptx
MAPA DE PROCESO FUNMEPRO RSE_082535 (1).pptx
TRIP-MED (1).pdfbwhwhhququqiqkbccyueneope
INFOR. EST. SITUAC. SGE 2023-II (1).pptx
Informe del proyecto con todo 14-02-25.pdf
Gestion d3 procesos kfififoofofkfjdjdjieoeodkjfjfjf
flora y fauna del PERU animales ,plantas
Taller_Establecimiento de Objetivos smart
LA_SIERRA ,clima ,fauna,especies,selva húmeda
538778821ddffds-Etiqueta-en-La-Mfesa.pdf
Presentacion Trabajo Final de Grado Profesional Moderna Azul .pptx
JjjhvjTIPOS DE EXCIPIENTES (II) Y (III).pdf
el respeto laurenz daniela duran acuña alfonzo lopez
Presentación Métodos de administración de oxígeno.pdf
CATALOGO piratería y decoración para negocio
lineamientos-orientacion-vocacional-y-profesional.pdf
planimetrias teatro constitucion de elemental.pdf
Ghhhhhhhhyhhhhyuuiiiiiiiigbyejku⁶778990⁰0000o99
Presentacion TP Informatic00000000000000

Tips de diseño

  • 2. Tips de Diseño para lograr lo que no se pudo o aprender lo que nunca se supo...
  • 3. Logos “En Todas Partes” • Por increíble que parezca, muchas imágenes que podemos “ver” a diario nos sirven como posibles logos dependiendo de nuestros públicos y diseños. • Las siluetas son una poderosa herramienta ya que sintetizan, abstraen y logran un contraste que se visualiza de manera correcta hasta en las aplicaciones más pequeñas
  • 4. Logos “En Todas Partes” • Las direcciones de los elementos que se disponen en el lienzo también son un aporte en relación cómo nosotros decodificamos la información.
  • 5. Blanco y Negro/ Puntos Focales • Decidimos incursionar en Blanco y Negro por costos. • Entendible.... sin embargo debemos cuidarnos de las jerarquías de los distintos puntos de atención o puntos focales en nuestra composición. • Con tamaños y valor de “relleno” similares, los objetos compiten con el texto.
  • 6. Blanco y Negro/ Puntos Focales • Basta con modificar un poco los valores para jerarquizar nuevamente nuestra composición y centrarnos en lo más importante.
  • 7. Blanco y Negro/ Puntos Focales • Grandes composiciones no tienen miedo a los espacios abiertos. Siguen cierto parámetros que se esconden en las líneas guía de los objetos y la tipografía.
  • 8. Blanco y Negro/ Puntos Focales • Cuando trabajamos con imágenes evocativas, sensitivas, es nuestro trabajo hacer “que la imagen hable”. • Un diseño debe ser “lo menos diseño posible”. • Sólo con alinear la vista de la imagen con la linea tipográfica hace el trabajo en este caso.
  • 9. Repetición de Objetos • Encontrarse con fotografías “planas” 1) Usar un pincel suave o que no dejan espacio para texto es ayuda a fusionar la fotografía. común. 2) Continuar el color ayuda a • Copiar parte de dicha imagen y extender nuestra área de extender su detalle puede ayudar a trabajo. realizar una buena composición.
  • 10. Repetición de Objetos • Hacer espacio, con la repetición es siempre un buen recurso, para lograr integraciones que no sea vean forzadas.
  • 11. Repetición de Objetos • No ser un “big fan” de los logos fantasmas o sellos de agua no significa que no funcionen. Deben ser aplicados de la manera más elegante y provechosa posible.
  • 12. Repetición de Objetos • Cuando el exceso es inminente, debemos analizar la materia prima. Establecer diagramación por similitud puede sacarnos del problema.
  • 13. Repetición de Objetos • Los “Close Up” o “Planos Detalle” son especiales para reforzar partes fundamentales del “todo”. • Las líneas interactúan para dar movimiento. • El formato horizontal fomenta la extensión de la imagen.
  • 14. Diseño “One Line” • Muchas imágenes pueden ser trazadas sólo con la Pluma en Adobe Illustrator. • De esta manera podemos generar diseño simples, funcionales y conceptuales.
  • 15. Diseño “One Line” Dingbats :) • No eres diestro con la Pluma? Tienes 5 pulgares? • No importa, aprende a utilizar las formas, aprécialas y saca provecho de las tipografías Dingbats. • Sólo cámbialo a “outline” y regula su grosor y “tamos dao’s”!
  • 16. Diseño “One Line” Dingbats :) • El valor del contraste siempre genera jerarquías tales como “mas adelante”, aún cuando el tamaño sea distinto
  • 17. Diseño “One Line” Tipografías • Utilizar tipografías como imagenes es siempre un recurso ganador. • Debe tratarse con el debido valor de lo contrario genera confusión.
  • 18. Diseño “One Line” Tipografías • Eviten traslapar las líneas de ambas tipografías. • Usar valores distintos lorga establecer las jerarquías de manera correcta.
  • 19. Diseño “One Line” Sólo parte de la Imagen • Cuando trabajemos con imagenes con mucho detalle, siempre es bueno detectar su línea característica y sintetizarla.
  • 20. Diseño “One Line” Sólo parte de la Imagen • Si agregamos más líneas, nos complicamos y alejamos del objetivo, logrando un mero “efecto” mas que el logro definitivo.
  • 21. Diseño “One Line” Carácter a la Línea • Exagerar la línea entrega “sensaciones, carácter y concepto” adicional según lo que estemos trabajando.
  • 22. Diseño “One Line” Sombras • Dibujar sólo las sombras adhiere una sensación de luminosidad de manera limpia, sin ensuciar el resto de la composición, creando delicadeza sutilmente.